|
@@ -39,7 +39,7 @@
|
|
|
<swiper-item v-for="(item, index) in times" :key="item.id">
|
|
<swiper-item v-for="(item, index) in times" :key="item.id">
|
|
|
<view class="picker-item" :hover-stay-time="100" hover-class="hover-active" :class="{active: index == current}" @click="pickeClick(item, index)">
|
|
<view class="picker-item" :hover-stay-time="100" hover-class="hover-active" :class="{active: index == current}" @click="pickeClick(item, index)">
|
|
|
<view class="value" :class="{not : !item.isCheck}">{{item.text}}</view>
|
|
<view class="value" :class="{not : !item.isCheck}">{{item.text}}</view>
|
|
|
- <view class="tig" v-if="item.num">{{item.num}}/{{item.max}}</view>
|
|
|
|
|
|
|
+ <view class="tig">可预约{{item.max - item.num}}人</view>
|
|
|
<view class="stauts-wrap">
|
|
<view class="stauts-wrap">
|
|
|
<view class="mark" v-if="index == current">
|
|
<view class="mark" v-if="index == current">
|
|
|
<image style="width: 30rpx;height: 30rpx;" src="/static/app/page3/mark.png" mode="aspectFit"></image>
|
|
<image style="width: 30rpx;height: 30rpx;" src="/static/app/page3/mark.png" mode="aspectFit"></image>
|
|
@@ -120,7 +120,10 @@
|
|
|
const time2YMD = dayjs(date)
|
|
const time2YMD = dayjs(date)
|
|
|
const times = res.data.map((item, index) => {
|
|
const times = res.data.map((item, index) => {
|
|
|
let isCheck = false // 点击
|
|
let isCheck = false // 点击
|
|
|
- const _time2 = dayjs().year(time2YMD.year()).month(time2YMD.month()).date(time2YMD.date()).hour(item.visitTime.split(':')[0]).minute(item.visitTime.split(':')[1]).second(0);
|
|
|
|
|
|
|
+ const textStr = item.visitTime;
|
|
|
|
|
+ const _visitTime = item.visitTime.split('-')
|
|
|
|
|
+ const visitTime = _visitTime[_visitTime.length - 1]
|
|
|
|
|
+ const _time2 = dayjs().year(time2YMD.year()).month(time2YMD.month()).date(time2YMD.date()).hour(visitTime.split(':')[0]).minute(visitTime.split(':')[1]).second(0);
|
|
|
// 自动选中未录满
|
|
// 自动选中未录满
|
|
|
if(this.isLittleTime(time1 , _time2) && item.max > item.num) {
|
|
if(this.isLittleTime(time1 , _time2) && item.max > item.num) {
|
|
|
// 可以点击
|
|
// 可以点击
|
|
@@ -128,11 +131,11 @@
|
|
|
if(!isfuzhi){
|
|
if(!isfuzhi){
|
|
|
isfuzhi = true;
|
|
isfuzhi = true;
|
|
|
this.current = index
|
|
this.current = index
|
|
|
- this.form.visitTime = item.visitTime;
|
|
|
|
|
|
|
+ this.form.visitTime = visitTime;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
// 获取item
|
|
// 获取item
|
|
|
- return { id: timeStr + '' + index, text: item.visitTime, visitTime: item.visitTime, max: item.max, num: item.num, isCheck: isCheck}
|
|
|
|
|
|
|
+ return { id: timeStr + '' + index, text: item.visitTime, visitTime: visitTime, max: item.max, num: item.num, isCheck: isCheck}
|
|
|
})
|
|
})
|
|
|
this.times = times
|
|
this.times = times
|
|
|
// console.log(times, '---------')
|
|
// console.log(times, '---------')
|
|
@@ -174,7 +177,7 @@
|
|
|
this.$refs.uToast.show({type: 'error', message: '时段已经约满', position: 'top'})
|
|
this.$refs.uToast.show({type: 'error', message: '时段已经约满', position: 'top'})
|
|
|
return
|
|
return
|
|
|
}
|
|
}
|
|
|
- this.form.visitTime = item.text;
|
|
|
|
|
|
|
+ this.form.visitTime = item.visitTime;
|
|
|
this.current = index
|
|
this.current = index
|
|
|
},
|
|
},
|
|
|
// 确认预约
|
|
// 确认预约
|