|
|
|
@ -501,30 +501,30 @@
|
|
|
|
|
<div class="el_pkLi"> |
|
|
|
|
<div class="sk_input"> |
|
|
|
|
<el-tooltip :content="item.name" placement="top"> |
|
|
|
|
<el-input |
|
|
|
|
v-model="item.name" |
|
|
|
|
:placeholder="item.state == 0 ? '暂无赔款方' : '暂无受款方'" |
|
|
|
|
disabled |
|
|
|
|
/> |
|
|
|
|
</el-tooltip> |
|
|
|
|
<el-input |
|
|
|
|
v-model="item.name" |
|
|
|
|
:placeholder="item.state == 0 ? '暂无赔款方' : '暂无受款方'" |
|
|
|
|
disabled |
|
|
|
|
/> |
|
|
|
|
</el-tooltip> |
|
|
|
|
</div> |
|
|
|
|
<div class="sk_input"> |
|
|
|
|
<span>原因</span> |
|
|
|
|
<el-tooltip :content="item.reason" placement="top"> |
|
|
|
|
<el-input v-model="item.reason" placeholder="暂无原因" disabled /> |
|
|
|
|
</el-tooltip> |
|
|
|
|
<el-input v-model="item.reason" placeholder="暂无原因" disabled /> |
|
|
|
|
</el-tooltip> |
|
|
|
|
</div> |
|
|
|
|
<div class="sk_input"> |
|
|
|
|
<span>金额</span> |
|
|
|
|
<el-tooltip :content="item.num?item.num:'0'" placement="top"> |
|
|
|
|
<el-input |
|
|
|
|
@input="amountMoney" |
|
|
|
|
:min="0" |
|
|
|
|
v-model="item.num" |
|
|
|
|
placeholder="0" |
|
|
|
|
disabled |
|
|
|
|
/> |
|
|
|
|
</el-tooltip> |
|
|
|
|
<el-tooltip :content="item.num ? item.num : '0'" placement="top"> |
|
|
|
|
<el-input |
|
|
|
|
@input="amountMoney" |
|
|
|
|
:min="0" |
|
|
|
|
v-model="item.num" |
|
|
|
|
placeholder="0" |
|
|
|
|
disabled |
|
|
|
|
/> |
|
|
|
|
</el-tooltip> |
|
|
|
|
</div> |
|
|
|
|
<!-- 赔款方是那个仓库的 --> |
|
|
|
|
<div class="sk_input" v-if="item.state == 0"> |
|
|
|
@ -537,22 +537,26 @@
|
|
|
|
|
:value="item.value" |
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="sk_input" v-if="item.state == 1"></div> |
|
|
|
|
<!-- 责任人 --> |
|
|
|
|
<div class="sk_input" v-if="item.state == 0"> |
|
|
|
|
<span>责任人</span> |
|
|
|
|
<el-tooltip :content="item.compensationPersonnel?item.compensationPersonnel:'暂无责任人'" placement="top"> |
|
|
|
|
<el-input |
|
|
|
|
v-model="item.compensationPersonnel" |
|
|
|
|
placeholder="暂无责任人" |
|
|
|
|
clearable |
|
|
|
|
:rows="2" |
|
|
|
|
disabled |
|
|
|
|
/> |
|
|
|
|
</el-tooltip> |
|
|
|
|
<el-tooltip |
|
|
|
|
:content=" |
|
|
|
|
item.compensationPersonnel ? item.compensationPersonnel : '暂无责任人' |
|
|
|
|
" |
|
|
|
|
placement="top" |
|
|
|
|
> |
|
|
|
|
<el-input |
|
|
|
|
v-model="item.compensationPersonnel" |
|
|
|
|
placeholder="暂无责任人" |
|
|
|
|
clearable |
|
|
|
|
:rows="2" |
|
|
|
|
disabled |
|
|
|
|
/> |
|
|
|
|
</el-tooltip> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="sk_input" v-if="item.state == 1"></div> |
|
|
|
@ -569,9 +573,9 @@
|
|
|
|
|
</el-tab-pane> |
|
|
|
|
</el-tabs> |
|
|
|
|
|
|
|
|
|
<!-- 仲裁原因 --> |
|
|
|
|
<!-- 仲裁原因 --> |
|
|
|
|
<!-- v-if="routerState == 'end'" --> |
|
|
|
|
<div class="arbitrate" v-if="UserPermissions != '仓库客服'"> |
|
|
|
|
<div class="arbitrate" v-if="UserPermissions != '仓库客服'"> |
|
|
|
|
<el-tabs type="border-card" class="demo-tabs"> |
|
|
|
|
<el-tab-pane> |
|
|
|
|
<template #label> |
|
|
|
@ -592,8 +596,6 @@
|
|
|
|
|
</el-tabs> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 照片回显 --> |
|
|
|
|
<el-tabs type="border-card" class="demo-tabs el-photo"> |
|
|
|
|
<el-tab-pane> |
|
|
|
@ -638,8 +640,6 @@
|
|
|
|
|
</div> |
|
|
|
|
</el-tab-pane> |
|
|
|
|
</el-tabs> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
<div class="dialog-footer"> |
|
|
|
|
<el-button type="primary" v-if="PermissionButton.reply" @click="addireply">回复</el-button> |
|
|
|
@ -912,6 +912,7 @@ const BatchFrom = ref({}); //打回内容
|
|
|
|
|
const dialogReturn = ref(false); //打回弹窗 |
|
|
|
|
const appeal = ref(false); //工单申诉状态 |
|
|
|
|
const AppealReview = ref(false); //申诉状态只能查看 |
|
|
|
|
const warehouseIdState = ref(false);//当前订单仓库状态 |
|
|
|
|
const CompensationParty = ref([ |
|
|
|
|
{ |
|
|
|
|
name: '', |
|
|
|
@ -984,17 +985,22 @@ onMounted(() => {
|
|
|
|
|
|
|
|
|
|
// 底部按钮权限 |
|
|
|
|
const PermissionButton = computed(() => { |
|
|
|
|
// if(appeal.value)return false |
|
|
|
|
// else if ( $route.query.workOrderStatus != '21')return false |
|
|
|
|
// return true |
|
|
|
|
|
|
|
|
|
return { |
|
|
|
|
reply: !appeal.value, //回复 |
|
|
|
|
Processing_results: !appeal.value && $route.query.workOrderStatus != '21', //处理结果 |
|
|
|
|
work_order_completion: !appeal.value, //完结 |
|
|
|
|
repulse: !appeal.value, //打回 |
|
|
|
|
apply_arbitration: !appeal.value, //客服仲裁完结 |
|
|
|
|
information_editing: !appeal.value, //信息编辑 |
|
|
|
|
Appeal_established: true ,//申诉成立 |
|
|
|
|
Appeal_rejection: true, //申诉驳回 |
|
|
|
|
Processing_results: !appeal.value && (($route.query.RouteIndexs =='0' && $route.query.workOrderStatus == '10') || ($route.query.RouteIndexs =='3' && $route.query.workOrderStatus == '10')), //处理结果10 20 21 |
|
|
|
|
work_order_completion: !appeal.value && (($route.query.RouteIndexs =='0' && $route.query.workOrderStatus != '80' && UserPermissions.value !='仓库客服') || ($route.query.RouteIndexs =='3' && $route.query.workOrderStatus != '80' && UserPermissions.value !='仓库客服')) , //完结 |
|
|
|
|
repulse: !appeal.value && (($route.query.RouteIndexs =='0' && $route.query.workOrderStatus == '10') || ($route.query.RouteIndexs =='3' && $route.query.workOrderStatus == '10')) && UserPermissions.value !='仓库客服', //打回 |
|
|
|
|
apply_arbitration: !appeal.value && (($route.query.RouteIndexs =='0' && $route.query.workOrderStatus == '70') || ($route.query.RouteIndexs =='3' && $route.query.workOrderStatus == '70')) && UserPermissions.value !='仓库客服', //客服仲裁完结 |
|
|
|
|
information_editing: !appeal.value && (($route.query.RouteIndexs =='0' && $route.query.workOrderStatus == '10' ) || ($route.query.RouteIndexs =='3' && $route.query.workOrderStatus == '10' ))&& warehouseIdState.value, //信息编辑 只能待处理和当前仓库人 |
|
|
|
|
Appeal_established: appeal.value && AppealReview.value, //申诉成立 |
|
|
|
|
Appeal_rejection:appeal.value && AppealReview.value, //申诉驳回 |
|
|
|
|
}; |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
// appeal.value && AppealReview.value, |
|
|
|
|
// 聊天记录获取 |
|
|
|
|
const Chathistory = res => { |
|
|
|
@ -1017,7 +1023,7 @@ const Chathistory = res => {
|
|
|
|
|
img: filetype == 'png' ? item.pictureUrl : '', |
|
|
|
|
file: filetype == 'docx' ? item.pictureUrl : '', |
|
|
|
|
mp4: filetype == 'mp4' ? item.pictureUrl : '', |
|
|
|
|
imgList: [filetype == 'png' ? item.pictureUrl : ''], |
|
|
|
|
imgList: filetype == 'png' ? item.pictureUrl : '', |
|
|
|
|
difference: item.difference, |
|
|
|
|
identifying: false, //待回复标识 |
|
|
|
|
}); |
|
|
|
@ -1165,9 +1171,27 @@ const onLoad = () => {
|
|
|
|
|
handle(); //处理方和责任方信息 |
|
|
|
|
|
|
|
|
|
$_getInfo({ id: $route.query.id }).then(res => { |
|
|
|
|
if ($route.query.Routstate) { |
|
|
|
|
appeal.value = true; |
|
|
|
|
console.log(appeal.value,'appeal.value'); |
|
|
|
|
} |
|
|
|
|
// 只能查看申诉信息 |
|
|
|
|
if ($route.query.AppealReview) { |
|
|
|
|
if ($route.query.AppealReview == 'false') { |
|
|
|
|
console.log($route.query.AppealReview, '申诉状态'); |
|
|
|
|
AppealReview.value = false; |
|
|
|
|
} else { |
|
|
|
|
AppealReview.value = true; |
|
|
|
|
console.log(AppealReview.value, '当前申诉状态'); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
console.log(res, '回显返回值参数'); |
|
|
|
|
Indexform.value = res.data.data; |
|
|
|
|
|
|
|
|
|
if(res.data.data.warehouseId == Mydata.value.id){ |
|
|
|
|
// 判断订单是否是当前登陆人发起的,用于修改订单信息(必须是待处理) |
|
|
|
|
warehouseIdState.value=true; |
|
|
|
|
} |
|
|
|
|
Indexform.value['result'] = []; |
|
|
|
|
Indexform.value['processor'] = []; |
|
|
|
|
//图片处理回显 |
|
|
|
@ -1249,7 +1273,7 @@ const onLoad = () => {
|
|
|
|
|
// 处理结果说明回显 |
|
|
|
|
Indexform.value.resultDescription = res.data.data.processingResultsVO.resultDescription; |
|
|
|
|
|
|
|
|
|
if (res.data.data.completionRecipientEntityList.length > 0) { |
|
|
|
|
if (res.data.data.completionRecipientEntityList.length) { |
|
|
|
|
CompensationParty.value = []; |
|
|
|
|
res.data.data.completionRecipientEntityList.forEach((item, index) => { |
|
|
|
|
TotalamountReceived.value += Number(item.money); |
|
|
|
@ -1266,6 +1290,7 @@ const onLoad = () => {
|
|
|
|
|
} |
|
|
|
|
// 赔款方 |
|
|
|
|
if (res.data.data.completionRecordEntities.length) { |
|
|
|
|
CompensationParty.value = []; |
|
|
|
|
res.data.data.completionRecordEntities.forEach((item, index) => { |
|
|
|
|
TotalamountCompensation.value += Number(item.money); |
|
|
|
|
CompensationParty.value.push({ |
|
|
|
@ -1421,7 +1446,7 @@ const AppealEstablished = () => {
|
|
|
|
|
// 申诉驳回 |
|
|
|
|
const AppealRejection = () => { |
|
|
|
|
let data = { |
|
|
|
|
id: $route.query.appeal, //取消申诉ID |
|
|
|
|
id: $route.query.appealID, //取消申诉ID |
|
|
|
|
typesOf: '2', //申诉状态 |
|
|
|
|
workOrderId: $route.query.id, //异常工单ID |
|
|
|
|
}; |
|
|
|
@ -1441,11 +1466,7 @@ const AppealRejection = () => {
|
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
.catch(res => { |
|
|
|
|
ElMessage({ |
|
|
|
|
showClose: true, |
|
|
|
|
message: '操作失败', |
|
|
|
|
type: 'success', |
|
|
|
|
}); |
|
|
|
|
console.log('错误信息',res); |
|
|
|
|
}) |
|
|
|
|
.finally(() => { |
|
|
|
|
Pageloading.value = false; //关闭加载效果 |
|
|
|
@ -2181,13 +2202,13 @@ const ConfirmReturn = () => {
|
|
|
|
|
width: 20%; |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
span{ |
|
|
|
|
width: 100px; |
|
|
|
|
margin-right: 4px; |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: flex-end; |
|
|
|
|
font-size: 14px; |
|
|
|
|
font-weight: 400; |
|
|
|
|
span { |
|
|
|
|
width: 100px; |
|
|
|
|
margin-right: 4px; |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: flex-end; |
|
|
|
|
font-size: 14px; |
|
|
|
|
font-weight: 400; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.el-button { |
|
|
|
@ -2246,9 +2267,9 @@ const ConfirmReturn = () => {
|
|
|
|
|
:deep(#avue-view) { |
|
|
|
|
background-color: #fff; |
|
|
|
|
} |
|
|
|
|
:deep(.el_resj){ |
|
|
|
|
:deep(.el_resj) { |
|
|
|
|
flex-direction: column; |
|
|
|
|
.el-form-item__label{ |
|
|
|
|
.el-form-item__label { |
|
|
|
|
justify-content: center; |
|
|
|
|
font-weight: 500; |
|
|
|
|
border: 1px solid #dcdfe6; |
|
|
|
|