|
|
|
@ -50,6 +50,12 @@
|
|
|
|
|
|
|
|
|
|
<el-tabs type="border-card" class="PackageInformation"> |
|
|
|
|
<el-tab-pane label="包件信息"> |
|
|
|
|
<template #label> |
|
|
|
|
<span class="custom-tabs-label"> |
|
|
|
|
<el-icon><Box /></el-icon> |
|
|
|
|
<span>包件信息</span> |
|
|
|
|
</span> |
|
|
|
|
</template> |
|
|
|
|
<div class="ResponsibilityBoxS"> |
|
|
|
|
<div class="el_btbox" v-for="(item, index) in PackageInfo" :key="index"> |
|
|
|
|
<div class="leftbox"> |
|
|
|
@ -280,7 +286,13 @@
|
|
|
|
|
<el-form-item v-if="isShowFormItem2"> </el-form-item> |
|
|
|
|
|
|
|
|
|
<el-tabs type="border-card" class="el_nint"> |
|
|
|
|
<el-tab-pane label="内部责任划分"> |
|
|
|
|
<el-tab-pane> |
|
|
|
|
<template #label> |
|
|
|
|
<span class="custom-tabs-label"> |
|
|
|
|
<el-icon><List /></el-icon> |
|
|
|
|
<span>内部责任划分</span> |
|
|
|
|
</span> |
|
|
|
|
</template> |
|
|
|
|
<div class="ResponsibilityBox"> |
|
|
|
|
<div class="el_btbox" v-for="(item, index) in FangAddList" :key="index"> |
|
|
|
|
<div class="leftbox"> |
|
|
|
@ -382,7 +394,13 @@
|
|
|
|
|
</el-tabs> |
|
|
|
|
</el-form> |
|
|
|
|
<el-tabs type="border-card" class="el_Processingresults"> |
|
|
|
|
<el-tab-pane label="处理结果"> |
|
|
|
|
<el-tab-pane> |
|
|
|
|
<template #label> |
|
|
|
|
<span class="custom-tabs-label"> |
|
|
|
|
<el-icon><EditPen /></el-icon> |
|
|
|
|
<span>处理结果</span> |
|
|
|
|
</span> |
|
|
|
|
</template> |
|
|
|
|
<div class="selector"> |
|
|
|
|
<el-select |
|
|
|
|
v-model="Indexform.result" |
|
|
|
@ -391,6 +409,7 @@
|
|
|
|
|
default-first-option |
|
|
|
|
:reserve-keyword="false" |
|
|
|
|
placeholder="请选择处理结果" |
|
|
|
|
disabled |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in ProcessingResults" |
|
|
|
@ -405,11 +424,10 @@
|
|
|
|
|
<div class="title">处理结果-理赔金额</div> |
|
|
|
|
<div class="Listadmiration"> |
|
|
|
|
<div class="name" v-for="(item, index) in ProcessingList" :key="index"> |
|
|
|
|
|
|
|
|
|
<div class="payment_right"> |
|
|
|
|
<div class="el_titleName"> |
|
|
|
|
<span>{{ item.name }}</span> |
|
|
|
|
<el-input class="money" v-model="item.input" /> |
|
|
|
|
<el-input disabled class="money" v-model="item.input" /> |
|
|
|
|
</div> |
|
|
|
|
<div class="el_titleName"> |
|
|
|
|
<span>支付方式</span> |
|
|
|
@ -421,7 +439,7 @@
|
|
|
|
|
<div class="el_titleName"> |
|
|
|
|
<span>支付单位</span> |
|
|
|
|
<div class="el_PaymentUnit"> |
|
|
|
|
<el-input v-model="item.paymentUnit" placeholder="支付单位" /> |
|
|
|
|
<el-input disabled v-model="item.paymentUnit" placeholder="支付单位" /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
@ -433,6 +451,7 @@
|
|
|
|
|
format="YYYY-MM-DD" |
|
|
|
|
value-format="YYYY-MM-DD HH:mm:ss" |
|
|
|
|
placeholder="理赔支付时间" |
|
|
|
|
disabled |
|
|
|
|
/> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
@ -440,8 +459,87 @@
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="el_tool"> |
|
|
|
|
<span>总金额:{{ TotalClaimAmount }}</span> |
|
|
|
|
<span>总金额:{{ TotalClaimAmount }}元</span> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</el-tab-pane> |
|
|
|
|
</el-tabs> |
|
|
|
|
|
|
|
|
|
<!-- 完结信息 --> |
|
|
|
|
<el-tabs |
|
|
|
|
type="border-card" |
|
|
|
|
class="demo-tabs el-endtabs" |
|
|
|
|
v-if="UserPermissions != '仓库客服'" |
|
|
|
|
> |
|
|
|
|
<el-tab-pane> |
|
|
|
|
<template #label> |
|
|
|
|
<span class="custom-tabs-label"> |
|
|
|
|
<el-icon><calendar /></el-icon> |
|
|
|
|
<span>完结信息</span> |
|
|
|
|
</span> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<div class="payanindemnity" v-for="(item, index) in CompensationParty" :key="index"> |
|
|
|
|
<div class="el_pklab"> |
|
|
|
|
<span class="title" :style="{ color: item.state != 0 ? '#000' : '#F56C6C' }" |
|
|
|
|
>{{ item.state == 0 ? '赔款方' : '受款方' }}{{ item.cld }}</span |
|
|
|
|
> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="el_pkLi"> |
|
|
|
|
<div class="sk_input"> |
|
|
|
|
<el-input |
|
|
|
|
v-model="item.name" |
|
|
|
|
:placeholder="item.state == 0 ? '暂无赔款方' : '暂无受款方'" |
|
|
|
|
disabled |
|
|
|
|
/> |
|
|
|
|
</div> |
|
|
|
|
<div class="sk_input"> |
|
|
|
|
<el-input v-model="item.reason" placeholder="暂无原因" disabled /> |
|
|
|
|
</div> |
|
|
|
|
<div class="sk_input"> |
|
|
|
|
<el-input |
|
|
|
|
@input="amountMoney" |
|
|
|
|
:min="0" |
|
|
|
|
v-model="item.num" |
|
|
|
|
placeholder="金额" |
|
|
|
|
disabled |
|
|
|
|
/> |
|
|
|
|
</div> |
|
|
|
|
<!-- 赔款方是那个仓库的 --> |
|
|
|
|
<div class="sk_input" v-if="item.state == 0"> |
|
|
|
|
<el-select v-model="item.warehouseId" disabled filterable placeholder="暂无仓库"> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in warehouseData" |
|
|
|
|
:key="item.value" |
|
|
|
|
:label="item.label" |
|
|
|
|
: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"> |
|
|
|
|
<el-input |
|
|
|
|
v-model="item.compensationPersonnel" |
|
|
|
|
placeholder="暂无责任人" |
|
|
|
|
clearable |
|
|
|
|
:rows="2" |
|
|
|
|
disabled |
|
|
|
|
/> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="sk_input" v-if="item.state == 1"></div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="paySum"> |
|
|
|
|
<span> |
|
|
|
|
<el-icon><Coin /></el-icon>赔款金额总和:<b>{{ TotalamountCompensation }}</b></span |
|
|
|
|
> |
|
|
|
|
<span> |
|
|
|
|
<el-icon><Coin /></el-icon>受款金额总和:<b>{{ TotalamountReceived }}</b></span |
|
|
|
|
> |
|
|
|
|
</div> |
|
|
|
|
</el-tab-pane> |
|
|
|
|
</el-tabs> |
|
|
|
@ -666,6 +764,31 @@ const msgHight = ref(100); //聊天框消息高度
|
|
|
|
|
const msgTop = ref(0); //调查记录距离页面吸顶记录 |
|
|
|
|
const msgState = ref(0); |
|
|
|
|
const Msgloading = ref(false); |
|
|
|
|
const TotalamountCompensation = ref(0); //赔款总金额 |
|
|
|
|
const TotalamountReceived = ref(0); //受款总金额 |
|
|
|
|
const CompensationParty = ref([ |
|
|
|
|
{ |
|
|
|
|
name: '', |
|
|
|
|
state: 0, |
|
|
|
|
num: null, |
|
|
|
|
reason: '', |
|
|
|
|
cld: 1, |
|
|
|
|
warehouseId: null, |
|
|
|
|
compensationPersonnel: '', |
|
|
|
|
}, //赔款方 |
|
|
|
|
// explains: '' |
|
|
|
|
{ |
|
|
|
|
name: '', |
|
|
|
|
state: 1, |
|
|
|
|
num: null, |
|
|
|
|
reason: '', |
|
|
|
|
cld: 1, |
|
|
|
|
warehouseId: null, |
|
|
|
|
compensationPersonnel: '', |
|
|
|
|
}, //受款方 |
|
|
|
|
// explains: '' |
|
|
|
|
]); //收/赔 |
|
|
|
|
|
|
|
|
|
// ======= |
|
|
|
|
|
|
|
|
|
const PackageInfo = ref([ |
|
|
|
@ -946,7 +1069,7 @@ const onLoad = () => {
|
|
|
|
|
item => { |
|
|
|
|
Indexform.value.result.push(item.resultType); |
|
|
|
|
return { |
|
|
|
|
input: item.money, |
|
|
|
|
input: item.money + '元', |
|
|
|
|
min: 0, |
|
|
|
|
max: 9999999999999999999999999999, |
|
|
|
|
state: item.resultType, |
|
|
|
@ -994,6 +1117,8 @@ const onLoad = () => {
|
|
|
|
|
cld: index + 1, |
|
|
|
|
id: item.id, |
|
|
|
|
accounting: item.accounting ? item.accounting : '', |
|
|
|
|
warehouseId: item.warehouseId, //仓库 |
|
|
|
|
compensationPersonnel: item.compensationPersonnel, //责任人 |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
@ -1392,18 +1517,19 @@ const isShowFormItem2 = computed(() => {
|
|
|
|
|
:deep(.el-input) { |
|
|
|
|
height: 100% !important; |
|
|
|
|
} |
|
|
|
|
:deep(.money){ |
|
|
|
|
:deep(.money) { |
|
|
|
|
width: 100px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
span { |
|
|
|
|
display: block; |
|
|
|
|
color: #606266; |
|
|
|
|
color: #000000; |
|
|
|
|
font-size: 16px; |
|
|
|
|
margin-right: 8px; |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
width: max-content; |
|
|
|
|
justify-content: flex-end; |
|
|
|
|
width: 80px; |
|
|
|
|
margin-left: 10px; |
|
|
|
|
} |
|
|
|
|
.el_titleName { |
|
|
|
|
display: flex; |
|
|
|
@ -1475,8 +1601,8 @@ const isShowFormItem2 = computed(() => {
|
|
|
|
|
font-size: 14px; |
|
|
|
|
border: 1px solid #ccc; |
|
|
|
|
padding: 4px 20px; |
|
|
|
|
color: #30316e; |
|
|
|
|
font-weight: normal; |
|
|
|
|
color: #000000; |
|
|
|
|
font-weight: 600; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.el_nint { |
|
|
|
@ -1673,4 +1799,50 @@ const isShowFormItem2 = computed(() => {
|
|
|
|
|
border-bottom: 1px solid #d5d5d563 !important; |
|
|
|
|
border-right: 1px solid #d5d5d563 !important; |
|
|
|
|
} |
|
|
|
|
.el-endtabs { |
|
|
|
|
margin-top: 10px; |
|
|
|
|
} |
|
|
|
|
:deep(.custom-tabs-label) { |
|
|
|
|
font-weight: bold; |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
.el-icon{ |
|
|
|
|
margin-right: 4px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.payanindemnity { |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
margin-top: 20px; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
.title { |
|
|
|
|
width: max-content; |
|
|
|
|
height: 100%; |
|
|
|
|
display: flex; |
|
|
|
|
display: block; |
|
|
|
|
align-items: center; |
|
|
|
|
} |
|
|
|
|
.sk_input { |
|
|
|
|
margin: 0 5px; |
|
|
|
|
margin-left: 20px; |
|
|
|
|
width: 20%; |
|
|
|
|
} |
|
|
|
|
.el-button { |
|
|
|
|
border: none; |
|
|
|
|
} |
|
|
|
|
.el_pkLi { |
|
|
|
|
display: flex; |
|
|
|
|
width: 100%; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.paySum { |
|
|
|
|
margin-top: 36px; |
|
|
|
|
font-size: 14px; |
|
|
|
|
display: flex; |
|
|
|
|
span { |
|
|
|
|
margin-right: 30px; |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|