|
|
|
|
@ -1,6 +1,5 @@
|
|
|
|
|
<template> |
|
|
|
|
<el-card class="box-card" v-loading="editloading" |
|
|
|
|
element-loading-text="正在处理中..."> |
|
|
|
|
<el-card class="box-card" v-loading="editloading" element-loading-text="正在处理中..."> |
|
|
|
|
<!-- <el-tabs type="border-card" class="topClass" @tab-change="TopChange"> |
|
|
|
|
<el-tab-pane label="订单"></el-tab-pane> |
|
|
|
|
<el-tab-pane label="零担"></el-tab-pane> |
|
|
|
|
@ -249,7 +248,7 @@
|
|
|
|
|
</el-form> |
|
|
|
|
|
|
|
|
|
<el-tabs type="border-card"> |
|
|
|
|
<el-tab-pane label="责任方选择"> |
|
|
|
|
<el-tab-pane label="内部责任划分"> |
|
|
|
|
<div class="ResponsibilityBox"> |
|
|
|
|
<div> |
|
|
|
|
<el-button type="primary" @click="responsibleParty" v-if="RouterState != 'Kfend'"> |
|
|
|
|
@ -268,6 +267,7 @@
|
|
|
|
|
clearable |
|
|
|
|
placeholder="请选提货择责任方" |
|
|
|
|
v-if="groundlineType == 1" |
|
|
|
|
:disabled="RouterState == 'Kfend'" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in responsible" |
|
|
|
|
@ -455,21 +455,38 @@
|
|
|
|
|
<el-input |
|
|
|
|
v-model="item.name" |
|
|
|
|
:placeholder="item.state == 0 ? '请填写赔款方' : '请填写受款方'" |
|
|
|
|
:disabled="Processingresults" |
|
|
|
|
/> |
|
|
|
|
<!-- Processingresults表示此刻只能编辑处理结果 --> |
|
|
|
|
</div> |
|
|
|
|
<div class="sk_input"> |
|
|
|
|
<el-form-item label="原因"> |
|
|
|
|
<el-input v-model="item.reason" placeholder="请填写原因" /> |
|
|
|
|
<el-input |
|
|
|
|
v-model="item.reason" |
|
|
|
|
:disabled="Processingresults" |
|
|
|
|
placeholder="请填写原因" |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
</div> |
|
|
|
|
<div class="sk_input"> |
|
|
|
|
<el-form-item label="金额"> |
|
|
|
|
<el-input @input="amountMoney" :min="0" v-model="item.num" placeholder="金额" /> |
|
|
|
|
<el-input |
|
|
|
|
@input="amountMoney" |
|
|
|
|
:min="0" |
|
|
|
|
v-model="item.num" |
|
|
|
|
placeholder="金额" |
|
|
|
|
:disabled="Processingresults" |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
</div> |
|
|
|
|
<div class="sk_input" v-if="item.state == 0"> |
|
|
|
|
<el-form-item label="仓库"> |
|
|
|
|
<el-select v-model="item.warehouseId" filterable placeholder="请选择仓库"> |
|
|
|
|
<el-select |
|
|
|
|
v-model="item.warehouseId" |
|
|
|
|
filterable |
|
|
|
|
placeholder="请选择仓库" |
|
|
|
|
:disabled="Processingresults" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in warehouseData" |
|
|
|
|
:key="item.value" |
|
|
|
|
@ -536,6 +553,7 @@
|
|
|
|
|
type="textarea" |
|
|
|
|
:autosize="{ minRows: 5, maxRows: 4 }" |
|
|
|
|
placeholder="请输入仲裁原因" |
|
|
|
|
:disabled="Processingresults" |
|
|
|
|
/> |
|
|
|
|
</el-tab-pane> |
|
|
|
|
</el-tabs> |
|
|
|
|
@ -578,7 +596,9 @@
|
|
|
|
|
<el-button |
|
|
|
|
type="primary" |
|
|
|
|
@click="Arbitrationcompleted" |
|
|
|
|
v-if="(RouterState == 'Kfend' && !Appealeditor) || Appealeditor == 'appeal'" |
|
|
|
|
v-if=" |
|
|
|
|
(RouterState == 'Kfend' && !Appealeditor) || Appealeditor == 'appeal' || Processingresults |
|
|
|
|
" |
|
|
|
|
> |
|
|
|
|
提交 |
|
|
|
|
</el-button> |
|
|
|
|
@ -696,6 +716,7 @@ import {
|
|
|
|
|
$_modifyData, |
|
|
|
|
$_shippingInformation, |
|
|
|
|
$_updateCompletionEnd, |
|
|
|
|
$_addProcessingResults, |
|
|
|
|
} from '@/api/aftersales/aftersalesWorkOrder'; |
|
|
|
|
import { ref, reactive, toRefs, computed, onMounted, nextTick } from 'vue'; |
|
|
|
|
import { AddressClosed } from '@/utils/util'; |
|
|
|
|
@ -714,7 +735,7 @@ const Indexform = ref({
|
|
|
|
|
decreaseImageEntityList: [], //处理好的图片数据 |
|
|
|
|
}); //首页新增表单 |
|
|
|
|
const IndexException = ref([]); //异常类型下拉选择 |
|
|
|
|
const editloading=ref(false);//页面加载效果 |
|
|
|
|
const editloading = ref(false); //页面加载效果 |
|
|
|
|
const ProcessingList = ref([]); //处理结果已经选择的列表 |
|
|
|
|
const DiscoveringNodes = ref([]); //发现节点下拉选择 |
|
|
|
|
const warehouseData = ref([]); //处理方 |
|
|
|
|
@ -766,6 +787,7 @@ const formData = ref({}); // 存储修改过的数据
|
|
|
|
|
const dialogImgList = ref(false); //图片预览弹窗 |
|
|
|
|
const amplifyurl = ref(''); //当前点击的图片 |
|
|
|
|
const amplifysrcList = ref([]); //图片循环列表 |
|
|
|
|
const Processingresults = ref(false); //理赔是否可以编辑 |
|
|
|
|
// ref 用于跟踪哪些字段被修改过 |
|
|
|
|
// 当字段改变时标记它为已修改 |
|
|
|
|
|
|
|
|
|
@ -812,15 +834,15 @@ const FangAddList = ref([
|
|
|
|
|
// 提货责任方 |
|
|
|
|
const responsible = ref([ |
|
|
|
|
{ |
|
|
|
|
value: '1', |
|
|
|
|
value: 1, |
|
|
|
|
label: '工厂', |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
value: '2', |
|
|
|
|
value: 2, |
|
|
|
|
label: '外包搬运', |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
value: '3', |
|
|
|
|
value: 3, |
|
|
|
|
label: '物流', |
|
|
|
|
}, |
|
|
|
|
]); |
|
|
|
|
@ -923,7 +945,10 @@ const onLoad = () => {
|
|
|
|
|
Appealeditor.value = $route.query.Appealeditor; //申诉编辑 |
|
|
|
|
console.log(Appealeditor.value, '申诉编辑状态'); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
// 判断是否为理赔金未出编辑 |
|
|
|
|
if ($route.query.Processingresults) { |
|
|
|
|
Processingresults.value = true; |
|
|
|
|
} |
|
|
|
|
console.log(RouterState.value, '路由状态'); |
|
|
|
|
getDictionaryBiz('result_handling').then(res => { |
|
|
|
|
console.log(res, '发现环节'); |
|
|
|
|
@ -978,6 +1003,11 @@ const onLoad = () => {
|
|
|
|
|
unPackageInfo.value = JSON.parse(JSON.stringify(PackageInfo.value)); //拷贝一份旧的包件信息 |
|
|
|
|
console.log(unPackageInfo.value, '包件信息'); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
let factorydata = res.data.data.personResponsibleVOS.find(item => item.typesOf); |
|
|
|
|
if (factorydata.typesOf) { |
|
|
|
|
groundlineType.value = true; //切换处理方模式 |
|
|
|
|
} |
|
|
|
|
FangAddList.value = res.data.data.personResponsibleVOS.map(res => { |
|
|
|
|
ResponsiblepartyData.value.push(res); |
|
|
|
|
|
|
|
|
|
@ -1042,6 +1072,7 @@ const onLoad = () => {
|
|
|
|
|
text: item.compensationMethodName, |
|
|
|
|
compensationTime: item.compensationTime, |
|
|
|
|
paymentUnit: item.paymentUnit, //支付单位 |
|
|
|
|
id:item.id, //id |
|
|
|
|
}; |
|
|
|
|
} |
|
|
|
|
); |
|
|
|
|
@ -1263,21 +1294,25 @@ const TopChange = val => {
|
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
const changeProcessingResults = val => { |
|
|
|
|
// 首先删除取消的项目 |
|
|
|
|
console.log(val,'当前点击的参数'); |
|
|
|
|
console.log(ProcessingList.value,'当前的列表'); |
|
|
|
|
// 首先删除取消的项目 |
|
|
|
|
console.log(val[val.length-1]); |
|
|
|
|
ProcessingList.value = ProcessingList.value.filter(item => val.includes(item.state - 1)); |
|
|
|
|
|
|
|
|
|
// 然后添加或保持新的项目 |
|
|
|
|
val.forEach(num => { |
|
|
|
|
let newItem = { |
|
|
|
|
console.log(val,'当前状态'); |
|
|
|
|
console.log(num,'当前参数'); |
|
|
|
|
newItem = { |
|
|
|
|
input: 0, |
|
|
|
|
min: 0, |
|
|
|
|
max: 9999999999999, |
|
|
|
|
state: num + 1, |
|
|
|
|
state: num, |
|
|
|
|
payment: '', |
|
|
|
|
text: '', |
|
|
|
|
compensationTime: '', |
|
|
|
|
paymentUnit: '', |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
// 根据num为newItem的name字段赋值 |
|
|
|
|
switch (num) { |
|
|
|
|
case '1': |
|
|
|
|
@ -1309,8 +1344,8 @@ const changeProcessingResults = val => {
|
|
|
|
|
if (!ProcessingList.value.some(item => item.state === newItem.state)) { |
|
|
|
|
ProcessingList.value.push(newItem); |
|
|
|
|
console.log(`添加：${newItem.name}`); |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
// 支付方式选择 |
|
|
|
|
@ -1354,6 +1389,10 @@ const PaymentConfirmation = val => {
|
|
|
|
|
|
|
|
|
|
// 添加赔款方 |
|
|
|
|
const AddCompensation = () => { |
|
|
|
|
if (!Processingresults.value) { |
|
|
|
|
// 表示此刻为理赔编辑状态，只能操作处理结果 |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
console.log('添加赔款方'); |
|
|
|
|
let som = 1; |
|
|
|
|
CompensationParty.value.forEach(item => { |
|
|
|
|
@ -1365,6 +1404,10 @@ const AddCompensation = () => {
|
|
|
|
|
}; |
|
|
|
|
// 添加受款方 |
|
|
|
|
const AddPayee = () => { |
|
|
|
|
if (!Processingresults.value) { |
|
|
|
|
// 表示此刻为理赔编辑状态，只能操作处理结果 |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
let som = 1; |
|
|
|
|
CompensationParty.value.forEach(item => { |
|
|
|
|
if (item.state == 1) { |
|
|
|
|
@ -1398,6 +1441,10 @@ const amountMoney = () => {
|
|
|
|
|
}; |
|
|
|
|
// 移除按钮 |
|
|
|
|
const payremove = (state, val, data) => { |
|
|
|
|
if (!Processingresults.value) { |
|
|
|
|
// 表示此刻为理赔编辑状态，只能操作处理结果 |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
console.log(state, '当前移除按钮的状态'); |
|
|
|
|
// const completionRecipientEntityListData=ref([]);//受款方拷贝 |
|
|
|
|
// const completionRecordEntitiesData=ref([]);//赔款方拷贝 |
|
|
|
|
@ -1776,6 +1823,74 @@ const ConfirmForm = () => {
|
|
|
|
|
|
|
|
|
|
// 客服仲裁完结 |
|
|
|
|
const Arbitrationcompleted = () => { |
|
|
|
|
if (Processingresults.value) { |
|
|
|
|
// 理赔金额未出编辑 |
|
|
|
|
// 处理结果编辑 |
|
|
|
|
let data = { |
|
|
|
|
id: $route.query.id, |
|
|
|
|
// workOrderId: $route.query.id, //异常工单ID |
|
|
|
|
aftersalesProcessingResultsDTO: { |
|
|
|
|
id: $route.query.id, |
|
|
|
|
}, |
|
|
|
|
}; |
|
|
|
|
data.aftersalesProcessingResultsDTO['processingMoneyEntityList'] = ProcessingList.value |
|
|
|
|
.map(item => { |
|
|
|
|
console.log(item); |
|
|
|
|
let match = ProcessingResults.value.find(element => element.dictValue == item.name); |
|
|
|
|
if (match) { |
|
|
|
|
let paymentMethodMatch = Paymentmethod.value.find( |
|
|
|
|
paymentMethod => paymentMethod.dictKey == item.payment |
|
|
|
|
); |
|
|
|
|
return { |
|
|
|
|
resultType: match.dictKey, //赔方式的key |
|
|
|
|
money: item.input, //金额 |
|
|
|
|
typesOf: 1, //固定参数 |
|
|
|
|
compensationMethod: paymentMethodMatch ? paymentMethodMatch.dictKey : '', |
|
|
|
|
compensationMethodName: paymentMethodMatch ? paymentMethodMatch.dictValue : '', |
|
|
|
|
resultName: item.name, //处理结果名字 |
|
|
|
|
paymentUnit: item.paymentUnit, //支付单位 |
|
|
|
|
id:item.id, //id |
|
|
|
|
}; |
|
|
|
|
} else { |
|
|
|
|
return null; |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
.filter(item => item !== null); |
|
|
|
|
|
|
|
|
|
// 总金额 |
|
|
|
|
let sum = 0; //金额总计 |
|
|
|
|
for (let i = 0; i < ProcessingList.value.length; i++) { |
|
|
|
|
sum = computeNumber(sum, '+', ProcessingList.value[i].input).result; |
|
|
|
|
} |
|
|
|
|
data.aftersalesProcessingResultsDTO.money = sum; //金额汇总 |
|
|
|
|
data.aftersalesProcessingResultsDTO['resultType'] = ProcessingList.value |
|
|
|
|
.map(item => item.name) |
|
|
|
|
.join(','); //处理结果说明文字拼接 |
|
|
|
|
data.aftersalesProcessingResultsDTO['compensationMethod'] = ProcessingList.value |
|
|
|
|
.map(item => item.text) |
|
|
|
|
.join(','); |
|
|
|
|
console.log(data, '编辑后的数据'); |
|
|
|
|
$_addProcessingResults(data).then(res=>{ |
|
|
|
|
console.log(res, '理赔编辑成功返回值'); |
|
|
|
|
ElMessage({ |
|
|
|
|
message: res.data.msg, |
|
|
|
|
type: 'success', |
|
|
|
|
}); |
|
|
|
|
if (res.data.code == 200) { |
|
|
|
|
$router.push({ |
|
|
|
|
path: '/aftersales/aftersalesWorkOrder', |
|
|
|
|
}); |
|
|
|
|
AddressClosed('/aftersales/aftersalesWorkOrdermodify'); //关闭当前页面 |
|
|
|
|
} |
|
|
|
|
}) .catch(error => { |
|
|
|
|
ElMessage({ |
|
|
|
|
message: res.data.msg, |
|
|
|
|
type: 'success', |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
// 申诉只修改完结信息 |
|
|
|
|
if (Appealeditor.value == 'appeal') { |
|
|
|
|
// 表示当前是申诉状态,只修改完结信息 |
|
|
|
|
let data = { |
|
|
|
|
@ -1822,9 +1937,8 @@ const Arbitrationcompleted = () => {
|
|
|
|
|
}; |
|
|
|
|
}); |
|
|
|
|
console.log(data, '处理好的值'); |
|
|
|
|
editloading.value=true,//开启加载效果 |
|
|
|
|
$_updateCompletionEnd(data) |
|
|
|
|
.then(res => { |
|
|
|
|
editloading.value = true; //开启加载效果 |
|
|
|
|
$_updateCompletionEnd(data).then(res => { |
|
|
|
|
console.log(res, '完结编辑'); |
|
|
|
|
if (res.data.code == 200) { |
|
|
|
|
ElMessage({ |
|
|
|
|
@ -1832,14 +1946,15 @@ const Arbitrationcompleted = () => {
|
|
|
|
|
type: 'success', |
|
|
|
|
}); |
|
|
|
|
$store.commit('DEL_TAG_CURRENT'); //关闭当前页面 |
|
|
|
|
$router.push({//跳转到首页 |
|
|
|
|
$router.push({ |
|
|
|
|
//跳转到首页 |
|
|
|
|
path: '/aftersales/aftersalesWorkOrder', |
|
|
|
|
}); |
|
|
|
|
editloading.value=false;//关闭加载效果 |
|
|
|
|
editloading.value = false; //关闭加载效果 |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
.catch(res => { |
|
|
|
|
editloading.value=false;//关闭加载效果 |
|
|
|
|
editloading.value = false; //关闭加载效果 |
|
|
|
|
}); |
|
|
|
|
return; |
|
|
|
|
// 下面不执行 |
|
|
|
|
@ -1851,7 +1966,7 @@ const Arbitrationcompleted = () => {
|
|
|
|
|
completionRecordEntities: [], //处理结果赔款方 |
|
|
|
|
reasonArbitration: Indexform.value.arbitrate, //仲裁原因 |
|
|
|
|
aftersalesProcessingResultsDTO: { |
|
|
|
|
workOrderId: '', //异常工单ID |
|
|
|
|
workOrderId: $route.query.id, //异常工单ID |
|
|
|
|
}, |
|
|
|
|
assignList: [], |
|
|
|
|
}; |
|
|
|
|
@ -1866,7 +1981,6 @@ const Arbitrationcompleted = () => {
|
|
|
|
|
money: Number(item.num), // 金额 |
|
|
|
|
reasonArbitration: item.reason, // 说明 |
|
|
|
|
workOrderId: $route.query.id, // 异常工单 |
|
|
|
|
//warehouseId: $route.query.warehouseId == '/' ? '' : $route.query.warehouseId, // 仓库ID |
|
|
|
|
warehouseId: item.warehouseId, //仓库ID |
|
|
|
|
personResponsibleList: item.personResponsibleList, //责任人 |
|
|
|
|
}; |
|
|
|
|
@ -1911,6 +2025,7 @@ const Arbitrationcompleted = () => {
|
|
|
|
|
compensationMethodName: paymentMethodMatch ? paymentMethodMatch.dictValue : '', |
|
|
|
|
resultName: item.name, //处理结果名字 |
|
|
|
|
paymentUnit: item.paymentUnit, //支付单位 |
|
|
|
|
id:item.id,//当前id |
|
|
|
|
}; |
|
|
|
|
} else { |
|
|
|
|
return null; |
|
|
|
|
@ -1933,7 +2048,7 @@ const Arbitrationcompleted = () => {
|
|
|
|
|
}); |
|
|
|
|
if (res.data.code == 200) { |
|
|
|
|
$router.push('/aftersales/aftersalesWorkOrder'); //打回成功跳转到列表 |
|
|
|
|
AddressClosed('/aftersales/aftersalesWorkOrdermodify'); |
|
|
|
|
AddressClosed('/aftersales/aftersalesWorkOrdermodify');///删除当前页面 |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
|
