394 lines
24 KiB
Vue
394 lines
24 KiB
Vue
<template>
|
||
<view v-if="afterServiceRecord">
|
||
<view v-if="afterServiceRecord.createBy == 1" class="padding-tb solid-top">
|
||
<view class='cu-tag bg-main-color radius light'>售后发起中</view>
|
||
<view class="text-gray text-sm margin-bottom-xs">您需快速操作反馈，24小时内不操作将自动同意！</view>
|
||
<view v-if="afterServiceRecord.operType === 1">
|
||
<view class="flex justify-start align-end">
|
||
<text>{{afterServiceRecord.operType === 1 ? '退款申请：' : '待处理售后：'}}</text>
|
||
<uni-countdown :show-colon="false" :backgroundColor="'#eee'"
|
||
:day="$dateUtil.countDownDiff($dateUtil.addHours(afterServiceRecord.createTime, 24)).day"
|
||
:hour="$dateUtil.countDownDiff($dateUtil.addHours(afterServiceRecord.createTime, 24)).hour"
|
||
:minute="$dateUtil.countDownDiff($dateUtil.addHours(afterServiceRecord.createTime, 24)).min"
|
||
:second="$dateUtil.countDownDiff($dateUtil.addHours(afterServiceRecord.createTime, 24)).seconds">
|
||
</uni-countdown>
|
||
</view>
|
||
<view>
|
||
<text>退款金额：</text>
|
||
<text v-if="afterServiceRecord.refund">{{afterServiceRecord.refund}}</text>
|
||
<text v-else-if="order.payMoney">{{order.payMoney}}</text>
|
||
</view>
|
||
<view>
|
||
<text>售后类型：</text>
|
||
<text v-if="afterServiceRecord.afterServiceType === 1">未收到货，我要退单退款！</text>
|
||
<text v-else-if="afterServiceRecord.afterServiceType === 2">未收到货（发货在途），我要退款！</text>
|
||
<text v-else-if="afterServiceRecord.afterServiceType === 3">已收到货，我要退款退货！</text>
|
||
</view>
|
||
<view>
|
||
<text>申请原因：</text>
|
||
<text v-if="afterServiceRecord.customerReasonType === 1">不想要了</text>
|
||
<text v-else-if="afterServiceRecord.customerReasonType === 2">买错型号尺寸了</text>
|
||
<text v-else-if="afterServiceRecord.customerReasonType === 3">材质与商品描述不符</text>
|
||
<text v-else-if="afterServiceRecord.customerReasonType === 4">大小尺寸与商品描述不符</text>
|
||
<text v-else-if="afterServiceRecord.customerReasonType === 5">颜色、款式、型号与描述不符</text>
|
||
<text v-else-if="afterServiceRecord.customerReasonType === 6">出现质量问题</text>
|
||
<text v-else-if="afterServiceRecord.customerReasonType === 7">收到商品少件（少配件）</text>
|
||
<text v-else-if="afterServiceRecord.customerReasonType === 8">商家发错货</text>
|
||
<text v-else-if="afterServiceRecord.customerReasonType === 9">商品破损或污渍</text>
|
||
<text v-else-if="afterServiceRecord.customerReasonType === 10">未按承诺时间发货</text>
|
||
<text v-else-if="afterServiceRecord.customerReasonType === 11">未见快递/物流有信息</text>
|
||
<text v-else-if="afterServiceRecord.customerReasonType === 12">其它原因</text>
|
||
</view>
|
||
<view>
|
||
<text>具体原因：</text>
|
||
<text v-if="afterServiceRecord.customerReason">{{afterServiceRecord.customerReason}}</text>
|
||
</view>
|
||
<view v-if="afterServiceRecord.operType === 2">
|
||
<text>完成操作：点击“操作处理”提交由客服回访！</text>
|
||
</view>
|
||
<view class="grid col-3 grid-square flex-sub margin-top-sm">
|
||
<view class="bg-img" v-for="(imgObj, imgIndex) in afterServiceRecord.imgsList" :key="imgIndex" v-if="imgObj.imgUploadBy === 1">
|
||
<image :src="imgObj.imgUrl" @tap="viewImage($event, [imgObj.imgUrl])" :data-url="imgObj.imgUrl" mode="aspectFill"></image>
|
||
</view>
|
||
</view>
|
||
<view>
|
||
<text class="text-red" v-if="order.workerId == order.masterWorkerId && !order.isOnlyServ && order.payMoney < afterServiceRecord.refund && afterServiceRecord.customerFinalCheck == null">警报：退单金额大于该师傅接单金额，但客户发起的退款金额有效，您需介入处理，如让接单师傅系统上操作同意退款，系统最大按该单派单额退回客户，其余需人工处理！如属于师傅责任引起的退单，建议重做，重做后让客户撤消退单！</text>
|
||
</view>
|
||
</view>
|
||
<!-- <view class="flex justify-end align-end margin-tb-sm" v-if="!afterServiceRecord.updateBy || afterServiceRecord.updateBy == 1">
|
||
<button class="cu-btn sm bg-yellow margin-right-sm" @tap="showModalByRef('sure2Revisit', order, null)">重发/补发</button>
|
||
<button class="cu-btn sm bg-yellow margin-right-sm" data-modal="rejectAfterSale" @tap="showModal($event, order)">拒绝处理</button>
|
||
<button class="cu-btn sm bg-yellow margin-right-sm" data-modal="agreeAfterSale" @tap="showModal($event, order)">操作处理</button>
|
||
</view> -->
|
||
<!-- {{!afterServiceRecord.updateBy}}
|
||
{{afterServiceRecord.workerFeedbackResult === null}}
|
||
{{showActionBtn}} -->
|
||
<view class="flex justify-end align-end margin-tb-sm" v-if="(!afterServiceRecord.updateBy || afterServiceRecord.updateBy == 1) && afterServiceRecord.workerFeedbackResult === null && showActionBtn">
|
||
<button class="cu-btn sm bg-yellow margin-right-sm" @tap="$emit('redoGoHome')">重发/补发</button>
|
||
<button class="cu-btn sm bg-yellow margin-right-sm" @tap="$emit('callModal', 'rejectAfterSale')">拒绝处理</button>
|
||
<button class="cu-btn sm bg-yellow margin-right-sm" @tap="$emit('callModal', 'agreeAfterSale')">操作处理</button>
|
||
</view>
|
||
</view>
|
||
<view v-if="afterServiceRecord.updateBy != 1" class="padding-tb solid-top">
|
||
<view class='cu-tag bg-main-color radius light'>商家反馈</view>
|
||
<view>
|
||
<view class="margin-top-xs">
|
||
<text>商家反馈结果：</text>
|
||
<text v-if="afterServiceRecord.workerFeedbackResult === 0">拒绝</text>
|
||
<text v-else-if="afterServiceRecord.workerFeedbackResult === 1">同意</text>
|
||
<text v-else-if="afterServiceRecord.workerFeedbackResult === 2 || afterServiceRecord.workerFeedbackResult === 3">{{order.orderType == 1 ? '重发/补发商品' : '上门重做/补做'}}</text>
|
||
</view>
|
||
<template v-if="afterServiceRecord.workerFeedbackResult === 1">
|
||
<view>
|
||
<text>同意退款金额：</text>
|
||
<text>{{afterServiceRecord.agreedRefund ? afterServiceRecord.agreedRefund : afterServiceRecord.refund}}</text>
|
||
</view>
|
||
<view v-if="afterServiceRecord.workerReceiveStatus">
|
||
<text>收货状态：</text>
|
||
<text v-if="afterServiceRecord.workerReceiveStatus == 1">未发货</text>
|
||
<text v-else-if="afterServiceRecord.workerReceiveStatus == 2">已发货在途</text>
|
||
<text v-else-if="afterServiceRecord.workerReceiveStatus == 3">已收货</text>
|
||
<text v-else-if="afterServiceRecord.workerReceiveStatus == 4">售后保障期</text>
|
||
</view>
|
||
<view v-if="afterServiceRecord.workerAgreeType">
|
||
<text>同意选项：</text>
|
||
<text v-if="afterServiceRecord.workerAgreeType == 1">同意即时退单退款</text>
|
||
<text v-else-if="afterServiceRecord.workerAgreeType == 2">同意货物拦截后退单退款</text>
|
||
<text v-else-if="afterServiceRecord.workerAgreeType == 3">同意快递返回货物后退单退款</text>
|
||
<text v-else-if="afterServiceRecord.workerAgreeType == 4">同意您退回货物后退单退款</text>
|
||
</view>
|
||
</template>
|
||
|
||
<view v-if="afterServiceRecord.workerFeedbackResult === 2 || afterServiceRecord.workerFeedbackResult === 3" style="padding-left: 196upx;">
|
||
<view v-if="afterServiceRecord.workerResendPlan">
|
||
<text v-if="afterServiceRecord.workerResendPlan == 1">重发/补发，您无需退货</text>
|
||
<text v-if="afterServiceRecord.workerResendPlan == 2">重发/补发前，您需先退货</text>
|
||
<text v-if="afterServiceRecord.workerResendPlan == 3">请您退回商品，给你换货</text>
|
||
<text v-if="afterServiceRecord.workerResendPlan == 4">请退回商品，为您售后换货</text>
|
||
</view>
|
||
<view>客户同意则本次退款金额为0元</view>
|
||
<view>客户同意的需马上处理并重新提交</view>
|
||
</view>
|
||
<view v-if="afterServiceRecord.workerFeedbackResult !== 2 && afterServiceRecord.workerFeedbackResult !== 3">
|
||
<text>商家反馈：</text>
|
||
<text v-if="afterServiceRecord.workerFeedbackReasonType === 1">客户原因</text>
|
||
<text v-else-if="afterServiceRecord.workerFeedbackReasonType === 2">商家原因</text>
|
||
<text v-else-if="afterServiceRecord.workerFeedbackReasonType === 3">其他</text>
|
||
<text v-if="afterServiceRecord.workerFeedbackReason">
|
||
<text v-if="afterServiceRecord.workerFeedbackReasonType">，</text>
|
||
{{afterServiceRecord.workerFeedbackReason}}
|
||
</text>
|
||
</view>
|
||
|
||
<view class="grid col-3 grid-square flex-sub margin-top-sm" v-if="afterServiceRecord.workerFeedbackImages">
|
||
<view class="bg-img" v-for="(imgUrl, imgIndex) in afterServiceRecord.workerFeedbackImages.split(',')" :key="imgIndex">
|
||
<image :src="imgUrl" @tap="viewImage($event, [imgUrl])" :data-url="imgUrl" mode="aspectFill"></image>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="text-right" v-if="afterServiceRecord.customerAgreeRedo === 1">
|
||
<!-- 同意售后并且同意类型需要退货；；重发补发以及重发方案为需要退货 -->
|
||
<view class='cu-tag bg-main-color radius light' v-if="(afterServiceRecord.workerFeedbackResult === 1 && (afterServiceRecord.workerAgreeType == 2 || afterServiceRecord.workerAgreeType == 3 || afterServiceRecord.workerAgreeType == 4)) || ((afterServiceRecord.workerFeedbackResult === 2 || afterServiceRecord.workerFeedbackResult === 3) && (afterServiceRecord.workerResendPlan === 2 || afterServiceRecord.workerResendPlan === 3 || afterServiceRecord.workerResendPlan === 4))">客户反馈未收货，货在途</view>
|
||
<view class='cu-tag bg-main-color radius light' v-else>客户同意方案</view>
|
||
</view>
|
||
|
||
<template v-if="afterServiceRecord.returnType">
|
||
<view class="margin-top-xs">
|
||
<text>客户已退货：</text>
|
||
</view>
|
||
<view class="flex justify-between align-center">
|
||
<text>发货方式：{{afterServiceRecord.returnType == 1 ? '发快递/物流': (afterServiceRecord.returnType == 2 ? '送货上门' : '客户自提')}}</text>
|
||
<text v-if="afterServiceRecord.returnType == 1" @click="copyData(afterServiceRecord.returnTrackingNumber)">{{afterServiceRecord.returnTrackingNumber}}<text class="cuIcon-copy"></text><text class="text-main-color margin-left-sm" @click.stop="getDeliveryFlow(afterServiceRecord.returnTrackingNumber)">查询</text></text>
|
||
</view>
|
||
<view class="grid col-3 grid-square flex-sub margin-top-sm" v-if="afterServiceRecord.returnImages">
|
||
<view class="bg-img" v-for="(imgUrl, imgIndex) in afterServiceRecord.returnImages.split(',')" :key="imgIndex">
|
||
<image :src="imgUrl" @tap="viewImage($event, [imgUrl])" :data-url="imgUrl" mode="aspectFill"></image>
|
||
</view>
|
||
</view>
|
||
<view class="margin-bottom-xs" v-if="afterServiceRecord.returnRemark">
|
||
<text>发货备注：{{afterServiceRecord.returnRemark}}</text>
|
||
</view>
|
||
</template>
|
||
|
||
<template v-if="afterServiceRecord.workerFeedbackResult === 3 && afterServiceRecord.workerResendType">
|
||
<view class="margin-top-xs">
|
||
<text>商家重发/补发提交：</text>
|
||
</view>
|
||
<view class="flex justify-between align-center">
|
||
<text>发货方式：{{afterServiceRecord.workerResendType == 1 ? '发快递/物流': (afterServiceRecord.workerResendType == 2 ? '送货上门' : '客户自提')}}</text>
|
||
<text v-if="afterServiceRecord.workerResendType == 1" @click="copyData(afterServiceRecord.workerResendTrackingNumber)">{{afterServiceRecord.workerResendTrackingNumber}}<text class="cuIcon-copy"></text></text>
|
||
</view>
|
||
<view class="grid col-3 grid-square flex-sub margin-top-sm" v-if="afterServiceRecord.workerResendImages">
|
||
<view class="bg-img" v-for="(imgUrl, imgIndex) in afterServiceRecord.workerResendImages.split(',')" :key="imgIndex">
|
||
<image :src="imgUrl" @tap="viewImage($event, [imgUrl])" :data-url="imgUrl" mode="aspectFill"></image>
|
||
</view>
|
||
</view>
|
||
<view class="margin-bottom-xs" v-if="afterServiceRecord.workerResendRemark">
|
||
<text>发货备注：{{afterServiceRecord.workerResendRemark}}</text>
|
||
</view>
|
||
</template>
|
||
</view>
|
||
</view>
|
||
|
||
<view style="border-top: 1px solid gainsboro;padding-top: 10upx;" v-if="afterServiceRecord.customerFinalCheck == null && afterServiceRecord.workerResendType">
|
||
<view v-if="afterServiceRecord.workerResendType == 1">
|
||
<text class="text-gray" style="font-size: 20upx;">待客户验收或审核，4天内未操作将自动完成本次售后！</text>
|
||
<view class="flex align-center margin-top-sm">
|
||
<text>操作时限：</text>
|
||
<uni-countdown :show-colon="false" :backgroundColor="'#eee'"
|
||
:day="$dateUtil.countDownDiff($dateUtil.addDays(afterServiceRecord.workerResendTime, 4)).day"
|
||
:hour="$dateUtil.countDownDiff($dateUtil.addDays(afterServiceRecord.workerResendTime, 4)).hour"
|
||
:minute="$dateUtil.countDownDiff($dateUtil.addDays(afterServiceRecord.workerResendTime, 4)).min"
|
||
:second="$dateUtil.countDownDiff($dateUtil.addDays(afterServiceRecord.workerResendTime, 4)).seconds">
|
||
</uni-countdown>
|
||
</view>
|
||
</view>
|
||
<view v-else>
|
||
<text class="text-gray" style="font-size: 20upx;">待客户验收或审核，24小时未操作将自动同意本售后！</text>
|
||
<view class="flex align-center margin-top-sm">
|
||
<text>操作时限：</text>
|
||
<uni-countdown :show-colon="false" :backgroundColor="'#eee'"
|
||
:day="$dateUtil.countDownDiff($dateUtil.addHours(afterServiceRecord.workerResendTime, 24)).day"
|
||
:hour="$dateUtil.countDownDiff($dateUtil.addHours(afterServiceRecord.workerResendTime, 24)).hour"
|
||
:minute="$dateUtil.countDownDiff($dateUtil.addHours(afterServiceRecord.workerResendTime, 24)).min"
|
||
:second="$dateUtil.countDownDiff($dateUtil.addHours(afterServiceRecord.workerResendTime, 24)).seconds">
|
||
</uni-countdown>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view style="border-top: 1px solid gainsboro;padding-top: 10upx;" v-if="afterServiceRecord.customerFinalCheck == null && (afterServiceRecord.workerFeedbackResult === 0 || afterServiceRecord.workerFeedbackResult === 1 || afterServiceRecord.workerFeedbackResult === 3 || (afterServiceRecord.workerFeedbackResult === 2 && (afterServiceRecord.workerResendPlan === 2 || afterServiceRecord.workerResendPlan === 3)))">
|
||
<template v-if="afterServiceRecord.workerFeedbackResult === 1 && afterServiceRecord.customerOperationTime">
|
||
<text class="text-gray" style="font-size: 20upx;">您需跟踪客户退货或物流返货，收到后第一时间操作“结单”键退款！</text>
|
||
<view class="flex align-center margin-top-sm">
|
||
<text>工单时限：</text>
|
||
<uni-countdown :show-colon="false" :backgroundColor="'#eee'"
|
||
:day="$dateUtil.countDownDiff($dateUtil.addDays(afterServiceRecord.customerOperationTime, 6)).day"
|
||
:hour="$dateUtil.countDownDiff($dateUtil.addDays(afterServiceRecord.customerOperationTime, 6)).hour"
|
||
:minute="$dateUtil.countDownDiff($dateUtil.addDays(afterServiceRecord.customerOperationTime, 6)).min"
|
||
:second="$dateUtil.countDownDiff($dateUtil.addDays(afterServiceRecord.customerOperationTime, 6)).seconds">
|
||
</uni-countdown>
|
||
</view>
|
||
</template>
|
||
<template v-if="afterServiceRecord.workerFeedbackResult === 2 && afterServiceRecord.workerResendPlanTime">
|
||
<text class="text-gray" style="font-size: 20upx;">待客户验收或审核，36小时未操作将自动取消本次售后</text>
|
||
<view class="flex align-center margin-top-sm">
|
||
<text>工单时限：</text>
|
||
<uni-countdown :show-colon="false" :backgroundColor="'#eee'"
|
||
:day="$dateUtil.countDownDiff($dateUtil.addHours(afterServiceRecord.workerResendPlanTime, 36)).day"
|
||
:hour="$dateUtil.countDownDiff($dateUtil.addHours(afterServiceRecord.workerResendPlanTime, 36)).hour"
|
||
:minute="$dateUtil.countDownDiff($dateUtil.addHours(afterServiceRecord.workerResendPlanTime, 36)).min"
|
||
:second="$dateUtil.countDownDiff($dateUtil.addHours(afterServiceRecord.workerResendPlanTime, 36)).seconds">
|
||
</uni-countdown>
|
||
</view>
|
||
</template>
|
||
<template v-else-if="afterServiceRecord.redoCompleteTime">
|
||
<text class="text-gray" style="font-size: 20upx;">待客户验收或审核，36小时未操作将自动取消本次售后</text>
|
||
<view class="flex align-center margin-top-sm">
|
||
<text>工单时限：</text>
|
||
<uni-countdown :show-colon="false" :backgroundColor="'#eee'"
|
||
:day="$dateUtil.countDownDiff($dateUtil.addHours(afterServiceRecord.redoCompleteTime, 36)).day"
|
||
:hour="$dateUtil.countDownDiff($dateUtil.addHours(afterServiceRecord.redoCompleteTime, 36)).hour"
|
||
:minute="$dateUtil.countDownDiff($dateUtil.addHours(afterServiceRecord.redoCompleteTime, 36)).min"
|
||
:second="$dateUtil.countDownDiff($dateUtil.addHours(afterServiceRecord.redoCompleteTime, 36)).seconds">
|
||
</uni-countdown>
|
||
</view>
|
||
</template>
|
||
</view>
|
||
|
||
<!-- <view class="flex justify-end align-end margin-tb-sm" v-if="afterServiceRecord.workerFeedbackResult === 2">
|
||
<button class="cu-btn sm bg-yellow margin-right-sm" data-modal="showDeliverGoods" @tap="showModal($event, order)">立即重发/补发</button>
|
||
</view> -->
|
||
<template v-if="afterServiceRecord.customerFinalCheck === null">
|
||
<view class="flex justify-end align-end margin-tb-sm" v-if="afterServiceRecord.workerFeedbackResult === 2 && showActionBtn">
|
||
<button class="cu-btn sm bg-yellow margin-right-sm" @tap="$emit('callModal', 'showDeliverGoods')">立即重发/补发</button>
|
||
</view>
|
||
<view class="flex justify-end align-end margin-tb-sm" v-if="afterServiceRecord.workerFeedbackResult === 1 && (afterServiceRecord.workerAgreeType == 2 || afterServiceRecord.workerAgreeType == 3 || afterServiceRecord.workerAgreeType == 4) && afterServiceRecord.workerReceiveStatus != 3 && showActionBtn">
|
||
<button class="cu-btn sm bg-yellow margin-right-sm" @tap="workerReceived">货已收到，结单</button>
|
||
</view>
|
||
</template>
|
||
|
||
|
||
<view v-if="afterServiceRecord.customerFinalCheck != null" class="padding-tb solid-top">
|
||
<template v-if="order.afterPlatformServiceStatus === 0 || order.afterPlatformServiceStatus == 1">
|
||
<view class='cu-tag bg-main-color radius light'>{{afterServiceRecord.workerReceiveConfirm === 1 ? '商家确认' : '客户最终确认'}}</view>
|
||
<view class="margin-top-xs" v-if="afterServiceRecord.workerReceiveConfirm === 1">
|
||
<view>已收货，结单</view>
|
||
<view>本单已退货并结束售后！</view>
|
||
</view>
|
||
<template v-else>
|
||
<view class="margin-top-xs" v-if="afterServiceRecord.customerFinalCheck === 2">
|
||
取消
|
||
<text v-if="afterServiceRecord.isAutoProcessed == 1">（超时系统自动取消）</text>
|
||
</view>
|
||
<view class="margin-top-xs" v-else>
|
||
{{afterServiceRecord.customerFinalCheck === 1 ? '同意' : '不同意'}}
|
||
<text v-if="afterServiceRecord.isAutoProcessed == 1 && afterServiceRecord.customerFinalCheck === 1">（超时系统自动同意）</text>
|
||
</view>
|
||
</template>
|
||
<view v-if="afterServiceRecord.customerFinalCheck === 0">
|
||
<view class="grid col-3 grid-square flex-sub margin-top-sm" v-if="afterServiceRecord.customerDisagreeImages">
|
||
<view class="bg-img" v-for="imgUrl in afterServiceRecord.customerDisagreeImages.split(',')" :key="imgUrl">
|
||
<image :src="imgUrl" @tap="viewImage($event, [imgUrl])" :data-url="imgUrl" mode="aspectFill"></image>
|
||
</view>
|
||
</view>
|
||
<view class="margin-bottom-xs" v-if="afterServiceRecord.customerDisagreeReason">
|
||
<text>不同意理由：{{afterServiceRecord.customerDisagreeReason}}</text>
|
||
</view>
|
||
<view class="text-red" v-if="afterServiceRecord.customerFinalCheck === 0">订单交由平台协商处理</view>
|
||
<view v-if="afterServiceRecord.customerFinalCheck === 0">
|
||
系统提示您，如能协商尽可能与客户协商一致（能重新协商则按双方认可方案重新发起）！可让客户撤单最佳（售后内已重新发货的则客户无法操作撤单）！
|
||
</view>
|
||
</view>
|
||
<view v-else-if="afterServiceRecord.customerFinalCheck === 1">
|
||
<template v-if="afterServiceRecord.workerFeedbackResult !== 0">
|
||
<view v-if="(afterServiceRecord.agreedRefund > 0 || afterServiceRecord.originalRefund > 0) && order.refundPayStatus == 1">
|
||
<view>
|
||
<text>本单退款，系统已发起按客户支付的帐户原路退回</text>
|
||
<text class="text-red">{{afterServiceRecord.originalRefund || afterServiceRecord.agreedRefund}}</text>
|
||
<text>元，银行按工作日退款，节假日顺延到帐。遇客户问询，请其耐心等待，到账时会在客户端”客户最终确认“处有到账时间。</text>
|
||
</view>
|
||
<view>退款支付到账：{{afterServiceRecord.refundApplyTime}}</view>
|
||
</view>
|
||
<view v-else-if="order.refundPayStatus == 0">
|
||
<text v-if="afterServiceRecord.workerFeedbackResult === 3">{{order.orderType == 1 ? '本次售后已重发/补发并验收完成（退款为0）' : '本次售后已重新补做并验收完成（退款额为0）。'}}</text>
|
||
<text v-else>本单已退款<text class="text-red">{{afterServiceRecord.originalRefund || afterServiceRecord.agreedRefund || 0}}</text>元，因未实际支付，实退为0元。未退部分继续完成订单及正常支付！</text>
|
||
</view>
|
||
</template>
|
||
<view v-else>
|
||
<text>本次售后已操作完毕，售后申请已结束！</text>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
<template v-else-if="order.afterPlatformServiceStatus === 2 || order.afterPlatformServiceStatus === 3">
|
||
<view class='cu-tag bg-main-color radius light'>客户最终确认</view>
|
||
<view class="margin-top-xs">
|
||
{{order.afterPlatformServiceStatus === 2 ? '同意' : '取消售后'}}
|
||
（平台操作）
|
||
</view>
|
||
<view v-if="afterServiceRecord.platformHandleReason">
|
||
<text>平台意见：{{afterServiceRecord.platformHandleReason}}</text>
|
||
</view>
|
||
<view v-if="order.afterPlatformServiceStatus === 3">
|
||
<text>本次售后已操作完毕，售后申请已结束!</text>
|
||
</view>
|
||
<template v-else>
|
||
<view v-if="(afterServiceRecord.platformRefund || afterServiceRecord.agreedRefund) && order.refundPayStatus == 1">
|
||
<view>
|
||
<text>本单退款，系统已发起按客户支付的帐户原路退回</text>
|
||
<text class="text-red">{{afterServiceRecord.platformRefund || afterServiceRecord.agreedRefund}}</text>
|
||
<text>元，银行按工作日退款，节假日顺延到帐。遇客户问询，请其耐心等待，到账时会在客户端”客户最终确认“处有到账时间。</text>
|
||
</view>
|
||
<view>退款支付到账：{{afterServiceRecord.refundApplyTime}}</view>
|
||
</view>
|
||
<view v-else-if="order.refundPayStatus == 0">
|
||
<text>本单已退款<text class="text-red">{{afterServiceRecord.platformRefund || afterServiceRecord.agreedRefund || 0}}</text>元，因未实际支付，实退为0元。未退部分继续完成订单及正常支付！</text>
|
||
</view>
|
||
</template>
|
||
</template>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
props: {
|
||
afterServiceRecord: {
|
||
type: Object,
|
||
default: () => {}
|
||
},
|
||
order: {
|
||
type: Object,
|
||
default: () => {}
|
||
},
|
||
showActionBtn: {
|
||
type: Boolean,
|
||
default: true
|
||
}
|
||
},
|
||
data() {
|
||
|
||
},
|
||
methods: {
|
||
viewImage(e, imgList) {
|
||
uni.previewImage({
|
||
urls: imgList,
|
||
current: e.currentTarget.dataset.url
|
||
});
|
||
},
|
||
copyData(data) {
|
||
uni.setClipboardData({
|
||
data: data,
|
||
success() {
|
||
uni.showToast({
|
||
title: '复制成功'
|
||
})
|
||
}
|
||
});
|
||
},
|
||
getDeliveryFlow(returnTrackingNumber) {
|
||
console.log(returnTrackingNumber);
|
||
this.$emit('getDeliveryFlow', returnTrackingNumber)
|
||
},
|
||
workerReceived() {
|
||
uni.showModal({
|
||
confirmText: '确认',
|
||
cancelText: '取消',
|
||
content: "确认后结束售后单，退款按支付原路退回，退款额最大按本单商品金额为限，存在退额不足且未满足客户诉求的将由您与您的派单公司按订单总额另行与客户对接后再结单！",
|
||
success: async (res) => {
|
||
if(res.confirm) {
|
||
await this.$request.workerConfirmReceive({
|
||
id: this.afterServiceRecord.id
|
||
})
|
||
this.$emit('refreshOrderList')
|
||
}
|
||
}
|
||
})
|
||
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style>
|
||
</style> |