|
|
|
@ -44,7 +44,7 @@
|
|
|
|
|
</el-form-item> |
|
|
|
|
</div> |
|
|
|
|
<el-tabs type="border-card" class="PackageInformation"> |
|
|
|
|
<el-tab-pane label="包件信息"> |
|
|
|
|
<el-tab-pane :label="`包件信息-总件数${PackageInfo.length}`"> |
|
|
|
|
<div class="ResponsibilityBoxS"> |
|
|
|
|
<div class="el_btbox" v-for="(item, index) in PackageInfo" :key="index"> |
|
|
|
|
<div class="leftbox"> |
|
|
|
@ -79,9 +79,9 @@
|
|
|
|
|
</el-form-item> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="NumTotal"> |
|
|
|
|
<!-- <div class="NumTotal"> |
|
|
|
|
<span>总件数:{{ PackageInfo.length }}</span> |
|
|
|
|
</div> |
|
|
|
|
</div> --> |
|
|
|
|
</div> |
|
|
|
|
</el-tab-pane> |
|
|
|
|
</el-tabs> |
|
|
|
@ -172,21 +172,23 @@
|
|
|
|
|
disabled |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 干线卸车 --> |
|
|
|
|
<el-form-item |
|
|
|
|
label="责任方" |
|
|
|
|
class="processor_box" |
|
|
|
|
style="width: 42%" |
|
|
|
|
v-if="displaySettings.processorEntityList" |
|
|
|
|
> |
|
|
|
|
<el-select |
|
|
|
|
|
|
|
|
|
v-model="endFrom.processorEntityList" |
|
|
|
|
placeholder="请选择责任方" |
|
|
|
|
disabled |
|
|
|
|
multiple |
|
|
|
|
filterable |
|
|
|
|
clearable |
|
|
|
|
collapse-tags-tooltip |
|
|
|
|
collapse-tags |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in warehouseData" |
|
|
|
@ -201,7 +203,6 @@
|
|
|
|
|
class="processor_box" |
|
|
|
|
label="处理方" |
|
|
|
|
v-if="displaySettings.processor" |
|
|
|
|
style="width: 42%" |
|
|
|
|
> |
|
|
|
|
<el-select |
|
|
|
|
v-model="endFrom.processor" |
|
|
|
@ -211,6 +212,8 @@
|
|
|
|
|
default-first-option |
|
|
|
|
:reserve-keyword="false" |
|
|
|
|
disabled |
|
|
|
|
collapse-tags-tooltip |
|
|
|
|
collapse-tags |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in warehouseData" |
|
|
|
@ -220,10 +223,11 @@
|
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-form-item |
|
|
|
|
style="min-width: 100%" |
|
|
|
|
label="调查经过" |
|
|
|
|
class="inpuit_Investigationprocess" |
|
|
|
|
v-if="displaySettings.investigationProcess" |
|
|
|
|
> |
|
|
|
|
<el-input v-model="endFrom.investigationProcess" disabled /> |
|
|
|
@ -233,7 +237,7 @@
|
|
|
|
|
</el-tab-pane> |
|
|
|
|
</el-tabs> |
|
|
|
|
|
|
|
|
|
<el-tabs type="border-card" class="Responsible_box" v-if="FangAddList.length"> |
|
|
|
|
<el-tabs type="border-card" class="Responsible_box" v-if="endFrom.discoveryNode !='3'"> |
|
|
|
|
<el-tab-pane label="内部责任划分"> |
|
|
|
|
<div class="ResponsibilityBox"> |
|
|
|
|
<div></div> |
|
|
|
@ -296,7 +300,7 @@
|
|
|
|
|
<span class="title">金额(元)</span> |
|
|
|
|
<el-input |
|
|
|
|
v-model="item.responsibilityRatio" |
|
|
|
|
placeholder="请输入占比 " |
|
|
|
|
placeholder="请输入金额 " |
|
|
|
|
clearable |
|
|
|
|
:rows="2" |
|
|
|
|
disabled |
|
|
|
@ -330,7 +334,7 @@
|
|
|
|
|
<div class="selector"> |
|
|
|
|
<div class="el-form-item selector"> |
|
|
|
|
<el-tabs type="border-card" style="width: 100%"> |
|
|
|
|
<el-tab-pane label="处理结果"> |
|
|
|
|
<el-tab-pane :label="`处理结果-总金额${TotalClaimAmount || 0}`"> |
|
|
|
|
<el-select |
|
|
|
|
v-model="endFrom.result" |
|
|
|
|
multiple |
|
|
|
@ -420,9 +424,9 @@
|
|
|
|
|
type="textarea" |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
<div class="el_tool"> |
|
|
|
|
<!-- <div class="el_tool"> |
|
|
|
|
<span>总金额:{{ TotalClaimAmount }}元</span> |
|
|
|
|
</div> |
|
|
|
|
</div> --> |
|
|
|
|
</div> |
|
|
|
|
</el-tab-pane> |
|
|
|
|
</el-tabs> |
|
|
|
@ -722,6 +726,9 @@
|
|
|
|
|
multiple |
|
|
|
|
filterable |
|
|
|
|
default-first-option |
|
|
|
|
collapse-tags-tooltip |
|
|
|
|
collapse-tags |
|
|
|
|
:max-collapse-tags="3" |
|
|
|
|
:reserve-keyword="false" |
|
|
|
|
placeholder="请选择处理方" |
|
|
|
|
@change="Msgresponsibility" |
|
|
|
@ -3050,7 +3057,6 @@ const AppealEstablished = () => {
|
|
|
|
|
height: 300px !important; |
|
|
|
|
} |
|
|
|
|
.Improveinformation { |
|
|
|
|
margin-top: 32px; |
|
|
|
|
width: 100%; |
|
|
|
|
|
|
|
|
|
:deep(.custom-tabs-label) { |
|
|
|
@ -3072,6 +3078,9 @@ const AppealEstablished = () => {
|
|
|
|
|
display: flex; |
|
|
|
|
justify-content: flex-start; |
|
|
|
|
} |
|
|
|
|
:deep(.el-tabs__content){ |
|
|
|
|
padding: 0 10px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.payanindemnity { |
|
|
|
|
display: flex; |
|
|
|
@ -3437,16 +3446,23 @@ const AppealEstablished = () => {
|
|
|
|
|
display: flex; |
|
|
|
|
justify-content: flex-end; |
|
|
|
|
} |
|
|
|
|
.PackageInformation { |
|
|
|
|
:deep(.PackageInformation) { |
|
|
|
|
width: 100%; |
|
|
|
|
margin-bottom: 10px; |
|
|
|
|
margin-bottom: 4px; |
|
|
|
|
.is-active{ |
|
|
|
|
font-weight: bold; |
|
|
|
|
} |
|
|
|
|
.el-tabs__content{ |
|
|
|
|
padding: 0 12px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.ResponsibilityBoxS { |
|
|
|
|
width: 100%; |
|
|
|
|
display: flex; |
|
|
|
|
flex-direction: column; |
|
|
|
|
margin-bottom: 10px; |
|
|
|
|
margin-bottom:2px; |
|
|
|
|
justify-content: flex-start; |
|
|
|
|
|
|
|
|
|
.leftbox { |
|
|
|
|
width: 100%; |
|
|
|
|
display: flex; |
|
|
|
@ -3480,7 +3496,7 @@ const AppealEstablished = () => {
|
|
|
|
|
} |
|
|
|
|
.el_btbox { |
|
|
|
|
display: flex; |
|
|
|
|
margin-top: 10px; |
|
|
|
|
margin-top: 2px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.NumTotal { |
|
|
|
@ -3623,22 +3639,26 @@ const AppealEstablished = () => {
|
|
|
|
|
:deep(.is-active) { |
|
|
|
|
font-weight: bold; |
|
|
|
|
} |
|
|
|
|
:deep(.el-tabs__content){ |
|
|
|
|
padding: 0 12px; |
|
|
|
|
} |
|
|
|
|
.el_information { |
|
|
|
|
width: 100%; |
|
|
|
|
display: flex; |
|
|
|
|
flex-wrap: wrap; |
|
|
|
|
|
|
|
|
|
:deep(.el-form-item) { |
|
|
|
|
width: 16%; |
|
|
|
|
width: 19%; |
|
|
|
|
height: auto; |
|
|
|
|
display: flex; |
|
|
|
|
align-items: flex-start; |
|
|
|
|
flex-direction: column; |
|
|
|
|
flex-direction: row; |
|
|
|
|
flex: none; |
|
|
|
|
margin: 2px 0; |
|
|
|
|
margin-right: 4px; |
|
|
|
|
margin-bottom: 0; |
|
|
|
|
.el-form-item__label { |
|
|
|
|
margin-left: 0; |
|
|
|
|
padding-right: 2px; |
|
|
|
|
} |
|
|
|
|
.el-form-item__content { |
|
|
|
|
width: 100% !important; |
|
|
|
@ -3653,6 +3673,25 @@ const AppealEstablished = () => {
|
|
|
|
|
.el-select { |
|
|
|
|
width: 100; |
|
|
|
|
} |
|
|
|
|
.inpuit_Investigationprocess{ |
|
|
|
|
display: flex; |
|
|
|
|
flex-direction: row !important; |
|
|
|
|
margin: 2px 0; |
|
|
|
|
} |
|
|
|
|
.processor_box{ |
|
|
|
|
display: flex; |
|
|
|
|
flex-direction: row !important; |
|
|
|
|
margin: 2px 0; |
|
|
|
|
} |
|
|
|
|
:deep(.el_Responsibilityhandling){ |
|
|
|
|
width: 100%; |
|
|
|
|
display: flex; |
|
|
|
|
margin: 3px 0; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
.el-form-item{ |
|
|
|
|
margin: 0; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
:deep(.el_Processingresults) { |
|
|
|
|
display: flex; |
|
|
|
@ -3707,7 +3746,7 @@ const AppealEstablished = () => {
|
|
|
|
|
} |
|
|
|
|
:deep(.Responsible_box) { |
|
|
|
|
width: 100%; |
|
|
|
|
margin-top: 10px; |
|
|
|
|
margin-top: 4px; |
|
|
|
|
.is-active { |
|
|
|
|
font-weight: bold; |
|
|
|
|
} |
|
|
|
|