|
|
|
|
@ -8,57 +8,58 @@
|
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<div class="contemtMax"> |
|
|
|
|
<div class="left"> |
|
|
|
|
<div class="left" :style="{ width: routerState == 'end' ? '100%' : '' }"> |
|
|
|
|
|
|
|
|
|
<el-form :model="endFrom" label-width="120px"> |
|
|
|
|
<el-form-item label="运单商场"> |
|
|
|
|
<el-input v-model="endFrom.waybillMall" placeholder="请输入运单商场" /> |
|
|
|
|
<el-input v-model="endFrom.waybillMall" disabled placeholder="请输入运单商场" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="运单号"> |
|
|
|
|
<!-- <el-form-item label="运单号"> |
|
|
|
|
<el-input v-model="endFrom.waybillNumber" placeholder="请输入运单号" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-form-item> --> |
|
|
|
|
|
|
|
|
|
<el-form-item label="订单自编号"> |
|
|
|
|
<!-- <el-form-item label="订单自编号"> |
|
|
|
|
<el-input v-model="endFrom.orderCode" placeholder="请输入订单自自编号" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-form-item> --> |
|
|
|
|
|
|
|
|
|
<!-- <el-form-item label="包条码"> |
|
|
|
|
<el-input v-model="endFrom.orderPackageCode" placeholder="请输入包条码" /> |
|
|
|
|
</el-form-item> --> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- <div class="selector"> --> |
|
|
|
|
<div class="el-form-item"> |
|
|
|
|
<span class="el-form-item__label">运损节点</span> |
|
|
|
|
<el-select |
|
|
|
|
v-model="endFrom.transportloss" |
|
|
|
|
filterable |
|
|
|
|
default-first-option |
|
|
|
|
:reserve-keyword="false" |
|
|
|
|
placeholder="运损发现节点" |
|
|
|
|
@change="TransportChange" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in TransportlossList" |
|
|
|
|
:key="item.value" |
|
|
|
|
:label="item.label" |
|
|
|
|
:value="item.value" |
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
</div> |
|
|
|
|
<!-- </div> --> |
|
|
|
|
|
|
|
|
|
<div class="el-form-item"> |
|
|
|
|
<span class="el-form-item__label">运损节点</span> |
|
|
|
|
<el-select |
|
|
|
|
v-model="endFrom.discoveryNode" |
|
|
|
|
filterable |
|
|
|
|
default-first-option |
|
|
|
|
:reserve-keyword="false" |
|
|
|
|
placeholder="运损发现节点" |
|
|
|
|
@change="TransportChange" |
|
|
|
|
disabled |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in TransportlossList" |
|
|
|
|
:key="item.value" |
|
|
|
|
:label="item.dictValue" |
|
|
|
|
:value="item.dictKey" |
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
</div> |
|
|
|
|
<!-- </div> --> |
|
|
|
|
|
|
|
|
|
<el-form-item label="品类"> |
|
|
|
|
<!-- <el-form-item label="品类"> |
|
|
|
|
<el-input v-model="endFrom.name" placeholder="请输入品类" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-form-item> --> |
|
|
|
|
|
|
|
|
|
<el-form-item label="异常状态"> |
|
|
|
|
<el-input v-model="endFrom.workOrderStatus" disabled placeholder="异常状态" /> |
|
|
|
|
<el-form-item label="异常类型"> |
|
|
|
|
<el-input v-model="endFrom.workOrderType" disabled placeholder="异常类型" /> |
|
|
|
|
<!-- workOrderStatus --> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="车次号"> |
|
|
|
|
<el-input v-model="endFrom.trainNumber" placeholder="请输入车次号" /> |
|
|
|
|
<el-input v-model="endFrom.trainNumber" disabled placeholder="请输入车次号" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="运损时间"> |
|
|
|
|
@ -68,7 +69,7 @@
|
|
|
|
|
format="YYYY-MM-DD HH:mm:ss" |
|
|
|
|
value-format="YYYY-MM-DD HH:mm:ss" |
|
|
|
|
placeholder="请选择运损发现时间" |
|
|
|
|
:disabled="FromDisabled" |
|
|
|
|
disabled |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
@ -79,17 +80,35 @@
|
|
|
|
|
format="YYYY-MM-DD HH:mm:ss" |
|
|
|
|
value-format="YYYY-MM-DD HH:mm:ss" |
|
|
|
|
placeholder="请选择发货时间" |
|
|
|
|
:disabled="FromDisabled" |
|
|
|
|
disabled |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
<div class="el_dcl"> |
|
|
|
|
<div class="DingTalk"> |
|
|
|
|
<el-form-item label="钉钉流程号"> |
|
|
|
|
<el-input v-model="endFrom.name" placeholder="请输入钉钉流程号" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
</div> |
|
|
|
|
<el-form-item label="钉钉流程号"> |
|
|
|
|
<el-input v-model="endFrom.processNumber" disabled placeholder="请输入钉钉流程号" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<div class="selector"> |
|
|
|
|
<el-form-item label="处理方"> |
|
|
|
|
<el-select |
|
|
|
|
v-model="endFrom.processor" |
|
|
|
|
multiple |
|
|
|
|
filterable |
|
|
|
|
default-first-option |
|
|
|
|
:reserve-keyword="false" |
|
|
|
|
placeholder="请选择处理方" |
|
|
|
|
disabled |
|
|
|
|
@change="ProcessingParty" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in warehouseData" |
|
|
|
|
:key="item.value" |
|
|
|
|
:label="item.label" |
|
|
|
|
:value="item.value" |
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item> </el-form-item> |
|
|
|
|
<div class="el_dcl"> |
|
|
|
|
<!-- <div class="selector"> |
|
|
|
|
<div class="el-form-item"> |
|
|
|
|
<span class="el-form-item__label">处理方</span> |
|
|
|
|
<el-select |
|
|
|
|
@ -109,7 +128,7 @@
|
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> --> |
|
|
|
|
|
|
|
|
|
<!-- <div class="el_Transport"> |
|
|
|
|
<el-form-item label="运损发现节点"> |
|
|
|
|
@ -120,8 +139,6 @@
|
|
|
|
|
</el-radio-group> |
|
|
|
|
</el-form-item> |
|
|
|
|
</div> --> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
<!-- <div class="selector"> |
|
|
|
|
<div class="el-form-item selector"> |
|
|
|
|
@ -147,12 +164,15 @@
|
|
|
|
|
<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" disabled> 添加信息 </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 |
|
|
|
|
@ -163,12 +183,22 @@
|
|
|
|
|
|
|
|
|
|
<div class="maxBox"> |
|
|
|
|
<span class="title">订单自编码:</span> |
|
|
|
|
<el-input v-model="item.orderCode" placeholder="请输入订单自编号" clearable /> |
|
|
|
|
<el-input |
|
|
|
|
v-model="item.orderCode" |
|
|
|
|
placeholder="请输入订单自编号" |
|
|
|
|
clearable |
|
|
|
|
disabled |
|
|
|
|
/> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="maxBox"> |
|
|
|
|
<span class="title">运单号:</span> |
|
|
|
|
<el-input v-model="item.waybillNumber" placeholder="请输入运单号" clearable /> |
|
|
|
|
<el-input |
|
|
|
|
v-model="item.waybillNumber" |
|
|
|
|
placeholder="请输入运单号" |
|
|
|
|
clearable |
|
|
|
|
disabled |
|
|
|
|
/> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
@ -176,7 +206,9 @@
|
|
|
|
|
<el-button v-if="item.state" type="primary" @click="historicalPackages(index)"> |
|
|
|
|
查看历史包件 |
|
|
|
|
</el-button> |
|
|
|
|
<el-button type="primary" @click="PackagRemoval(index)"> 移除 </el-button> |
|
|
|
|
<el-button type="primary" @click="PackagRemoval(index)" disabled> |
|
|
|
|
移除 |
|
|
|
|
</el-button> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="NumTotal"> |
|
|
|
|
@ -190,7 +222,9 @@
|
|
|
|
|
<el-tab-pane label="责任方选择"> |
|
|
|
|
<div class="ResponsibilityBox"> |
|
|
|
|
<div> |
|
|
|
|
<el-button type="primary" @click="responsibleParty"> 添加信息 </el-button> |
|
|
|
|
<el-button type="primary" @click="responsibleParty" disabled> |
|
|
|
|
添加信息 |
|
|
|
|
</el-button> |
|
|
|
|
</div> |
|
|
|
|
<div class="el_btbox" v-for="(item, index) in FangAddList" :key="index"> |
|
|
|
|
<div class="leftbox"> |
|
|
|
|
@ -204,6 +238,7 @@
|
|
|
|
|
clearable |
|
|
|
|
placeholder="请选提货择责任方" |
|
|
|
|
v-if="groundlineType == 1" |
|
|
|
|
disabled |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in responsible" |
|
|
|
|
@ -217,6 +252,7 @@
|
|
|
|
|
v-else |
|
|
|
|
v-model="item.businessName" |
|
|
|
|
filterable |
|
|
|
|
disabled |
|
|
|
|
placeholder="请选择责任方" |
|
|
|
|
@change="ResponsiblePartychange(item.businessName, index)" |
|
|
|
|
> |
|
|
|
|
@ -236,6 +272,8 @@
|
|
|
|
|
clearable |
|
|
|
|
filterable |
|
|
|
|
placeholder="请选责任人" |
|
|
|
|
disabled |
|
|
|
|
@change="personResponsiblechange(item.personResponsibleName, index)" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in personResponsibleList" |
|
|
|
|
@ -252,21 +290,23 @@
|
|
|
|
|
placeholder="请输入占比 " |
|
|
|
|
clearable |
|
|
|
|
:rows="2" |
|
|
|
|
disabled |
|
|
|
|
@input="ProportionInput" |
|
|
|
|
/> |
|
|
|
|
</div> |
|
|
|
|
<div class="maxBox"> |
|
|
|
|
<span class="title">说明:</span> |
|
|
|
|
<el-input |
|
|
|
|
v-model="item.responsibilityRatio" |
|
|
|
|
v-model="item.description" |
|
|
|
|
placeholder="请输入说明 " |
|
|
|
|
clearable |
|
|
|
|
:rows="2" |
|
|
|
|
disabled |
|
|
|
|
/> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="el-btn"> |
|
|
|
|
<el-button type="primary" @click="ResponsibilityRemoval(index)"> |
|
|
|
|
<el-button type="primary" disabled @click="ResponsibilityRemoval(index)"> |
|
|
|
|
移除 |
|
|
|
|
</el-button> |
|
|
|
|
</div> |
|
|
|
|
@ -279,7 +319,7 @@
|
|
|
|
|
</el-tabs> |
|
|
|
|
<!-- 完善信息 --> |
|
|
|
|
<div class="Improveinformation"> |
|
|
|
|
<el-tabs type="border-card" class="demo-tabs" v-if="!routerState == 'record'"> |
|
|
|
|
<el-tabs type="border-card" class="demo-tabs" v-if="routerState == 'end'"> |
|
|
|
|
<el-tab-pane> |
|
|
|
|
<template #label> |
|
|
|
|
<span class="custom-tabs-label"> |
|
|
|
|
@ -310,8 +350,8 @@
|
|
|
|
|
<el-input @input="amountMoney" :min="0" v-model="item.num" placeholder="金额" /> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="sk_input"> |
|
|
|
|
<el-input v-model="item.reason" placeholder="请填写说明" /> |
|
|
|
|
<div class="sk_input" v-if="item.state == 0"> |
|
|
|
|
<el-input v-model="item.explain" placeholder="请填写说明" /> |
|
|
|
|
</div> |
|
|
|
|
<div class="el_cwBtn"> |
|
|
|
|
<el-button type="primary" v-if="item.state == 0"> 财务处理 </el-button> |
|
|
|
|
@ -333,7 +373,7 @@
|
|
|
|
|
</el-tab-pane> |
|
|
|
|
</el-tabs> |
|
|
|
|
|
|
|
|
|
<div class="selector"> |
|
|
|
|
<div class="selector" v-if="routerState != 'end'"> |
|
|
|
|
<div class="el-form-item selector"> |
|
|
|
|
<span class="el-form-item__label">处理结果</span> |
|
|
|
|
<el-select |
|
|
|
|
@ -405,22 +445,20 @@
|
|
|
|
|
format="YYYY-MM-DD" |
|
|
|
|
value-format="YYYY-MM-DD HH:mm:ss" |
|
|
|
|
placeholder="请选择运理赔支付时间" |
|
|
|
|
:disabled="FromDisabled" |
|
|
|
|
/> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<!-- 处理结果说明 --> |
|
|
|
|
<el-form-item label="处理结果说明"> |
|
|
|
|
<el-form-item label="处理结果说明" v-if="routerState != 'end'"> |
|
|
|
|
<el-input |
|
|
|
|
v-model="endFrom.resultDescription" |
|
|
|
|
:disabled="FromDisabled" |
|
|
|
|
placeholder="请输入处理结果说明" |
|
|
|
|
clearable |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<!-- 备注信息 --> |
|
|
|
|
<div class="notes"> |
|
|
|
|
<div class="notes" v-if="routerState != 'end'"> |
|
|
|
|
<el-form-item label="异常问题描述"> |
|
|
|
|
<el-input |
|
|
|
|
v-model="endFrom.problemDescription" |
|
|
|
|
@ -449,9 +487,9 @@
|
|
|
|
|
<el-icon><Plus /></el-icon> |
|
|
|
|
</el-upload> |
|
|
|
|
|
|
|
|
|
<el-dialog v-model="dialogVisible"> |
|
|
|
|
<!-- <el-dialog v-model="dialogVisible"> |
|
|
|
|
<img w-full :src="dialogImageUrl" alt="Preview Image" /> |
|
|
|
|
</el-dialog> |
|
|
|
|
</el-dialog> --> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- 视频 --> |
|
|
|
|
@ -471,6 +509,9 @@
|
|
|
|
|
</div> |
|
|
|
|
</el-upload> |
|
|
|
|
</div> |
|
|
|
|
<div class="el_sub"> |
|
|
|
|
<el-button type="primary" class="button" @click="submit">提交</el-button> |
|
|
|
|
</div> |
|
|
|
|
<!-- 视频预览弹窗 --> |
|
|
|
|
<el-dialog v-model="VideoPreviewStatus" title="视频预览" width="40%"> |
|
|
|
|
<video height="360" controls class="video-player"> |
|
|
|
|
@ -529,7 +570,7 @@
|
|
|
|
|
</div> |
|
|
|
|
</el-form> |
|
|
|
|
</div> |
|
|
|
|
<el-affix :offset="msgTop"> |
|
|
|
|
<el-affix :offset="msgTop" v-if="routerState != 'end'"> |
|
|
|
|
<div class="right"> |
|
|
|
|
<el-tabs type="border-card"> |
|
|
|
|
<div class="content"> |
|
|
|
|
@ -543,8 +584,14 @@
|
|
|
|
|
> |
|
|
|
|
<!-- {time: '2021-08-06 16:00:00',content:'内容4',name:'营业部名称'}, --> |
|
|
|
|
<el-card> |
|
|
|
|
<h4>{{ item.username }}【{{ item.name }}】</h4> |
|
|
|
|
<span> {{ item.content }}</span> |
|
|
|
|
<div class="e_ico"> |
|
|
|
|
<el-icon><User /></el-icon>: |
|
|
|
|
<h4>{{ item.username }}【{{ item.name }}】</h4> |
|
|
|
|
</div> |
|
|
|
|
<div class="e_ico"> |
|
|
|
|
<el-icon><ChatRound /></el-icon>:<span> {{ item.content }}</span> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="img" v-if="item.img"> |
|
|
|
|
<el-image |
|
|
|
|
:src="item.img" |
|
|
|
|
@ -569,7 +616,11 @@
|
|
|
|
|
</span> |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
<p>{{ item.time }}</p> |
|
|
|
|
<div class="e_ico"> |
|
|
|
|
<el-icon><Timer /></el-icon>: |
|
|
|
|
<p>{{ item.time }}</p> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="tag"> |
|
|
|
|
<el-tag class="mx-1" effect="dark" |
|
|
|
|
>{{ msgState == 1 ? ' 待回复' : msgState == 2 ? '已回复' : '已超时' }} |
|
|
|
|
@ -634,13 +685,7 @@
|
|
|
|
|
</el-affix> |
|
|
|
|
</div> |
|
|
|
|
<!-- 支付方式选择 --> |
|
|
|
|
<el-dialog |
|
|
|
|
v-model="ZFdialog" |
|
|
|
|
title="支付方式选择" |
|
|
|
|
width="40%" |
|
|
|
|
:before-close="handleClose" |
|
|
|
|
class="ZFfsLoad" |
|
|
|
|
> |
|
|
|
|
<el-dialog v-model="ZFdialog" title="支付方式选择" width="45%" class="ZFfsLoad"> |
|
|
|
|
<el-radio-group v-model="endFrom.compensationMethod"> |
|
|
|
|
<el-radio |
|
|
|
|
:label="item.dictKey" |
|
|
|
|
@ -661,36 +706,34 @@
|
|
|
|
|
</template> |
|
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-dialog v-model="dialogHistoricalPackage" title="查看历史包件" width="30%"> |
|
|
|
|
<el-form-item label="历史包件选择"> |
|
|
|
|
<el-select v-model="HistoricalPackageinput" clearable filterable placeholder="请选择包件"> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in HistoricalPackageList" |
|
|
|
|
:key="item.value" |
|
|
|
|
:label="item.workOrderNumber" |
|
|
|
|
:value="item.workOrderId" |
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
<el-button @click="ViewPackageDetails(HistoricalPackageinput)">查看详情</el-button> |
|
|
|
|
</el-form-item> |
|
|
|
|
<template #footer> |
|
|
|
|
<span class="dialog-footer"> |
|
|
|
|
<el-button @click="dialogHistoricalPackage = false">取消</el-button> |
|
|
|
|
<el-button type="primary" @click="HistoricalPackage(HistoricalPackageinput)"> |
|
|
|
|
确定选择 |
|
|
|
|
</el-button> |
|
|
|
|
</span> |
|
|
|
|
</template> |
|
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
|
|
<el-form-item label="历史包件选择"> |
|
|
|
|
<el-select v-model="HistoricalPackageinput" clearable filterable placeholder="请选择包件"> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in HistoricalPackageList" |
|
|
|
|
:key="item.value" |
|
|
|
|
:label="item.workOrderNumber" |
|
|
|
|
:value="item.workOrderId" |
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
<el-button @click="ViewPackageDetails(HistoricalPackageinput)">查看详情</el-button> |
|
|
|
|
</el-form-item> |
|
|
|
|
<template #footer> |
|
|
|
|
<span class="dialog-footer"> |
|
|
|
|
<el-button @click="dialogHistoricalPackage = false">取消</el-button> |
|
|
|
|
<el-button type="primary" @click="HistoricalPackage(HistoricalPackageinput)"> |
|
|
|
|
确定选择 |
|
|
|
|
</el-button> |
|
|
|
|
</span> |
|
|
|
|
</template> |
|
|
|
|
</el-dialog> |
|
|
|
|
</el-card> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<script setup> |
|
|
|
|
import { ElMessage } from 'element-plus'; |
|
|
|
|
import { ElMessageBox } from 'element-plus'; |
|
|
|
|
import { ref, reactive, toRefs, computed, onMounted, nextTick } from 'vue'; |
|
|
|
|
import { ref, reactive, toRefs, computed, onMounted, nextTick, watch } from 'vue'; |
|
|
|
|
import { getDetailWarehouse, getDeptWarehouse } from '@/api/basicdata/basicdataWarehouse'; //处理方 |
|
|
|
|
import { |
|
|
|
|
$_getInfo, |
|
|
|
|
@ -713,6 +756,7 @@ const $router = useRouter();
|
|
|
|
|
const Paymentmethod = ref([]); //支付方式 |
|
|
|
|
const ZFname = ref(''); //支付名字预留状态 |
|
|
|
|
const routeData = ref(false); //路由参数 |
|
|
|
|
const groundlineType = ref(''); //责任方状态 |
|
|
|
|
const routerState = ref(''); //路由状态 |
|
|
|
|
const TotalamountCompensation = ref(0); //赔款金额合计 |
|
|
|
|
const TotalClaimAmount = ref(0); //理赔总金额 |
|
|
|
|
@ -728,8 +772,8 @@ const msgState = ref(0); //回复消息状态
|
|
|
|
|
const Msgloading = ref(false); //消息回复的加载效果 |
|
|
|
|
const companyProportion = ref(0); //公司占比 |
|
|
|
|
const HistoricalPackageList = ref([]); //历史包件数组 |
|
|
|
|
const dialogHistoricalPackage=ref(false);//包件弹窗 |
|
|
|
|
const HistoricalPackageinput=ref('');//历史包件选择 |
|
|
|
|
const dialogHistoricalPackage = ref(false); //包件弹窗 |
|
|
|
|
const HistoricalPackageinput = ref(''); //历史包件选择 |
|
|
|
|
const PackageInfo = ref([ |
|
|
|
|
//包件信息 |
|
|
|
|
{ packageCode: '', orderCode: '', waybillNumber: '' }, |
|
|
|
|
@ -776,39 +820,16 @@ const MessageContent = ref([
|
|
|
|
|
// }, |
|
|
|
|
]); |
|
|
|
|
const CompensationParty = ref([ |
|
|
|
|
{ name: '', state: 0, num: null, reason: '', cld: 1 }, //赔款方 |
|
|
|
|
{ name: '', state: 1, num: null, reason: '', cld: 1 }, //收款方 |
|
|
|
|
{ name: '', state: 0, num: null, reason: '', cld: 1, explain: '' }, //赔款方 |
|
|
|
|
{ name: '', state: 1, num: null, reason: '', cld: 1, explain: '' }, //收款方 |
|
|
|
|
]); //收/赔 |
|
|
|
|
const ProcessingList = ref([]); //处理结果已经选择的列表 |
|
|
|
|
// 责任方列表 |
|
|
|
|
const FangAddList = ref([{ businessName: '', personResponsibleName: '', responsibilityRatio: '' }]); |
|
|
|
|
const FangAddList = ref([ |
|
|
|
|
{ businessName: '', personResponsibleName: '', responsibilityRatio: '', description: '' }, |
|
|
|
|
]); |
|
|
|
|
const TransportlossList = ref([ |
|
|
|
|
//运损发现节点 |
|
|
|
|
{ |
|
|
|
|
label: '无', |
|
|
|
|
value: 1, |
|
|
|
|
txt: '无', |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
label: '在库操作环节', |
|
|
|
|
value: 2, |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
label: '入库环节', |
|
|
|
|
value: 3, |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
label: '配送环节', |
|
|
|
|
value: 4, |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
label: '中转卸车环节', |
|
|
|
|
value: 5, |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
label: '安装环节', |
|
|
|
|
value: 6, |
|
|
|
|
}, |
|
|
|
|
]); //运损发现节点 |
|
|
|
|
const ProcessingResults = ref([]); //处理结果列表选项 |
|
|
|
|
// 运损触发事件 |
|
|
|
|
@ -947,31 +968,97 @@ const onLoad = () => {
|
|
|
|
|
url: res.imagePath, |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
// 处理结果回显 |
|
|
|
|
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: '', |
|
|
|
|
// 包件回显 |
|
|
|
|
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, |
|
|
|
|
}; |
|
|
|
|
}); |
|
|
|
|
endFrom.value.result.push(item.resultType); |
|
|
|
|
|
|
|
|
|
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) { |
|
|
|
|
// 处理方 |
|
|
|
|
endFrom.value.processor.push(String(item.id)); |
|
|
|
|
endFrom.value.processor.push(item.businessId); |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
console.log(endFrom.value.processor, ' endFrom.value.processor'); |
|
|
|
|
getDictionaryBiz('pc_work_order').then(res => { |
|
|
|
|
//处理结果字典 |
|
|
|
|
console.log(res, '环节字典'); |
|
|
|
|
endFrom.value.workOrderType = res.data.data.find( |
|
|
|
|
res => res.dictKey == endFrom.value.workOrderType |
|
|
|
|
).dictValue; //异常类型回显 |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
//发现环节回显 |
|
|
|
|
getDictionaryBiz('pc_discovery_node').then(res => { |
|
|
|
|
console.log(res, '发现环节'); |
|
|
|
|
// ProcessingResults.value = res.data.data; |
|
|
|
|
TransportlossList.value = res.data.data; |
|
|
|
|
console.log(TransportlossList.value, '处理好的发现环节'); |
|
|
|
|
// endFrom.discoveryNode |
|
|
|
|
}); |
|
|
|
|
getDictionaryBiz('result_handling').then(res => { |
|
|
|
|
console.log(res, '发现环节'); |
|
|
|
|
ProcessingResults.value = res.data.data; |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
// 公司占比回显计算 |
|
|
|
|
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: '', |
|
|
|
|
// }); |
|
|
|
|
// endFrom.value.result.push(item.resultType); |
|
|
|
|
// }); |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
getDictionaryBiz('result_handling').then(res => { |
|
|
|
|
|
|
|
|
|
// 异常类型业务字典 |
|
|
|
|
getDictionaryBiz('work_order_status').then(res => { |
|
|
|
|
//处理结果字典 |
|
|
|
|
console.log(res); |
|
|
|
|
ProcessingResults.value = res.data.data; |
|
|
|
|
endFrom.value.workOrderStatus = res.data.data.filter( |
|
|
|
|
obj => obj.dictKey == endFrom.value.workOrderStatus |
|
|
|
|
).dictValue; //异常类型处理 |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
// 支付方式字典 |
|
|
|
|
@ -992,6 +1079,13 @@ const onLoad = () => {
|
|
|
|
|
}); |
|
|
|
|
Chathistory(); //聊天的历史记录 |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
// 多开页面的时候刷新参数 |
|
|
|
|
watch($route, (to, from) => { |
|
|
|
|
// 路由有变化时你可以在这里做些事情 |
|
|
|
|
onLoad(); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
// 文件识别 |
|
|
|
|
const Fileidentifier = val => { |
|
|
|
|
const url = val; |
|
|
|
|
@ -1109,8 +1203,8 @@ const changeProcessingResults = val => {
|
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
// 测试功能 |
|
|
|
|
const css = () => { |
|
|
|
|
//处理方 |
|
|
|
|
const ProcessingParty = val => { |
|
|
|
|
console.log(endFrom.value.processor); |
|
|
|
|
}; |
|
|
|
|
// 图片上传必须携带TOKEN |
|
|
|
|
@ -1184,7 +1278,7 @@ const AddCompensation = () => {
|
|
|
|
|
som++; |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
CompensationParty.value.push({ name: '', state: 0, num: 0, reason: '', cld: som }); |
|
|
|
|
CompensationParty.value.push({ name: '', state: 0, num: 0, reason: '', cld: som, explain: '' }); |
|
|
|
|
}; |
|
|
|
|
// 添加收款方 |
|
|
|
|
const AddPayee = () => { |
|
|
|
|
@ -1194,7 +1288,7 @@ const AddPayee = () => {
|
|
|
|
|
som++; |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
CompensationParty.value.push({ name: '', state: 1, num: 0, reason: '', cld: som }); |
|
|
|
|
CompensationParty.value.push({ name: '', state: 1, num: 0, reason: '', cld: som, explain: '' }); |
|
|
|
|
}; |
|
|
|
|
// 理赔总金额计算 |
|
|
|
|
const TotalChange = () => { |
|
|
|
|
@ -1313,7 +1407,12 @@ const FileDownload = val => {
|
|
|
|
|
}; |
|
|
|
|
// 责任方添加 |
|
|
|
|
const responsibleParty = () => { |
|
|
|
|
FangAddList.value.push({ businessName: '', personResponsibleName: '', responsibilityRatio: '' }); |
|
|
|
|
FangAddList.value.push({ |
|
|
|
|
businessName: '', |
|
|
|
|
personResponsibleName: '', |
|
|
|
|
responsibilityRatio: '', |
|
|
|
|
description: '', |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
// 责任移除 |
|
|
|
|
const ResponsibilityRemoval = val => { |
|
|
|
|
@ -1326,6 +1425,7 @@ const Msgresponsibility = val => {
|
|
|
|
|
}; |
|
|
|
|
// 获取当前责任方的责任人 |
|
|
|
|
const ResponsiblePartychange = (val, index) => { |
|
|
|
|
console.log(val, '选择的责任方'); |
|
|
|
|
FangAddList.value[index].personResponsibleName = null; //清空当前选择的责任人 |
|
|
|
|
$_getBusinessDepartmentUser({ |
|
|
|
|
warehouseId: val, |
|
|
|
|
@ -1334,7 +1434,10 @@ const ResponsiblePartychange = (val, index) => {
|
|
|
|
|
personResponsibleList.value = res.data.data; |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
// 责任人选择 |
|
|
|
|
const personResponsiblechange = (val, index) => { |
|
|
|
|
console.log(val, index); |
|
|
|
|
}; |
|
|
|
|
// 支付方式选择 |
|
|
|
|
const PaymentSelection = val => { |
|
|
|
|
console.log(val, '支付'); |
|
|
|
|
@ -1366,10 +1469,36 @@ const PaymentConfirmation = val => {
|
|
|
|
|
|
|
|
|
|
// 提交信息 |
|
|
|
|
const submit = () => { |
|
|
|
|
// console.log(FangAddList.value,'赔款方businessName'); |
|
|
|
|
// console.log(warehouseData.value,'选择'); |
|
|
|
|
// let a= [ |
|
|
|
|
// { |
|
|
|
|
// "businessName": "1711993021509234689", |
|
|
|
|
// "personResponsibleName": "1712365249019097089", |
|
|
|
|
// "responsibilityRatio": "" |
|
|
|
|
// }, |
|
|
|
|
// { |
|
|
|
|
// "businessName": "1713372843170975745", |
|
|
|
|
// "personResponsibleName": "1712376790741266433", |
|
|
|
|
// "responsibilityRatio": "" |
|
|
|
|
// } |
|
|
|
|
// ] |
|
|
|
|
// let b=[ |
|
|
|
|
// {value: '1711993021509234689', label: '荆门仓'}, |
|
|
|
|
|
|
|
|
|
// {value: '1713372842906734594', label: '龙泉仓'}, |
|
|
|
|
|
|
|
|
|
// {value: '1713372842990620674', label: '双流欧派仓'}, |
|
|
|
|
// ] |
|
|
|
|
|
|
|
|
|
// const result = FangAddList.value.map(aItem => warehouseData.value.filter(bItem => bItem.value === aItem.businessName).map(match => match.label).join(',')).join(','); |
|
|
|
|
// console.log(result,'处理好的'); |
|
|
|
|
// 完结的逻辑 |
|
|
|
|
// 异常问题描述非必填 |
|
|
|
|
if (routerState.value == 'end') { |
|
|
|
|
console.log(CompensationParty.value); |
|
|
|
|
let pay = CompensationParty.value.find(item => item.cld == 1); |
|
|
|
|
|
|
|
|
|
console.log(pay); |
|
|
|
|
if (!pay.name || pay.num == null || !pay.reason) { |
|
|
|
|
ElMessage({ |
|
|
|
|
@ -1416,7 +1545,14 @@ const submit = () => {
|
|
|
|
|
recipient: item.name, //收款方 |
|
|
|
|
reasonReceivingPayment: item.reason, //收款原因 |
|
|
|
|
money: Number(item.num), //金额 |
|
|
|
|
responsibleParty: endFrom.value.duty.length ? endFrom.value.duty.join(',') : '', //责任方 |
|
|
|
|
responsibleParty: FangAddList.value |
|
|
|
|
.map(aItem => |
|
|
|
|
warehouseData.value |
|
|
|
|
.filter(bItem => bItem.value === aItem.businessName) |
|
|
|
|
.map(match => match.label) |
|
|
|
|
.join(',') |
|
|
|
|
) |
|
|
|
|
.join(','), |
|
|
|
|
workOrderNumber: info.workOrderNumber, //工单号 |
|
|
|
|
workOrderId: info.id, //异常工单 |
|
|
|
|
warehouseId: info.warehouseId, //仓库ID |
|
|
|
|
@ -1570,16 +1706,16 @@ const replyMessage = () => {
|
|
|
|
|
|
|
|
|
|
// 历史包件里面的查看 |
|
|
|
|
const ViewPackageDetails = val => { |
|
|
|
|
if(!val){ |
|
|
|
|
if (!val) { |
|
|
|
|
ElMessage({ |
|
|
|
|
message: '请选择要查看的数据', |
|
|
|
|
type: 'warning', |
|
|
|
|
}) |
|
|
|
|
return |
|
|
|
|
message: '请选择要查看的数据', |
|
|
|
|
type: 'warning', |
|
|
|
|
}); |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
console.log(val); |
|
|
|
|
let info = HistoricalPackageList.value.find(obj => obj.workOrderId == val); |
|
|
|
|
console.log(info,'筛选的值'); |
|
|
|
|
console.log(info, '筛选的值'); |
|
|
|
|
$router.push({ |
|
|
|
|
path: '/aftersales/aftersalesWorkOrderInfo', |
|
|
|
|
query: { |
|
|
|
|
@ -1616,19 +1752,19 @@ const ViewPackageDetails = val => {
|
|
|
|
|
flex-wrap: wrap; |
|
|
|
|
justify-content: flex-start; |
|
|
|
|
:deep(.el-form-item) { |
|
|
|
|
height: 2.39583vw; |
|
|
|
|
height: 50px; |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
margin: 0; |
|
|
|
|
margin-bottom: 0.9375vw; |
|
|
|
|
margin-bottom: 10px; |
|
|
|
|
flex: 1 0 30%; |
|
|
|
|
:deep(.el-select){ |
|
|
|
|
margin-right: 8px; |
|
|
|
|
.el-select { |
|
|
|
|
width: 100%; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
:deep(.el-form-item__label) { |
|
|
|
|
width: 100px !important; |
|
|
|
|
margin-left: 26px; |
|
|
|
|
justify-content: flex-start; |
|
|
|
|
} |
|
|
|
|
:deep(.el-input--prefix) { |
|
|
|
|
@ -1680,7 +1816,7 @@ const ViewPackageDetails = val => {
|
|
|
|
|
width: 45%; |
|
|
|
|
span { |
|
|
|
|
display: block; |
|
|
|
|
width: 200px; |
|
|
|
|
width: 30%; |
|
|
|
|
color: #606266; |
|
|
|
|
font-size: 16px; |
|
|
|
|
} |
|
|
|
|
@ -1750,7 +1886,6 @@ const ViewPackageDetails = val => {
|
|
|
|
|
} |
|
|
|
|
.ProcessingRecords { |
|
|
|
|
margin-left: 26px; |
|
|
|
|
width: 100%; |
|
|
|
|
margin-top: 20px; |
|
|
|
|
.title { |
|
|
|
|
font-size: 16px; |
|
|
|
|
@ -1814,7 +1949,7 @@ const ViewPackageDetails = val => {
|
|
|
|
|
font-size: 14px; |
|
|
|
|
padding: 10px; |
|
|
|
|
cursor: pointer; |
|
|
|
|
width: 190px; |
|
|
|
|
width: 100px; |
|
|
|
|
} |
|
|
|
|
.Paymentname:hover { |
|
|
|
|
border: 1px solid #172e60; |
|
|
|
|
@ -1823,6 +1958,11 @@ const ViewPackageDetails = val => {
|
|
|
|
|
.el-radio { |
|
|
|
|
padding: 0 8px; |
|
|
|
|
} |
|
|
|
|
.el-radio-group { |
|
|
|
|
width: 100%; |
|
|
|
|
justify-content: center; |
|
|
|
|
align-items: center; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.paySum { |
|
|
|
|
margin-top: 36px; |
|
|
|
|
@ -1865,6 +2005,9 @@ const ViewPackageDetails = val => {
|
|
|
|
|
} |
|
|
|
|
:deep(.el-card) { |
|
|
|
|
box-shadow: -1px -1px 4px 0px #e3e3e3; |
|
|
|
|
border-top-left-radius: 20px; |
|
|
|
|
border-bottom: 1px solid #d5d5d563 !important; |
|
|
|
|
border-right: 1px solid #d5d5d563 !important; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.ResponsibilityBox { |
|
|
|
|
@ -1935,6 +2078,10 @@ const ViewPackageDetails = val => {
|
|
|
|
|
position: relative; |
|
|
|
|
overflow-y: scroll; |
|
|
|
|
scroll-behavior: smooth; |
|
|
|
|
.e_ico { |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
} |
|
|
|
|
.img { |
|
|
|
|
width: 50px; |
|
|
|
|
height: 50px; |
|
|
|
|
@ -2046,4 +2193,10 @@ const ViewPackageDetails = val => {
|
|
|
|
|
font-size: 14px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.el_sub { |
|
|
|
|
width: 100%; |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: flex-end; |
|
|
|
|
margin: 4px 0; |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|
|
