130 lines
3.2 KiB
Vue
130 lines
3.2 KiB
Vue
|
<template>
|
|||
|
|
<view class="cu-modal" :class="show?'show':''">
|
|||
|
|
<view class="cu-dialog bg-white">
|
|||
|
|
<view class="cu-bar">
|
|||
|
|
<view class="content">分配服务金额</view>
|
|||
|
|
<view class="action" data-modal="agreeAfterSale" @click="hideModal">
|
|||
|
|
<text class="cuIcon-close text-red"></text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="padding text-left">
|
|||
|
|
<view class="padding-top">
|
|||
|
|
<view class="flex justify-start flex-direction">
|
|||
|
|
<view>本单商品已设置包安装/包施工类服务</view>
|
|||
|
|
<view>请预置分配安装或服务费/工时费：</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="margin-top solid radius text-left padding-sm">
|
|||
|
|
<input type="digit" style="width: 100%;" placeholder="请输入本单服务费，工时费可撤回或修改" v-model="serviceMoney">
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="cu-bar solid-top">
|
|||
|
|
<view class="action margin-0 flex-sub text-black" data-modal="agreeAfterSale" @click="hideModal">关闭/返回查看商品</view>
|
|||
|
|
<view class="action margin-0 flex-sub text-main-color solid-left" data-modal="agreeAfterSale"
|
|||
|
|
@click="noticeConfirm">继续接单</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<confirm-modal ref="notice" :content="'本单款项银联确认已发起支付，款项已到达或即将到达您所绑定帐户，需退款的同意后您线下与客户操作退款，系统无法提供原路返回退款!'" :confirmMsg="'同意'" @confirm="noticeConfirm" @cancel="noticeCancel"></confirm-modal>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
export default {
|
|||
|
|
name: 'agreeAfterSale',
|
|||
|
|
props: {
|
|||
|
|
show: {
|
|||
|
|
type: Boolean,
|
|||
|
|
default: false
|
|||
|
|
},
|
|||
|
|
data: {
|
|||
|
|
type: Object,
|
|||
|
|
default: {}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
agreedRefund: null,
|
|||
|
|
reasonType: null,
|
|||
|
|
remark: null,
|
|||
|
|
serviceMoney: null
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
hideModal(e) {
|
|||
|
|
this.resetData();
|
|||
|
|
this.$emit('close', e);
|
|||
|
|
},
|
|||
|
|
resetData() {
|
|||
|
|
this.serviceMoney = null;
|
|||
|
|
},
|
|||
|
|
showNotice(e) {
|
|||
|
|
if (this.data.drawCashStatus != null && this.data.drawCashStatus >= 1) {
|
|||
|
|
this.$refs.notice.showModal();
|
|||
|
|
} else {
|
|||
|
|
this.submit(e);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
noticeConfirm() {
|
|||
|
|
this.submit({
|
|||
|
|
currentTarget: {
|
|||
|
|
dataset: {
|
|||
|
|
modal: 'agreeAfterSale'
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
noticeCancel() {
|
|||
|
|
this.hideModal({
|
|||
|
|
currentTarget: {
|
|||
|
|
dataset: {
|
|||
|
|
modal: 'agreeAfterSale'
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
async submit(e) {
|
|||
|
|
if (!this.serviceMoney) {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: '请输入本单服务费',
|
|||
|
|
icon: 'none'
|
|||
|
|
});
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if(parseFloat(this.serviceMoney) > this.data.serverMoney) {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: '本单服务费不能大于订单服务金额',
|
|||
|
|
icon: 'none'
|
|||
|
|
});
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
let res = await this.$request.allocateServiceMoney({
|
|||
|
|
id: this.data.orderMasterId,
|
|||
|
|
serverGoodsMoney: this.serviceMoney
|
|||
|
|
});
|
|||
|
|
if (res && res.code === 0) {
|
|||
|
|
uni.showToast({
|
|||
|
|
icon: 'success',
|
|||
|
|
title: '提交成功',
|
|||
|
|
duration: 1000
|
|||
|
|
})
|
|||
|
|
this.hideModal(e);
|
|||
|
|
this.$emit('confirmFeedback');
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
uni.showToast({
|
|||
|
|
icon: 'error',
|
|||
|
|
duration: 1000,
|
|||
|
|
title: '提交失败',
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style scoped>
|
|||
|
|
.inline-input {
|
|||
|
|
flex-basis: 25%;
|
|||
|
|
}
|
|||
|
|
</style>
|