|
|
@@ -12,6 +12,28 @@
|
|
|
<button @tap="toAdd(item)" class="btn" :class="item.stateStr==='暂存'?'zcBtn':''" v-if="item.stateStr !=='已取消'">{{item.stateStr==='暂存'?'编辑':'取消'}}</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <van-dialog
|
|
|
+ use-slot
|
|
|
+ title="取消预约"
|
|
|
+ :show="show"
|
|
|
+ show-cancel-button
|
|
|
+ confirm-button-open-type="getUserInfo"
|
|
|
+ @confirm="confirm"
|
|
|
+ @cancel="show=false"
|
|
|
+ >
|
|
|
+ <div class="dialogBox">
|
|
|
+ <van-field
|
|
|
+ :value="contant"
|
|
|
+ autosize
|
|
|
+ type="textarea"
|
|
|
+ placeholder="请输入取消原因"
|
|
|
+ class="myField2"
|
|
|
+ maxlength="800"
|
|
|
+ show-word-limit
|
|
|
+ @change="changeMsg"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </van-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -22,6 +44,8 @@ export default {
|
|
|
name: "appointmentHistory",
|
|
|
data(){
|
|
|
return{
|
|
|
+ contant:'',
|
|
|
+ show:false,
|
|
|
getUserLocalStorageInfo: getUserLocalStorageInfo(),
|
|
|
historyList:[
|
|
|
{stateStr:'审核中'},
|
|
|
@@ -38,6 +62,9 @@ export default {
|
|
|
|
|
|
},
|
|
|
methods:{
|
|
|
+ changeMsg(e){
|
|
|
+ this.contant = e.detail
|
|
|
+ },
|
|
|
getList() {
|
|
|
const _this = this
|
|
|
_this.historyList = []
|
|
|
@@ -65,10 +92,13 @@ export default {
|
|
|
url: '/pages/subPackages/resourceReservation_manage/add?id=' + data.id
|
|
|
})
|
|
|
}else if(data.stateStr == '审核中'){
|
|
|
-
|
|
|
+ this.show = true
|
|
|
}
|
|
|
|
|
|
},
|
|
|
+ confirm(e){
|
|
|
+ console.log('我确定取消了')
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
@@ -153,5 +183,17 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
}
|
|
|
+ .dialogBox{
|
|
|
+ padding: 32rpx;
|
|
|
+ }
|
|
|
+ .myField2 {
|
|
|
+ .van-cell{
|
|
|
+ background: #F5F7FA !important;
|
|
|
+ border-radius: 8rpx;
|
|
|
+ font-size: 28rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
</style>
|
