104 lines
3.1 KiB
Vue
104 lines
3.1 KiB
Vue
<template>
|
||
<view>
|
||
<!-- 模态框 -->
|
||
<view class="cu-modal" :class="show?'show':''">
|
||
<view class="cu-dialog">
|
||
<view class="cu-bar bg-white justify-end solid-bottom">
|
||
<view class="content">上门/服务规则</view>
|
||
<view class="action" data-modal="showOnDoorNoticeModal" @tap="hideModal">
|
||
<text class="cuIcon-close text-red"></text>
|
||
</view>
|
||
</view>
|
||
<view class="padding-xl text-left bg-white">
|
||
<view>1、上门/服务不得使用客户家的工具/用品(别说客户不介意)；不得谈论产品价格、服务费及师傅报酬等超服务内容的言论，否则引起不必要的纠纷或退货你全责。</view>
|
||
<view>2 、推销商是你的免费业务员与订单来源，也是你的代理商、经销商，其对本单动态监管；不得无故退单、撬单，不踩双方利益红线。</view>
|
||
<view class="text-main-color flex align-center justify-center">
|
||
<text>您可预告客户您约</text>
|
||
<picker class="relative-view" mode="selector" :range="minList" @change="minChange">
|
||
<input class="custom-input radius-input" v-model="waitMin" disabled>
|
||
<view class="text-lg input-arrow"><text class="cuIcon-triangledownfill"></text></view>
|
||
</input>
|
||
</picker>
|
||
<text>分钟左右到达</text>
|
||
</view>
|
||
<view class="text-center">确认后系统同步通知客户你正在上门...</view>
|
||
</view>
|
||
<view class="cu-bar bg-white solid-top">
|
||
<view class="action margin-0 flex-sub text-black" data-modal="showOnDoorNoticeModal"
|
||
@tap="hideModal">取消</view>
|
||
<view class="modal-bottom-oper margin-0 flex-sub text-main-color solid-left" data-modal="showOnDoorNoticeModal" @tap="workBegin">确认</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import myUniCombox from '@/components/uni-combox/my-uni-combox.vue';
|
||
|
||
export default {
|
||
name: 'onDoorImmediately',
|
||
emits: ['confirmFeedback'],
|
||
props: {
|
||
show: {
|
||
type: Boolean,
|
||
default: false
|
||
},
|
||
data: {
|
||
type: Object,
|
||
default: {}
|
||
}
|
||
},
|
||
components: {
|
||
myUniCombox
|
||
},
|
||
data() {
|
||
return {
|
||
minList: [0, 15, 30, 45, 60, 80, 100],
|
||
waitMin: 0
|
||
}
|
||
},
|
||
methods: {
|
||
hideModal(e) {
|
||
uni.$emit(this.$globalFun.HIDE_MODAL, e);
|
||
},
|
||
minChange(e) {
|
||
this.waitMin = this.minList[e.detail.value];
|
||
},
|
||
async workBegin(e) {
|
||
let order = this.data;
|
||
let curDate = new Date();
|
||
let formatCurDate = curDate.getFullYear() + '-' + (curDate.getMonth() + 1) + '-' + curDate.getDate()
|
||
+ ' ' + curDate.getHours() + ':' + curDate.getMinutes() + ':' + curDate.getSeconds();
|
||
let params = {
|
||
id: order.orderDetailId,
|
||
orderStatus: 3,
|
||
workBeginTime: formatCurDate
|
||
}
|
||
let res = await this.$request.updateDetailOrder(params);
|
||
if (res && res.code === 0) {
|
||
// this.reloadMasterOrderPage();
|
||
uni.showToast({
|
||
icon: 'success',
|
||
duration: 1000
|
||
})
|
||
this.hideModal(e);
|
||
this.$emit('confirmFeedback');
|
||
}
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style scoped>
|
||
.relative-view {
|
||
position: relative;
|
||
width: 20%;
|
||
}
|
||
.input-arrow {
|
||
position: absolute;
|
||
right: 10rpx;
|
||
top: 25%;
|
||
}
|
||
</style>
|