|
|
|
|
@ -11,12 +11,13 @@
|
|
|
|
|
<el-tabs type="border-card" class="PackageInformation"> |
|
|
|
|
<el-tab-pane label="包件信息"> |
|
|
|
|
<div class="ResponsibilityBoxS"> |
|
|
|
|
<div><el-button type="primary" @click="AddPackage"> 添加信息 </el-button></div> |
|
|
|
|
<!-- <div><el-button type="primary" @click="AddPackage"> 添加信息 </el-button></div> --> |
|
|
|
|
<div class="el_btbox" v-for="(item, index) in PackageInfo" :key="index"> |
|
|
|
|
<div class="leftbox"> |
|
|
|
|
<div class="maxBox"> |
|
|
|
|
<span class="title">包条码:</span> |
|
|
|
|
<el-input |
|
|
|
|
disabled |
|
|
|
|
v-model="item.packageCode" |
|
|
|
|
placeholder="请输入包条码" |
|
|
|
|
clearable |
|
|
|
|
@ -27,29 +28,39 @@
|
|
|
|
|
|
|
|
|
|
<div class="maxBox"> |
|
|
|
|
<span class="title">订单自编码:</span> |
|
|
|
|
<el-input v-model="item.orderCode" placeholder="请输入订单自编号" clearable /> |
|
|
|
|
<el-input |
|
|
|
|
disabled |
|
|
|
|
v-model="item.orderCode" |
|
|
|
|
placeholder="请输入订单自编号" |
|
|
|
|
clearable |
|
|
|
|
/> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="maxBox"> |
|
|
|
|
<span class="title">运单号:</span> |
|
|
|
|
<el-input v-model="item.waybillNumber" placeholder="请输入运单号" clearable /> |
|
|
|
|
<el-input |
|
|
|
|
disabled |
|
|
|
|
v-model="item.waybillNumber" |
|
|
|
|
placeholder="请输入运单号" |
|
|
|
|
clearable |
|
|
|
|
/> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="el-btn"> |
|
|
|
|
<!-- <div class="el-btn"> |
|
|
|
|
<el-button v-if="item.state" type="primary" @click="historicalPackages(index)"> |
|
|
|
|
查看历史包件 |
|
|
|
|
</el-button> |
|
|
|
|
<el-button type="primary" @click="PackagRemoval(index)"> 移除 </el-button> |
|
|
|
|
</div> |
|
|
|
|
<el-button type="primary" @click="PackagRemoval(index)"> 移除 </el-button> |
|
|
|
|
</div> --> |
|
|
|
|
</div> |
|
|
|
|
<div class="NumTotal"> |
|
|
|
|
<span>总件数:{{ Indexform.number }}</span> |
|
|
|
|
<span>总件数:{{ PackageInfo.length }}</span> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</el-tab-pane> |
|
|
|
|
</el-tabs> |
|
|
|
|
<el-form :model="Indexform" label-width="100px" class="IndexFrom" ref="IndexForm"> |
|
|
|
|
<el-form disabled :model="Indexform" label-width="100px" class="IndexFrom" ref="IndexForm"> |
|
|
|
|
<el-form-item label="异常类型"> |
|
|
|
|
<el-select |
|
|
|
|
v-model="Indexform.workOrderType" |
|
|
|
|
@ -275,6 +286,7 @@
|
|
|
|
|
<div class="el_clzr"> |
|
|
|
|
<el-form-item class="investigate" label="调查经过"> |
|
|
|
|
<el-input |
|
|
|
|
disabled |
|
|
|
|
v-model="Indexform.investigationPocess" |
|
|
|
|
placeholder="请输入调查经过" |
|
|
|
|
clearable |
|
|
|
|
@ -290,6 +302,7 @@
|
|
|
|
|
filterable |
|
|
|
|
multiple |
|
|
|
|
placeholder="请选择处理方" |
|
|
|
|
disabled |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in warehouseData" |
|
|
|
|
@ -304,7 +317,7 @@
|
|
|
|
|
<el-tabs type="border-card"> |
|
|
|
|
<el-tab-pane label="责任方选择"> |
|
|
|
|
<div class="ResponsibilityBox"> |
|
|
|
|
<div><el-button type="primary" @click="responsibleParty"> 添加信息 </el-button></div> |
|
|
|
|
<!-- <div><el-button type="primary" @click="responsibleParty"> 添加信息 </el-button></div> --> |
|
|
|
|
<div class="el_btbox" v-for="(item, index) in FangAddList" :key="index"> |
|
|
|
|
<div class="leftbox"> |
|
|
|
|
<div class="maxBox"> |
|
|
|
|
@ -317,6 +330,7 @@
|
|
|
|
|
clearable |
|
|
|
|
placeholder="请选提货择责任方" |
|
|
|
|
v-if="groundlineType == 1" |
|
|
|
|
disabled |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in responsible" |
|
|
|
|
@ -329,9 +343,10 @@
|
|
|
|
|
<el-select |
|
|
|
|
v-else |
|
|
|
|
v-model="item.businessName" |
|
|
|
|
filterable |
|
|
|
|
filterable |
|
|
|
|
placeholder="请选择责任方" |
|
|
|
|
@change="ResponsiblePartychange(item.businessName, index)" |
|
|
|
|
disabled |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in warehouseData" |
|
|
|
|
@ -349,6 +364,7 @@
|
|
|
|
|
clearable |
|
|
|
|
filterable |
|
|
|
|
placeholder="请选责任人" |
|
|
|
|
disabled |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in personResponsibleList" |
|
|
|
|
@ -365,12 +381,14 @@
|
|
|
|
|
placeholder="请输入占比 " |
|
|
|
|
clearable |
|
|
|
|
:rows="2" |
|
|
|
|
disabled |
|
|
|
|
/> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="maxBox"> |
|
|
|
|
<span class="title">说明:</span> |
|
|
|
|
<el-input |
|
|
|
|
disabled |
|
|
|
|
v-model="item.description" |
|
|
|
|
placeholder="请输入说明 " |
|
|
|
|
clearable |
|
|
|
|
@ -379,7 +397,7 @@
|
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="el-btn"> |
|
|
|
|
<el-button type="primary" @click="ResponsibilityRemoval(index)"> 移除 </el-button> |
|
|
|
|
<!-- <el-button type="primary" @click="ResponsibilityRemoval(index)"> 移除 </el-button> --> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="Proportion"> |
|
|
|
|
@ -394,6 +412,7 @@
|
|
|
|
|
SelectType == 1 ? '运损照片' : SelectType == 3 ? '窜货照片' : '照片' |
|
|
|
|
}}</span> |
|
|
|
|
<el-upload |
|
|
|
|
disabled |
|
|
|
|
v-model:file-list="Indexform.packList" |
|
|
|
|
list-type="picture-card" |
|
|
|
|
:on-preview="pictureList" |
|
|
|
|
@ -408,25 +427,23 @@
|
|
|
|
|
<el-icon><Plus /></el-icon> |
|
|
|
|
</el-upload> |
|
|
|
|
|
|
|
|
|
<el-dialog v-model="dialogVisible"> |
|
|
|
|
<!-- <el-dialog v-model="dialogVisible"> |
|
|
|
|
<img w-full :src="dialogImageUrl" alt="图片" /> |
|
|
|
|
</el-dialog> |
|
|
|
|
</el-dialog> --> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="dialog-footer"> |
|
|
|
|
<!-- <div class="dialog-footer"> |
|
|
|
|
<el-button @click="Indexdialog = false">取消</el-button> |
|
|
|
|
<el-button type="primary" @click="ConfirmForm"> 提交 </el-button> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
</div> --> |
|
|
|
|
|
|
|
|
|
<div class="foot_btn"> |
|
|
|
|
<el-button type="primary" @click="addingRecord">回复</el-button> |
|
|
|
|
<el-button type="primary" @click="addingRecord">处理完结</el-button> |
|
|
|
|
<el-button type="primary" @click="EndJump">完结 </el-button> |
|
|
|
|
<el-button type="primary" @click="ConfirmForm">打回 </el-button> |
|
|
|
|
<el-button type="primary" @click="CustomerServiceCompleted">客服仲裁完结 </el-button> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<el-button type="primary" @click="addireply">回复</el-button> |
|
|
|
|
<el-button type="primary" @click="addingRecord">处理完结</el-button> |
|
|
|
|
<el-button type="primary" @click="EndJump">完结 </el-button> |
|
|
|
|
<el-button type="primary" @click="ConfirmForm">打回 </el-button> |
|
|
|
|
<el-button type="primary" @click="CustomerServiceCompleted">客服仲裁完结 </el-button> |
|
|
|
|
</div> |
|
|
|
|
</el-card> |
|
|
|
|
|
|
|
|
|
<!-- <div v-if="routerState" class="foot_btn"> |
|
|
|
|
@ -524,16 +541,7 @@ import { getToken } from '@/utils/auth';
|
|
|
|
|
const $router = useRouter(); |
|
|
|
|
const $route = useRoute(); |
|
|
|
|
const Indexform = ref({ |
|
|
|
|
packList: [ |
|
|
|
|
{ |
|
|
|
|
name: 'food.jpeg', |
|
|
|
|
url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100', |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
name: 'food.jpeg', |
|
|
|
|
url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100', |
|
|
|
|
}, |
|
|
|
|
], |
|
|
|
|
packList: [], |
|
|
|
|
decreaseImageEntityList: [], //处理好的图片数据 |
|
|
|
|
}); //首页新增表单 |
|
|
|
|
const IndexException = ref([]); //异常类型下拉选择 |
|
|
|
|
@ -682,101 +690,83 @@ const onLoad = () => {
|
|
|
|
|
handle(); //处理方和责任方信息 |
|
|
|
|
|
|
|
|
|
$_getInfo({ id: $route.query.id }).then(res => { |
|
|
|
|
console.log(res, '回显返回值参数'); |
|
|
|
|
Indexform.value = res.data.data; |
|
|
|
|
Indexform.value.result = []; |
|
|
|
|
Indexform.value.processor = []; |
|
|
|
|
Indexform.value.packageImage = []; |
|
|
|
|
//图片处理回显 |
|
|
|
|
res.data.data.decreaseImageVOList.forEach(res => { |
|
|
|
|
Indexform.value['packageImage'].push({ |
|
|
|
|
name: res.imageName, |
|
|
|
|
url: res.imagePath, |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
// 包件回显 |
|
|
|
|
PackageInfo.value = res.data.data.abnormalPackageVOList |
|
|
|
|
.map(item => { |
|
|
|
|
let orderCodes = item.orderCode.split(','); |
|
|
|
|
let packageCodes = item.packageCode.split(','); |
|
|
|
|
let waybillNumbers = item.waybillNumber.split(','); |
|
|
|
|
|
|
|
|
|
return orderCodes.map((code, index) => ({ |
|
|
|
|
packageCode: packageCodes[index], |
|
|
|
|
orderCode: code, |
|
|
|
|
waybillNumber: waybillNumbers[index], |
|
|
|
|
})); |
|
|
|
|
}) |
|
|
|
|
.flat(); |
|
|
|
|
// 责任方回显 |
|
|
|
|
FangAddList.value = res.data.data.processorVOList |
|
|
|
|
.filter(item => item.typesOf == '1') |
|
|
|
|
.map(res => { |
|
|
|
|
return { |
|
|
|
|
businessName: res.businessId, |
|
|
|
|
}; |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
FangAddList.value = res.data.data.personResponsibleVOS.map(res => { |
|
|
|
|
console.log(res, '回显返回值参数'); |
|
|
|
|
Indexform.value = res.data.data; |
|
|
|
|
Indexform.value['result'] = []; |
|
|
|
|
Indexform.value['processor'] = []; |
|
|
|
|
//图片处理回显 |
|
|
|
|
Indexform.value.packList = res.data.data.decreaseImageVOList.map(res => { |
|
|
|
|
return { |
|
|
|
|
name: res.imageName, |
|
|
|
|
url: res.imagePath, |
|
|
|
|
}; |
|
|
|
|
}); |
|
|
|
|
// 包件回显 |
|
|
|
|
PackageInfo.value = res.data.data.abnormalPackageVOList |
|
|
|
|
.map(item => { |
|
|
|
|
let orderCodes = item.orderCode.split(','); |
|
|
|
|
let packageCodes = item.packageCode.split(','); |
|
|
|
|
let waybillNumbers = item.waybillNumber.split(','); |
|
|
|
|
|
|
|
|
|
return orderCodes.map((code, index) => ({ |
|
|
|
|
packageCode: packageCodes[index], |
|
|
|
|
orderCode: code, |
|
|
|
|
waybillNumber: waybillNumbers[index], |
|
|
|
|
})); |
|
|
|
|
}) |
|
|
|
|
.flat(); |
|
|
|
|
// 责任方回显 |
|
|
|
|
FangAddList.value = res.data.data.processorVOList |
|
|
|
|
.filter(item => item.typesOf == '1') |
|
|
|
|
.map(res => { |
|
|
|
|
return { |
|
|
|
|
businessName: res.businessId, //责任人ID |
|
|
|
|
personResponsibleName: res.personResponsibleName, //责任人名称 |
|
|
|
|
responsibilityRatio: res.responsibilityRatio, //占比 |
|
|
|
|
description: res.description, //说明 |
|
|
|
|
businessName: res.businessId, |
|
|
|
|
}; |
|
|
|
|
}); |
|
|
|
|
res.data.data.processorVOList.forEach(item => { |
|
|
|
|
if (item.typesOf == 2) { |
|
|
|
|
// 处理方 |
|
|
|
|
Indexform.value.processor.push(item.businessId); |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
console.log(Indexform.value.processor, ' Indexform.value.processor'); |
|
|
|
|
getDictionaryBiz('pc_work_order').then(res => { |
|
|
|
|
//处理结果字典 |
|
|
|
|
console.log(res, '环节字典'); |
|
|
|
|
Indexform.value.workOrderType = res.data.data.find( |
|
|
|
|
res => res.dictKey == Indexform.value.workOrderStatus |
|
|
|
|
).dictValue; //异常类型回显 |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
//发现环节回显 |
|
|
|
|
getDictionaryBiz('pc_discovery_node').then(res => { |
|
|
|
|
console.log(res, '发现环节'); |
|
|
|
|
// ProcessingResults.value = res.data.data; |
|
|
|
|
TransportlossList.value = res.data.data; |
|
|
|
|
console.log(TransportlossList.value, '处理好的发现环节'); |
|
|
|
|
// Indexform.discoveryNode |
|
|
|
|
}); |
|
|
|
|
getDictionaryBiz('result_handling').then(res => { |
|
|
|
|
console.log(res, '发现环节'); |
|
|
|
|
ProcessingResults.value = res.data.data; |
|
|
|
|
}); |
|
|
|
|
FangAddList.value = res.data.data.personResponsibleVOS.map(res => { |
|
|
|
|
return { |
|
|
|
|
businessName: res.businessId, //责任人ID |
|
|
|
|
personResponsibleName: res.personResponsibleName, //责任人名称 |
|
|
|
|
responsibilityRatio: res.responsibilityRatio, //占比 |
|
|
|
|
description: res.description, //说明 |
|
|
|
|
}; |
|
|
|
|
}); |
|
|
|
|
res.data.data.processorVOList.forEach(item => { |
|
|
|
|
if (item.typesOf == 2) { |
|
|
|
|
// 处理方 |
|
|
|
|
Indexform.value.processor.push(item.businessId); |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 公司占比回显计算 |
|
|
|
|
let sum = 0; |
|
|
|
|
FangAddList.value.forEach(item => { |
|
|
|
|
sum = Number(item.responsibilityRatio) + sum; |
|
|
|
|
}); |
|
|
|
|
companyProportion.value = 100 - sum; |
|
|
|
|
|
|
|
|
|
// updateDictionary(columnList[2].checkarr, 'pc_work_order'); //异常类型 |
|
|
|
|
// updateDictionary(columnList[3].checkarr, 'pc_discovery_node'); //发现环节 |
|
|
|
|
|
|
|
|
|
// 处理结果回显 |
|
|
|
|
// res.data.data.processingResultsVO.processingMoneyEntityList.forEach(item => { |
|
|
|
|
// ProcessingList.value.push({ |
|
|
|
|
// input: item.money, |
|
|
|
|
// min: 0, |
|
|
|
|
// max: 9999999999999, |
|
|
|
|
// state: item.resultType, |
|
|
|
|
// payment: item.compensationMethod, |
|
|
|
|
// name: item.resultTypeName, |
|
|
|
|
// text: '', |
|
|
|
|
// }); |
|
|
|
|
// Indexform.value.result.push(item.resultType); |
|
|
|
|
// }); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 公司占比回显计算 |
|
|
|
|
let sum = 0; |
|
|
|
|
FangAddList.value.forEach(item => { |
|
|
|
|
sum = Number(item.responsibilityRatio) + sum; |
|
|
|
|
}); |
|
|
|
|
companyProportion.value = 100 - sum; |
|
|
|
|
|
|
|
|
|
// updateDictionary(columnList[2].checkarr, 'pc_work_order'); //异常类型 |
|
|
|
|
// updateDictionary(columnList[3].checkarr, 'pc_discovery_node'); //发现环节 |
|
|
|
|
|
|
|
|
|
// 处理结果回显 |
|
|
|
|
// res.data.data.processingResultsVO.processingMoneyEntityList.forEach(item => { |
|
|
|
|
// ProcessingList.value.push({ |
|
|
|
|
// input: item.money, |
|
|
|
|
// min: 0, |
|
|
|
|
// max: 9999999999999, |
|
|
|
|
// state: item.resultType, |
|
|
|
|
// payment: item.compensationMethod, |
|
|
|
|
// name: item.resultTypeName, |
|
|
|
|
// text: '', |
|
|
|
|
// }); |
|
|
|
|
// Indexform.value.result.push(item.resultType); |
|
|
|
|
// }); |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
onLoad(); //初始化程序 |
|
|
|
|
// 异常类型事件 |
|
|
|
|
@ -947,7 +937,7 @@ const ConfirmForm = () => {
|
|
|
|
|
// 责任方信息 |
|
|
|
|
FangAddList.value.forEach(item => { |
|
|
|
|
DataSubmit['personResponsibleDTO'].push({ |
|
|
|
|
businessName: warehouseData.value.find(obj => obj.value == item.businessName)?.label || null, //责任方名称 |
|
|
|
|
businessName: warehouseData.value.find(obj => obj.value == item.businessName)?.label || null, //责任方名称 |
|
|
|
|
businessId: warehouseData.value.find(obj => obj.value == item.businessName)?.value || null, |
|
|
|
|
wordOrderId: Indexform.value.workOrderNumber, //异常工单ID |
|
|
|
|
description: item.description, |
|
|
|
|
@ -1169,6 +1159,19 @@ const ViewPackageDetails = val => {
|
|
|
|
|
dialogHistoricalPackage.value = false; //打开历史包件弹窗 |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
// 回复 |
|
|
|
|
const addireply = () => { |
|
|
|
|
$router.push({ |
|
|
|
|
path: '/aftersales/aftersalesWorkOrderend', |
|
|
|
|
query: { |
|
|
|
|
id: $route.query.id, |
|
|
|
|
name: $route.query.workOrderNumber + '-回复', |
|
|
|
|
businessId: $route.query.workOrderNumber, |
|
|
|
|
RouterState: 'determine', |
|
|
|
|
index: '0', |
|
|
|
|
}, |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
// 新增记录跳转 |
|
|
|
|
const addingRecord = () => { |
|
|
|
|
$router.push({ |
|
|
|
|
@ -1178,6 +1181,7 @@ const addingRecord = () => {
|
|
|
|
|
name: $route.query.workOrderNumber + '-添加异常记录', |
|
|
|
|
businessId: $route.query.workOrderNumber, |
|
|
|
|
RouterState: 'record', |
|
|
|
|
index: '1', |
|
|
|
|
}, |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
@ -1186,12 +1190,12 @@ const EndJump = () => {
|
|
|
|
|
path: '/aftersales/aftersalesWorkOrderend', |
|
|
|
|
query: { |
|
|
|
|
id: $route.query.id, |
|
|
|
|
name: $route.query.id + '-完结填写', |
|
|
|
|
name: $route.query.workOrderNumber + '-完结填写', |
|
|
|
|
RouterState: 'end', |
|
|
|
|
index: '2', |
|
|
|
|
}, |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
|
|
@ -1251,6 +1255,7 @@ const EndJump = () => {
|
|
|
|
|
margin-left: 20px; |
|
|
|
|
font-size: 14px; |
|
|
|
|
width: 100px !important; |
|
|
|
|
justify-content: flex-start; |
|
|
|
|
} |
|
|
|
|
.el-form-item { |
|
|
|
|
margin: 0; |
|
|
|
|
@ -1280,6 +1285,11 @@ const EndJump = () => {
|
|
|
|
|
margin-bottom: 10px; |
|
|
|
|
font-size: 14px; |
|
|
|
|
} |
|
|
|
|
:deep(.el-upload-dragger) { |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: center; |
|
|
|
|
align-items: center; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.dialog-footer { |
|
|
|
|
width: 100%; |
|
|
|
|
|
