From 17efddc6a667670dca682bf36b51a43e99615e6d Mon Sep 17 00:00:00 2001
From: k94314517 <8417338+k94314517@user.noreply.gitee.com>
Date: 星期三, 16 十月 2024 15:59:38 +0800
Subject: [PATCH] 代码初始化
---
h5/pages/staff/meetingSub.vue | 53 ++++++++++++++++++++++++++++++++++++++++-------------
1 files changed, 40 insertions(+), 13 deletions(-)
diff --git a/h5/pages/staff/meetingSub.vue b/h5/pages/staff/meetingSub.vue
index 5134f06..f4f8d62 100644
--- a/h5/pages/staff/meetingSub.vue
+++ b/h5/pages/staff/meetingSub.vue
@@ -3,14 +3,14 @@
<view class="heade_title">
<image
class="icon"
- src="../../static/staff/ar_left@2x.png"
+ src="@/static/staff/ar_left@2x.png"
@click="changeDate(-1)"
mode="widthFix"
></image>
<text class="date">{{ activeDateCum }}</text>
<image
class="icon"
- src="../../static/staff/ar_right@2x.png"
+ src="@/static/staff/ar_right@2x.png"
@click="changeDate(1)"
mode="widthFix"
></image>
@@ -33,7 +33,11 @@
<view
@click="datetimeClick(item, i)"
class="item"
- :class="{ disable: item.isUse, active: item.checked == '1' }"
+ :class="{
+ disable: item.isUse,
+ active: item.checked == '1',
+ hasSub: item.bookingTimeId,
+ }"
v-for="(item, i) in timeList"
:key="i"
>
@@ -53,7 +57,7 @@
<view class="">{{ item.name }}</view>
</view>
</view>
- <view class="sub" @click="onSubmit">纭棰勭害</view>
+ <view class="sub" :class="{disable: !selDatetime}" @click="onSubmit">纭棰勭害</view>
</view>
</view>
<!-- -->
@@ -68,7 +72,7 @@
<view class="h1">{{ activeInfo.meetingName }}</view>
<view class="line">
<view class="label">浼氳鏃堕棿</view>
- <view class="value">{{ activeInfo.meetingTime }}</view>
+ <view class="value" v-if="activeInfo.meetingDate">{{ activeInfo.meetingDate.slice(5) }} {{ activeInfo.meetingTime }}</view>
</view>
<view class="line">
<view class="label">浼氳瀹�</view>
@@ -126,9 +130,12 @@
roomClick(item) {
this.$set(this.activeRoom, 'roomId', item.id)
this.$set(this.activeRoom, 'roomName', item.name)
+ this.$set(this.activeRoom, 'limitNum', item.limitNum)
+ 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({
@@ -139,10 +146,17 @@
const obj = {
startTime: selTimeList[0].startTime,
endTime: selTimeList[selTimeList.length - 1].endTime,
- bookingTimeList: selTimeList.map(i => i.id).join(',')
+ bookingTimeList: selTimeList.map(i => i.id).join(','),
+ yudingDate: activeRoom.yudingDate,
+ roomName: activeRoom.roomName,
+ limitNum: activeRoom.limitNum,
+ roomId: activeRoom.roomId,
}
+ setTimeout(() => {
+ this.$eventBus.$emit('meetingSub', obj)
+ }, 500)
uni.navigateTo({
- url: `/pages/staff/meetingSubOrder?yudingDate=${activeRoom.yudingDate}&roomName=${activeRoom.roomName}&roomId=${activeRoom.roomId}&startTime=${obj.startTime}&endTime=${obj.endTime}&bookingTimeList=${obj.bookingTimeList}`
+ url: `/pages/staff/meetingSubOrder`
})
// this.$jump('/pages/staff/vehicle/apply')
},
@@ -152,6 +166,7 @@
if (this.meetingList.length > 0) {
this.$set(this.activeRoom, 'roomId', this.meetingList[0].id)
this.$set(this.activeRoom, 'roomName', this.meetingList[0].name)
+ this.$set(this.activeRoom, 'limitNum', this.meetingList[0].limitNum)
this.getRoomTime()
}
})
@@ -222,8 +237,10 @@
},
changeDate(num) {
const yudingDate = this.activeRoom.yudingDate
+ if (num < 0 && yudingDate === dayjs().format('YYYY-MM-DD')) return
let fn = num > 0 ? 'add' : 'subtract'
- this.yudingDate = dayjs(yudingDate)[fn](1, 'days').format('YYYY-MM-DD')
+ this.activeRoom.yudingDate = dayjs(yudingDate)[fn](1, 'days').format('YYYY-MM-DD')
+ console.log('yudingDate', this.activeRoom.yudingDate)
this.getRoomList()
},
getDetail(id) {
@@ -316,12 +333,14 @@
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;
@@ -332,14 +351,22 @@
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;
color: #fff;
}
.disable {
- background-color: #cccccc;
- color: #999999;
+ background: #F7F7F7;
+ color: #CCCCCC;
+ }
+ .hasSub{
+ color: #fff;
+ background: #CCCCCC;
}
}
.meeting_list {
--
Gitblit v1.9.3