|
|
|
@ -333,14 +333,16 @@
|
|
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
|
|
<el-dialog title="预约取消" v-model="dialogCancelReservation" style="width: 30%; height: 40%"> |
|
|
|
|
<el-form :model="cancel"> |
|
|
|
|
<el-form-item label="原因:"> |
|
|
|
|
<el-input v-model="cancel.message" autocomplete="off"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-form> |
|
|
|
|
<div slot="footer" class="dialog-footer"> |
|
|
|
|
<el-button @click="dialogCancelReservation = false">取 消</el-button> |
|
|
|
|
<el-button type="primary" @click="cancelReservationConfirm(row)">确 定</el-button> |
|
|
|
|
<div v-loading="dialogCancelReservationloading" element-loading-text="Loading..." class="el_gCancelReservation"> |
|
|
|
|
<el-form :model="cancel"> |
|
|
|
|
<el-form-item label="原因:"> |
|
|
|
|
<el-input :rows="4" type="textarea" v-model="cancel.message" autocomplete="off"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-form> |
|
|
|
|
<div slot="footer" class="dialog-footer"> |
|
|
|
|
<el-button @click="dialogCancelReservation = false">关 闭</el-button> |
|
|
|
|
<el-button type="primary" @click="cancelReservationConfirm(row)" :disabled="dialogCancelReservationloading">确 定</el-button> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
|
@ -387,6 +389,7 @@ export default {
|
|
|
|
|
data() { |
|
|
|
|
return { |
|
|
|
|
// 弹出框是否显示 |
|
|
|
|
dialogCancelReservationloading: false, |
|
|
|
|
dialogVisible: false, |
|
|
|
|
// 打印模版的html |
|
|
|
|
html: '', |
|
|
|
@ -1100,6 +1103,7 @@ export default {
|
|
|
|
|
this.$message.warning('请输入取消原因!!'); |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
this.dialogCancelReservationloading = true; |
|
|
|
|
let data = {}; |
|
|
|
|
if (this.cancelReservationRow) { |
|
|
|
|
data = this.cancelReservationRow; |
|
|
|
@ -1108,11 +1112,19 @@ export default {
|
|
|
|
|
this.$message.error('请稍后再试!!'); |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
cancelReservation(data).then(res => { |
|
|
|
|
this.onLoad(this.page); |
|
|
|
|
this.cancelReservationRow = {}; |
|
|
|
|
this.dialogCancelReservation = false; |
|
|
|
|
}); |
|
|
|
|
cancelReservation(data) |
|
|
|
|
.then(res => { |
|
|
|
|
this.onLoad(this.page); |
|
|
|
|
this.cancelReservationRow = {}; |
|
|
|
|
this.dialogCancelReservation = false; |
|
|
|
|
}) |
|
|
|
|
.catch(err => { |
|
|
|
|
console.log(err); |
|
|
|
|
|
|
|
|
|
}) |
|
|
|
|
.finally(() => { |
|
|
|
|
this.dialogCancelReservationloading = false; |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
ddd() { |
|
|
|
|
this.form.deliveryType === ''; |
|
|
|
@ -1746,4 +1758,10 @@ export default {
|
|
|
|
|
.avue-crud { |
|
|
|
|
height: 100%; |
|
|
|
|
} |
|
|
|
|
.el_gCancelReservation{ |
|
|
|
|
.el-form-item{ |
|
|
|
|
width: 100%; |
|
|
|
|
flex-direction: column; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|