| | |
| | | <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({ |
| | |
| | | left: 0; |
| | | bottom: 0; |
| | | background-color: #fff; |
| | | padding: 20rpx 30rpx 84rpx; |
| | | padding: 20rpx 30rpx 52rpx; |
| | | box-shadow: 0rpx -3rpx 6rpx 0rpx #eeeeee; |
| | | .sel_time { |
| | | color: $uni-color-primary; |
| | |
| | | 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; |
| | |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | height: 100rpx; |
| | | padding-top: 10rpx; |
| | | .date { |
| | | margin: 0 24rpx; |
| | | font-weight: 600; |