|
|
|
|
@ -52,14 +52,13 @@
|
|
|
|
|
<view class="book-box-row-date">
|
|
|
|
|
<block v-for="(item,index) in listDatePrice" :key="index">
|
|
|
|
|
<view class="book-box-row-dateitem" :class="{'book-box-row-dateitem-on':item.checked,
|
|
|
|
|
'book-box-row-dateitem-none':item.is_open==0,
|
|
|
|
|
'book-box-row-dateitem-none':item.remain_count==0}" @click="handleDate(index)">
|
|
|
|
|
'book-box-row-dateitem-none':item.is_open==0 || item.remain_count==0 || item.outOfRange}" @click="handleDate(index)">
|
|
|
|
|
<view class="book-box-row-dateitem-status">
|
|
|
|
|
<u-icon name="checkmark" color="#fff" size="20rpx" v-if="item.checked">
|
|
|
|
|
</u-icon>
|
|
|
|
|
<view v-else>
|
|
|
|
|
<text
|
|
|
|
|
v-if="item.is_open==1">{{item.remain_count==0?"不可预约":"可预约"}}</text>
|
|
|
|
|
v-if="item.is_open==1">{{(item.remain_count==0 || item.outOfRange)?"不可预约":"可预约"}}</text>
|
|
|
|
|
<text v-else>闭馆</text>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
@ -201,7 +200,9 @@
|
|
|
|
|
onLoad() {
|
|
|
|
|
// 检测运行环境
|
|
|
|
|
this.isH5 = typeof window !== 'undefined' && window.location
|
|
|
|
|
|
|
|
|
|
this.minDate = this.$moment().add(1, 'days').format('YYYY-MM-DD');
|
|
|
|
|
this.maxDate = this.$moment().add(7, 'days').format('YYYY-MM-DD');
|
|
|
|
|
|
|
|
|
|
this.loadInfo();
|
|
|
|
|
this.loadNotice();
|
|
|
|
|
},
|
|
|
|
|
@ -323,11 +324,19 @@
|
|
|
|
|
}
|
|
|
|
|
return day
|
|
|
|
|
},
|
|
|
|
|
applyDateRangeLimit(item) {
|
|
|
|
|
var minD = this.minDate;
|
|
|
|
|
var maxD = this.maxDate;
|
|
|
|
|
item.outOfRange = this.$moment(item.date).isAfter(maxD, 'day') || this.$moment(item.date).isBefore(minD, 'day');
|
|
|
|
|
},
|
|
|
|
|
handleDate(index) {
|
|
|
|
|
var nt = this.$moment().format("yyyy-MM-DD");
|
|
|
|
|
let list = this.listDatePrice;
|
|
|
|
|
let cdate = list[index];
|
|
|
|
|
|
|
|
|
|
if (cdate.outOfRange) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
if (cdate.is_open === 0) {
|
|
|
|
|
uni.showToast({
|
|
|
|
|
icon: "none",
|
|
|
|
|
@ -487,6 +496,7 @@
|
|
|
|
|
let isOpenDate = false;
|
|
|
|
|
for (var m of that.listDatePrice) {
|
|
|
|
|
m.checked = false;
|
|
|
|
|
that.applyDateRangeLimit(m);
|
|
|
|
|
m.datef = that.$moment(m.date).format("MM月DD日");
|
|
|
|
|
var week = that.$moment(m.date).format("dddd");
|
|
|
|
|
if (m.date == nt)
|
|
|
|
|
@ -499,7 +509,7 @@
|
|
|
|
|
m.week = week;
|
|
|
|
|
}
|
|
|
|
|
if (m.date == selectDate) {
|
|
|
|
|
if (m.is_open == 1 && m.remain_count > 0) {
|
|
|
|
|
if (!m.outOfRange && m.is_open == 1 && m.remain_count > 0) {
|
|
|
|
|
m.checked = true;
|
|
|
|
|
that.currentDate = m;
|
|
|
|
|
that.currentIndex = i;
|
|
|
|
|
@ -589,7 +599,7 @@
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.box-top {
|
|
|
|
|
width: 100%;
|
|
|
|
|
width: 100%;
|
|
|
|
|
font-size: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|