Skip to content

S
self-support
Commit 59fa5356 authored by Morson's avatar Morson
Browse files
Options

增加禁用时间按钮操作

parent f66d81d4
Hide whitespace changes
Inline Side-by-side
Showing with 49 additions and 24 deletions
src/components/appoint/appoint-time.vue
View file @ 59fa5356
...@@ -32,10 +32,14 @@ ...@@ -32,10 +32,14 @@
<view class="txt active">{{ currentTimeTxt }}</view> <view class="txt active">{{ currentTimeTxt }}</view>
</view> </view>
<view class="u-p-t-30 u-flex u-flex-wrap time-list"> <view class="u-p-t-30 u-flex u-flex-wrap time-list">
<view @click="timeChange(item,index,timeList)" <view
:class="{'time-item':true,'active': index===currentTime}" v-for="(item,index) in timeList" :class="{'time-item':true,'active': index===currentTime}" v-for="(item,index) in timeList"
:key="item.pkey"> :key="item.pkey">
<text class="time">{{item.name}}</text> <button class="time" :plain="true"
:disabled="item.disabled" :hair-line="false"
@click="timeChange(item,index,timeList)">
{{item.name}}
</button>
</view> </view>
</view> </view>
</view> </view>
...@@ -71,15 +75,15 @@ ...@@ -71,15 +75,15 @@
type: Array, type: Array,
default(){ default(){
return [ return [
{"name":"06:00-08:00","pkey":"appointment_range_8"}, {"name":"06:00-08:00","pkey":"appointment_range_8","disabled":false},
{"name":"08:00-10:00","pkey":"appointment_range_10"}, {"name":"08:00-10:00","pkey":"appointment_range_10","disabled":false},
{"name":"10:00-12:00","pkey":"appointment_range_12"}, {"name":"10:00-12:00","pkey":"appointment_range_12","disabled":false},
{"name":"12:00-14:00","pkey":"appointment_range_14"}, {"name":"12:00-14:00","pkey":"appointment_range_14","disabled":false},
{"name":"14:00-16:00","pkey":"appointment_range_16"}, {"name":"14:00-16:00","pkey":"appointment_range_16","disabled":false},
{"name":"16:00-18:00","pkey":"appointment_range_18"}, {"name":"16:00-18:00","pkey":"appointment_range_18","disabled":false},
{"name":"18:00-20:00","pkey":"appointment_range_20"}, {"name":"18:00-20:00","pkey":"appointment_range_20","disabled":false},
{"name":"20:00-22:00","pkey":"appointment_range_22"}, {"name":"20:00-22:00","pkey":"appointment_range_22","disabled":false},
{"name":"22:00-24:00","pkey":"appointment_range_24"} {"name":"22:00-24:00","pkey":"appointment_range_24","disabled":false}
] ]
} }
}, },
...@@ -260,7 +264,6 @@ ...@@ -260,7 +264,6 @@
// margin-right: 24rpx; // margin-right: 24rpx;
margin-bottom: 20rpx; margin-bottom: 20rpx;
border-radius: 12rpx; border-radius: 12rpx;
padding: 26rpx 20rpx 24rpx;
background-color: #F4F5F7; background-color: #F4F5F7;
&:nth-child(3n) { &:nth-child(3n) {
...@@ -274,9 +277,17 @@ ...@@ -274,9 +277,17 @@
} }
.time { .time {
font-size: 26rpx; font-size: 26rpx;
line-height: 26rpx; line-height: 76rpx;
color: #999; color: #999;
} }
/deep/ button {
padding: 0;
height: 76rpx;
}
/deep/ button[plain] {
border: none;
}
} }
} }
</style> </style>
src/pages/order/feedback.vue
View file @ 59fa5356
...@@ -94,15 +94,15 @@ ...@@ -94,15 +94,15 @@
{day: now + (6*86400000), timeRange: []}, {day: now + (6*86400000), timeRange: []},
], ],
timeList: [ timeList: [
{"name":"06:00-08:00","pkey":"appointment_range_8"}, {"name":"06:00-08:00","pkey":"appointment_range_8","disabled":false},
{"name":"08:00-10:00","pkey":"appointment_range_10"}, {"name":"08:00-10:00","pkey":"appointment_range_10","disabled":false},
{"name":"10:00-12:00","pkey":"appointment_range_12"}, {"name":"10:00-12:00","pkey":"appointment_range_12","disabled":false},
{"name":"12:00-14:00","pkey":"appointment_range_14"}, {"name":"12:00-14:00","pkey":"appointment_range_14","disabled":false},
{"name":"14:00-16:00","pkey":"appointment_range_16"}, {"name":"14:00-16:00","pkey":"appointment_range_16","disabled":false},
{"name":"16:00-18:00","pkey":"appointment_range_18"}, {"name":"16:00-18:00","pkey":"appointment_range_18","disabled":false},
{"name":"18:00-20:00","pkey":"appointment_range_20"}, {"name":"18:00-20:00","pkey":"appointment_range_20","disabled":false},
{"name":"20:00-22:00","pkey":"appointment_range_22"}, {"name":"20:00-22:00","pkey":"appointment_range_22","disabled":false},
{"name":"22:00-24:00","pkey":"appointment_range_24"} {"name":"22:00-24:00","pkey":"appointment_range_24","disabled":false}
], ],
background: { background: {
backgroundColor: 'none', backgroundColor: 'none',
...@@ -240,7 +240,11 @@ ...@@ -240,7 +240,11 @@
let self = this let self = this
let res = await this.$u.api.openTimerange() let res = await this.$u.api.openTimerange()
if(res && res.code == 200) { if(res && res.code == 200) {
self.timeList = res.data let list = res.data
list.map((item, index) => {
item.disabled = false
})
self.timeList = list
} }
}, },
...@@ -296,16 +300,26 @@ ...@@ -296,16 +300,26 @@
}, },
dateChange(data){ dateChange(data){
debugger
// 点击日期选择 // 点击日期选择
console.log(data,'week-data') console.log(data,'week-data')
let self = this let self = this
if(self.trace.reasonType == '报备') { if(self.trace.reasonType == '报备') {
self.trace.appointmentDatetime = null self.trace.appointmentDatetime = null
self.trace.nextTraceDatetime = data.item.day self.trace.nextTraceDatetime = data.item.day
self.timeList.map((item, index) => {
item.disabled = false
})
} else if(self.trace.reasonType == '改约') { } else if(self.trace.reasonType == '改约') {
self.trace.appointmentDatetime = data.item.day self.trace.appointmentDatetime = data.item.day
self.trace.nextTraceDatetime = null self.trace.nextTraceDatetime = null
self.timeList.map((item, index) => {
if(data.item.timeRange.indexOf(item.pkey) > -1) {
item.disabled = true
} else {
item.disabled = false
}
})
} }
}, },
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment