|
|
|
@ -9,9 +9,9 @@
|
|
|
|
|
|
|
|
|
|
<div class="contemtMax"> |
|
|
|
|
<div class="left"> |
|
|
|
|
<el-form :model="endFrom" label-width="120px" > |
|
|
|
|
<el-form :model="endFrom" label-width="120px"> |
|
|
|
|
<el-form-item label="运单商场"> |
|
|
|
|
<el-input v-model="endFrom.waybillMall" disabled placeholder="请输入运单商场" /> |
|
|
|
|
<el-input v-model="endFrom.waybillMall" disabled placeholder="请输入运单商场" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<!-- <el-form-item label="运单号"> |
|
|
|
@ -53,12 +53,12 @@
|
|
|
|
|
</el-form-item> --> |
|
|
|
|
|
|
|
|
|
<el-form-item label="异常类型"> |
|
|
|
|
<el-input v-model="endFrom.workOrderType" disabled placeholder="异常类型" /> |
|
|
|
|
<el-input v-model="endFrom.workOrderType" disabled placeholder="异常类型" /> |
|
|
|
|
<!-- workOrderStatus --> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="车次号"> |
|
|
|
|
<el-input v-model="endFrom.trainNumber" disabled placeholder="请输入车次号" /> |
|
|
|
|
<el-input v-model="endFrom.trainNumber" disabled placeholder="请输入车次号" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="运损时间"> |
|
|
|
@ -83,7 +83,7 @@
|
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="钉钉流程号"> |
|
|
|
|
<el-input v-model="endFrom.processNumber" disabled placeholder="请输入钉钉流程号" /> |
|
|
|
|
<el-input v-model="endFrom.processNumber" disabled placeholder="请输入钉钉流程号" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="处理方"> |
|
|
|
@ -105,9 +105,7 @@
|
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item> |
|
|
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item> </el-form-item> |
|
|
|
|
<div class="el_dcl"> |
|
|
|
|
<!-- <div class="selector"> |
|
|
|
|
<div class="el-form-item"> |
|
|
|
@ -165,13 +163,15 @@
|
|
|
|
|
<el-tabs type="border-card" class="PackageInformation"> |
|
|
|
|
<el-tab-pane label="包件信息"> |
|
|
|
|
<div class="ResponsibilityBoxS"> |
|
|
|
|
<div><el-button type="primary" @click="AddPackage" disabled> 添加信息 </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 |
|
|
|
|
disabled |
|
|
|
|
v-model="item.packageCode" |
|
|
|
|
placeholder="请输入包条码" |
|
|
|
|
clearable |
|
|
|
@ -182,12 +182,22 @@
|
|
|
|
|
|
|
|
|
|
<div class="maxBox"> |
|
|
|
|
<span class="title">订单自编码:</span> |
|
|
|
|
<el-input v-model="item.orderCode" placeholder="请输入订单自编号" clearable disabled/> |
|
|
|
|
<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 disabled/> |
|
|
|
|
<el-input |
|
|
|
|
v-model="item.waybillNumber" |
|
|
|
|
placeholder="请输入运单号" |
|
|
|
|
clearable |
|
|
|
|
disabled |
|
|
|
|
/> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
@ -195,7 +205,9 @@
|
|
|
|
|
<el-button v-if="item.state" type="primary" @click="historicalPackages(index)"> |
|
|
|
|
查看历史包件 |
|
|
|
|
</el-button> |
|
|
|
|
<el-button type="primary" @click="PackagRemoval(index)" disabled> 移除 </el-button> |
|
|
|
|
<el-button type="primary" @click="PackagRemoval(index)" disabled> |
|
|
|
|
移除 |
|
|
|
|
</el-button> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="NumTotal"> |
|
|
|
@ -209,7 +221,9 @@
|
|
|
|
|
<el-tab-pane label="责任方选择"> |
|
|
|
|
<div class="ResponsibilityBox"> |
|
|
|
|
<div> |
|
|
|
|
<el-button type="primary" @click="responsibleParty" disabled> 添加信息 </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"> |
|
|
|
@ -237,6 +251,7 @@
|
|
|
|
|
v-else |
|
|
|
|
v-model="item.businessName" |
|
|
|
|
filterable |
|
|
|
|
disabled |
|
|
|
|
placeholder="请选择责任方" |
|
|
|
|
@change="ResponsiblePartychange(item.businessName, index)" |
|
|
|
|
> |
|
|
|
@ -256,6 +271,7 @@
|
|
|
|
|
clearable |
|
|
|
|
filterable |
|
|
|
|
placeholder="请选责任人" |
|
|
|
|
disabled |
|
|
|
|
@change="personResponsiblechange(item.personResponsibleName, index)" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
@ -273,6 +289,7 @@
|
|
|
|
|
placeholder="请输入占比 " |
|
|
|
|
clearable |
|
|
|
|
:rows="2" |
|
|
|
|
disabled |
|
|
|
|
@input="ProportionInput" |
|
|
|
|
/> |
|
|
|
|
</div> |
|
|
|
@ -283,11 +300,12 @@
|
|
|
|
|
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> |
|
|
|
@ -426,7 +444,6 @@
|
|
|
|
|
format="YYYY-MM-DD" |
|
|
|
|
value-format="YYYY-MM-DD HH:mm:ss" |
|
|
|
|
placeholder="请选择运理赔支付时间" |
|
|
|
|
:disabled="FromDisabled" |
|
|
|
|
/> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
@ -434,7 +451,6 @@
|
|
|
|
|
<el-form-item label="处理结果说明"> |
|
|
|
|
<el-input |
|
|
|
|
v-model="endFrom.resultDescription" |
|
|
|
|
:disabled="FromDisabled" |
|
|
|
|
placeholder="请输入处理结果说明" |
|
|
|
|
clearable |
|
|
|
|
/> |
|
|
|
@ -470,9 +486,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> |
|
|
|
|
|
|
|
|
|
<!-- 视频 --> |
|
|
|
@ -567,8 +583,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" |
|
|
|
@ -593,7 +615,8 @@
|
|
|
|
|
</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 ? '已回复' : '已超时' }} |
|
|
|
@ -658,13 +681,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" |
|
|
|
@ -735,6 +752,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); //理赔总金额 |
|
|
|
@ -987,7 +1005,6 @@ const onLoad = () => {
|
|
|
|
|
getDictionaryBiz('pc_work_order').then(res => { |
|
|
|
|
//处理结果字典 |
|
|
|
|
console.log(res, '环节字典'); |
|
|
|
|
ProcessingResults.value = res.data.data; |
|
|
|
|
endFrom.value.workOrderType = res.data.data.find( |
|
|
|
|
res => res.dictKey == endFrom.value.workOrderType |
|
|
|
|
).dictValue; //异常类型回显 |
|
|
|
@ -1001,12 +1018,17 @@ const onLoad = () => {
|
|
|
|
|
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; |
|
|
|
|
companyProportion.value = 100 - sum; |
|
|
|
|
|
|
|
|
|
// updateDictionary(columnList[2].checkarr, 'pc_work_order'); //异常类型 |
|
|
|
|
// updateDictionary(columnList[3].checkarr, 'pc_discovery_node'); //发现环节 |
|
|
|
@ -1086,7 +1108,6 @@ const Chathistory = () => {
|
|
|
|
|
$_getSurveyRecord({ |
|
|
|
|
id: $route.query.id, |
|
|
|
|
}).then(res => { |
|
|
|
|
|
|
|
|
|
let filetype = ''; //文件类型 |
|
|
|
|
MessageContent.value = []; //先清空内容,防止内容重复叠加 |
|
|
|
|
Msgloading.value = false; //关闭加载效果 |
|
|
|
@ -1727,19 +1748,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%; |
|
|
|
|
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) { |
|
|
|
@ -1791,7 +1812,7 @@ const ViewPackageDetails = val => {
|
|
|
|
|
width: 45%; |
|
|
|
|
span { |
|
|
|
|
display: block; |
|
|
|
|
width: 118px; |
|
|
|
|
width: 30%; |
|
|
|
|
color: #606266; |
|
|
|
|
font-size: 16px; |
|
|
|
|
} |
|
|
|
@ -1925,7 +1946,7 @@ const ViewPackageDetails = val => {
|
|
|
|
|
font-size: 14px; |
|
|
|
|
padding: 10px; |
|
|
|
|
cursor: pointer; |
|
|
|
|
width: 190px; |
|
|
|
|
width: 100px; |
|
|
|
|
} |
|
|
|
|
.Paymentname:hover { |
|
|
|
|
border: 1px solid #172e60; |
|
|
|
@ -1934,6 +1955,11 @@ const ViewPackageDetails = val => {
|
|
|
|
|
.el-radio { |
|
|
|
|
padding: 0 8px; |
|
|
|
|
} |
|
|
|
|
.el-radio-group { |
|
|
|
|
width: 100%; |
|
|
|
|
justify-content: center; |
|
|
|
|
align-items: center; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.paySum { |
|
|
|
|
margin-top: 36px; |
|
|
|
@ -1976,6 +2002,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 { |
|
|
|
@ -2046,6 +2075,10 @@ const ViewPackageDetails = val => {
|
|
|
|
|
position: relative; |
|
|
|
|
overflow-y: scroll; |
|
|
|
|
scroll-behavior: smooth; |
|
|
|
|
.e_ico { |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
} |
|
|
|
|
.img { |
|
|
|
|
width: 50px; |
|
|
|
|
height: 50px; |
|
|
|
|