| | |
| | | <view class="">{{ item.name }}</view> |
| | | </view> |
| | | </view> |
| | | <view class="sub" @click="onSubmit">确认预约</view> |
| | | <view class="sub" :class="{disable: !selDatetime}" @click="onSubmit">确认预约</view> |
| | | </view> |
| | | </view> |
| | | <!-- --> |
| | |
| | | this.getRoomTime() |
| | | }, |
| | | onSubmit() { |
| | | const { activeRoom } = this |
| | | const { activeRoom, selDatetime } = this |
| | | if(!selDatetime) return |
| | | const selTimeList = this.timeList.filter(i => i.checked == '1') |
| | | if (selTimeList.length == -1) { |
| | | return uni.showToast({ |
| | |
| | | font-size: 30rpx; |
| | | color: #ffffff; |
| | | } |
| | | .disable { |
| | | background-color: #cccccc; |
| | | } |
| | | } |
| | | } |
| | | .time_list { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | padding: 30rpx; |
| | | padding: 30rpx 30rpx 240rpx; |
| | | flex-wrap: wrap; |
| | | .item { |
| | | width: 220rpx; |
| | |
| | | border-radius: 4rpx; |
| | | margin-bottom: 24rpx; |
| | | font-size: 30rpx; |
| | | margin-right: 15rpx; |
| | | &:nth-of-type(3n){ |
| | | margin-right: 0; |
| | | } |
| | | } |
| | | .active { |
| | | background-color: $uni-color-primary; |