|
|
|
|
@ -3,8 +3,8 @@
|
|
|
|
|
<div class="contemtMax"> |
|
|
|
|
<div class="left"> |
|
|
|
|
<el-tabs type="border-card" class="topClass" v-model="identifying"> |
|
|
|
|
<el-tab-pane label="订单信息" :name="1"></el-tab-pane> |
|
|
|
|
<el-tab-pane label="零担信息" :name="2"></el-tab-pane> |
|
|
|
|
<el-tab-pane label="订单信息" :name="1" :disabled="identifying == 2"></el-tab-pane> |
|
|
|
|
<el-tab-pane label="零担信息" :name="2" :disabled="identifying == 1"></el-tab-pane> |
|
|
|
|
</el-tabs> |
|
|
|
|
|
|
|
|
|
<el-form :model="endFrom" :rules="ruleForm" ref="ruleFormRef"> |
|
|
|
|
@ -39,13 +39,16 @@
|
|
|
|
|
clearable |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="创建时间" class="el_inputTop el_Workordernumber"> |
|
|
|
|
<el-input v-model="endFrom.createTime" disabled clearable /> |
|
|
|
|
</el-form-item> |
|
|
|
|
</div> |
|
|
|
|
<el-tabs type="border-card" class="PackageInformation"> |
|
|
|
|
<el-tab-pane label="包件信息"> |
|
|
|
|
<div class="ResponsibilityBoxS"> |
|
|
|
|
<div class="el_btbox" v-for="(item, index) in PackageInfo" :key="index"> |
|
|
|
|
<div class="leftbox"> |
|
|
|
|
<el-form-item label="包条码"> |
|
|
|
|
<el-form-item label="包条码" v-if="identifying == 1"> |
|
|
|
|
<el-tooltip :content="item.packageCode" placement="top"> |
|
|
|
|
<el-input v-model="item.packageCode" disabled /> |
|
|
|
|
</el-tooltip> |
|
|
|
|
@ -290,7 +293,7 @@
|
|
|
|
|
</el-select> |
|
|
|
|
</div> |
|
|
|
|
<div class="maxBox"> |
|
|
|
|
<span class="title">责任占比:</span> |
|
|
|
|
<span class="title">金额（元）</span> |
|
|
|
|
<el-input |
|
|
|
|
v-model="item.responsibilityRatio" |
|
|
|
|
placeholder="请输入占比 " |
|
|
|
|
@ -316,9 +319,9 @@
|
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="Proportion"> |
|
|
|
|
<!-- <div class="Proportion"> |
|
|
|
|
<span class="title">公司占比:{{ companyProportion }}%</span> |
|
|
|
|
</div> |
|
|
|
|
</div> --> |
|
|
|
|
</div> |
|
|
|
|
</el-tab-pane> |
|
|
|
|
</el-tabs> |
|
|
|
|
@ -425,139 +428,152 @@
|
|
|
|
|
</el-tabs> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<el-form :disabled="PermissionButton.Completed_presentation"> |
|
|
|
|
<el-tabs |
|
|
|
|
type="border-card" |
|
|
|
|
class="demo-tabs el-endtabs" |
|
|
|
|
v-if="PermissionButton.Completed_submission" |
|
|
|
|
> |
|
|
|
|
<el-tab-pane> |
|
|
|
|
<template #label> |
|
|
|
|
<span class="custom-tabs-label"> |
|
|
|
|
<el-icon><calendar /></el-icon> |
|
|
|
|
<span>完结信息</span> |
|
|
|
|
</span> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<el-tabs type="border-card" class="demo-tabs el-endtabs" v-if="routerState == 'end'"> |
|
|
|
|
<el-tab-pane> |
|
|
|
|
<template #label> |
|
|
|
|
<span class="custom-tabs-label"> |
|
|
|
|
<el-icon><calendar /></el-icon> |
|
|
|
|
<span>完结信息</span> |
|
|
|
|
</span> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<div class="el-ckbtn"> |
|
|
|
|
<div class="Compensationamount"> |
|
|
|
|
<el-button type="primary" @click="AddCompensation">添加赔款方</el-button> |
|
|
|
|
<span>{{ CompensationNum }}</span> |
|
|
|
|
</div> |
|
|
|
|
<div class="Compensationamount"> |
|
|
|
|
<el-button type="primary" @click="AddPayee">添加受款方</el-button> |
|
|
|
|
<span>{{ PayeeNum }}</span> |
|
|
|
|
<div class="el-ckbtn" v-if="!PermissionButton.Completed_presentation"> |
|
|
|
|
<div class="Compensationamount"> |
|
|
|
|
<el-button type="primary" @click="AddCompensation">添加赔款方</el-button> |
|
|
|
|
<span>{{ CompensationNum }}</span> |
|
|
|
|
</div> |
|
|
|
|
<div class="Compensationamount"> |
|
|
|
|
<el-button type="primary" @click="AddPayee">添加受款方</el-button> |
|
|
|
|
<span>{{ PayeeNum }}</span> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="payanindemnity" v-for="(item, index) in CompensationParty" :key="index"> |
|
|
|
|
<div style="display: flex"> |
|
|
|
|
<el-form-item |
|
|
|
|
:class="{ |
|
|
|
|
payanindemnity_title: item.state == 0, |
|
|
|
|
payanindemnity_titlecheck: item.warehouseIdcheck, |
|
|
|
|
}" |
|
|
|
|
:label="item.state == 0 ? '赔款方' : '受款方'" |
|
|
|
|
> |
|
|
|
|
<el-select |
|
|
|
|
style="width: 200px" |
|
|
|
|
v-model="item.warehouseId" |
|
|
|
|
filterable |
|
|
|
|
placeholder="请选择仓库" |
|
|
|
|
@change="warehouseChange(item, index)" |
|
|
|
|
|
|
|
|
|
<div |
|
|
|
|
class="payanindemnity" |
|
|
|
|
v-for="(item, index) in CompensationParty" |
|
|
|
|
:key="index" |
|
|
|
|
> |
|
|
|
|
<div style="display: flex"> |
|
|
|
|
<el-form-item |
|
|
|
|
:class="{ |
|
|
|
|
payanindemnity_title: item.state == 0, |
|
|
|
|
payanindemnity_titlecheck: item.warehouseIdcheck, |
|
|
|
|
}" |
|
|
|
|
:label="item.state == 0 ? '赔款方' : '受款方'" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in warehouseData" |
|
|
|
|
:key="item.value" |
|
|
|
|
:label="item.label" |
|
|
|
|
:value="item.value" |
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-select |
|
|
|
|
style="width: 200px" |
|
|
|
|
v-model="item.warehouseId" |
|
|
|
|
filterable |
|
|
|
|
placeholder="请选择仓库" |
|
|
|
|
@change="warehouseChange(item, index)" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in warehouseData" |
|
|
|
|
:key="item.value" |
|
|
|
|
:label="item.label" |
|
|
|
|
:value="item.value" |
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="责任人" v-if="item.state == 0"> |
|
|
|
|
<el-input |
|
|
|
|
v-model="item.compensationPersonnel" |
|
|
|
|
placeholder="请填写责任人" |
|
|
|
|
:rows="2" |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="责任人" v-if="item.state == 0"> |
|
|
|
|
<el-input |
|
|
|
|
v-model="item.compensationPersonnel" |
|
|
|
|
placeholder="请填写责任人" |
|
|
|
|
:rows="2" |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item |
|
|
|
|
label="原 . 因" |
|
|
|
|
:class="{ |
|
|
|
|
payanindemnity_reason: item.state == 0, |
|
|
|
|
payanindemnity_reasoncheck: item.reasoncheck, |
|
|
|
|
}" |
|
|
|
|
> |
|
|
|
|
<el-input |
|
|
|
|
v-model="item.reason" |
|
|
|
|
placeholder="请填写原因" |
|
|
|
|
@blur="reasonChange(item, index)" |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item |
|
|
|
|
label="原 . 因" |
|
|
|
|
:class="{ |
|
|
|
|
payanindemnity_reason: item.state == 0, |
|
|
|
|
payanindemnity_reasoncheck: item.reasoncheck, |
|
|
|
|
}" |
|
|
|
|
> |
|
|
|
|
<el-input |
|
|
|
|
v-model="item.reason" |
|
|
|
|
placeholder="请填写原因" |
|
|
|
|
@blur="reasonChange(item, index)" |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="金额(元)"> |
|
|
|
|
<el-input-number |
|
|
|
|
v-model="item.num" |
|
|
|
|
:min="0" |
|
|
|
|
:controls="false" |
|
|
|
|
:value-on-clear="0" |
|
|
|
|
:precision="2" |
|
|
|
|
@change="amountMoney" |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
</div> |
|
|
|
|
<div style="display: flex"> |
|
|
|
|
<div class="el_cwBtn"> |
|
|
|
|
<!-- <el-button |
|
|
|
|
<el-form-item label="金额(元)"> |
|
|
|
|
<el-input-number |
|
|
|
|
v-model="item.num" |
|
|
|
|
:min="0" |
|
|
|
|
:controls="false" |
|
|
|
|
:value-on-clear="0" |
|
|
|
|
:precision="2" |
|
|
|
|
@change="amountMoney" |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
</div> |
|
|
|
|
<div style="display: flex"> |
|
|
|
|
<div class="el_cwBtn"> |
|
|
|
|
<!-- <el-button |
|
|
|
|
type="primary" |
|
|
|
|
v-if="item.state == 0 && UserPermissions != '职能客服' && item.accounting!='1'" |
|
|
|
|
@click="accountingBtn(item)" |
|
|
|
|
> |
|
|
|
|
财务处理 |
|
|
|
|
</el-button> --> |
|
|
|
|
<el-button type="primary" v-if="item.button" @click="payremove(item, index)"> |
|
|
|
|
移除 |
|
|
|
|
</el-button> |
|
|
|
|
<el-button |
|
|
|
|
type="primary" |
|
|
|
|
v-if="item.button && !PermissionButton.Completed_presentation" |
|
|
|
|
@click="payremove(item, index)" |
|
|
|
|
> |
|
|
|
|
移除 |
|
|
|
|
</el-button> |
|
|
|
|
</div> |
|
|
|
|
</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> |
|
|
|
|
|
|
|
|
|
<!-- 仲裁原因说明 --> |
|
|
|
|
<div class="arbitrate" v-if="routerState == 'end'"> |
|
|
|
|
<el-tabs |
|
|
|
|
type="border-card" |
|
|
|
|
:class="{ |
|
|
|
|
Reason_arbitration_tip: ReasonarbClass, |
|
|
|
|
'demo-tabs Reason_arbitration': true, |
|
|
|
|
}" |
|
|
|
|
> |
|
|
|
|
<el-tab-pane> |
|
|
|
|
<template #label> |
|
|
|
|
<span class="custom-tabs-label"> |
|
|
|
|
<el-icon><calendar /></el-icon> |
|
|
|
|
<span>仲裁原因</span> |
|
|
|
|
</span> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<el-input |
|
|
|
|
v-model="endFrom.arbitrate" |
|
|
|
|
type="textarea" |
|
|
|
|
:autosize="{ minRows: 5, maxRows: 4 }" |
|
|
|
|
placeholder="请输入仲裁原因" |
|
|
|
|
/> |
|
|
|
|
<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> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- 仲裁原因说明 --> |
|
|
|
|
<div class="arbitrate" v-if="PermissionButton.Completed_submission"> |
|
|
|
|
<el-tabs |
|
|
|
|
type="border-card" |
|
|
|
|
:class="{ |
|
|
|
|
Reason_arbitration_tip: ReasonarbClass, |
|
|
|
|
'demo-tabs Reason_arbitration': true, |
|
|
|
|
}" |
|
|
|
|
> |
|
|
|
|
<el-tab-pane> |
|
|
|
|
<template #label> |
|
|
|
|
<span class="custom-tabs-label"> |
|
|
|
|
<el-icon><calendar /></el-icon> |
|
|
|
|
<span>仲裁原因</span> |
|
|
|
|
</span> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<el-input |
|
|
|
|
v-model="endFrom.arbitrate" |
|
|
|
|
type="textarea" |
|
|
|
|
:autosize="{ minRows: 5, maxRows: 4 }" |
|
|
|
|
placeholder="请输入仲裁原因" |
|
|
|
|
/> |
|
|
|
|
</el-tab-pane> |
|
|
|
|
</el-tabs> |
|
|
|
|
</div> |
|
|
|
|
</el-form> |
|
|
|
|
<!-- 图片 --> |
|
|
|
|
<el-tabs |
|
|
|
|
class="Transport_damage_photos" |
|
|
|
|
@ -606,7 +622,14 @@
|
|
|
|
|
|
|
|
|
|
<div class="el_sub"> |
|
|
|
|
<el-button |
|
|
|
|
v-if="PermissionButton.Completed_submission" |
|
|
|
|
v-if="PermissionButton.Headquarters_completion" |
|
|
|
|
type="primary" |
|
|
|
|
class="button" |
|
|
|
|
@click="resultreturnedFun" |
|
|
|
|
>结果驳回</el-button |
|
|
|
|
> |
|
|
|
|
<el-button |
|
|
|
|
v-if="PermissionButton.Headquarters_completion" |
|
|
|
|
type="primary" |
|
|
|
|
class="button" |
|
|
|
|
@click="submitCompletion" |
|
|
|
|
@ -632,7 +655,7 @@
|
|
|
|
|
type="primary" |
|
|
|
|
class="button" |
|
|
|
|
@click="submitresults(3)" |
|
|
|
|
>处理结果修改提交</el-button |
|
|
|
|
>处理结果提交</el-button |
|
|
|
|
> |
|
|
|
|
<el-button |
|
|
|
|
v-if="PermissionButton.Processing_result_modification" |
|
|
|
|
@ -662,6 +685,27 @@
|
|
|
|
|
@click="CustomerServiceCompleted" |
|
|
|
|
>客服仲裁完结</el-button |
|
|
|
|
> |
|
|
|
|
<el-button type="primary" v-if="PermissionButton.repulse" @click="BatchReturn" |
|
|
|
|
>完结打回</el-button |
|
|
|
|
> |
|
|
|
|
<el-button |
|
|
|
|
type="primary" |
|
|
|
|
v-if="PermissionButton.Processing_confirmation" |
|
|
|
|
@click="ResultConfirmation" |
|
|
|
|
>完结审核确认</el-button |
|
|
|
|
> |
|
|
|
|
<el-button |
|
|
|
|
type="primary" |
|
|
|
|
v-if="PermissionButton.Appeal_establishment_button" |
|
|
|
|
@click="AppealEstablished" |
|
|
|
|
>申诉成立</el-button |
|
|
|
|
> |
|
|
|
|
<el-button |
|
|
|
|
type="primary" |
|
|
|
|
v-if="PermissionButton.Appeal_rejection_button" |
|
|
|
|
@click="AppealRejection" |
|
|
|
|
>申诉驳回</el-button |
|
|
|
|
> |
|
|
|
|
<!-- <el-button |
|
|
|
|
v-if="$route.query.RouteIndexs == '0' && $route.query.workOrderStatus != '21'" |
|
|
|
|
type="primary" |
|
|
|
|
@ -807,7 +851,7 @@
|
|
|
|
|
:action="doubledCount" |
|
|
|
|
:headers="headers" |
|
|
|
|
:on-success="fellSuccess" |
|
|
|
|
:limit="3" |
|
|
|
|
:limit="4" |
|
|
|
|
multiple |
|
|
|
|
> |
|
|
|
|
<template #trigger> |
|
|
|
|
@ -834,9 +878,9 @@
|
|
|
|
|
/> |
|
|
|
|
</el-select> --> |
|
|
|
|
</div> |
|
|
|
|
<el-button type="primary" class="el_next" @click="NextRecord()"> |
|
|
|
|
<!-- <el-button type="primary" class="el_next" @click="NextRecord()"> |
|
|
|
|
下一条 |
|
|
|
|
</el-button> |
|
|
|
|
</el-button> --> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<el-input |
|
|
|
|
@ -899,8 +943,51 @@
|
|
|
|
|
</span> |
|
|
|
|
</template> |
|
|
|
|
</el-dialog> |
|
|
|
|
<!-- 结果打回弹窗 --> |
|
|
|
|
<el-dialog v-model="dialogReturn" title="结果驳回" width="40%" draggable class="plAllret"> |
|
|
|
|
<el-form |
|
|
|
|
v-loading="repulse" |
|
|
|
|
element-loading-text="正在打回中..." |
|
|
|
|
label-position="top" |
|
|
|
|
label-width="100px" |
|
|
|
|
:model="BatchFrom" |
|
|
|
|
> |
|
|
|
|
<el-form-item label="打回原因"> |
|
|
|
|
<el-input v-model="BatchFrom.txt" type="textarea" :rows="4" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="流转营业部"> |
|
|
|
|
<el-select |
|
|
|
|
v-model="BatchFrom.businessDepartment" |
|
|
|
|
multiple |
|
|
|
|
filterable |
|
|
|
|
default-first-option |
|
|
|
|
:reserve-keyword="false" |
|
|
|
|
placeholder="请选择活动区域" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in warehouseData" |
|
|
|
|
:key="item.value" |
|
|
|
|
:label="item.label" |
|
|
|
|
:value="item.value" |
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-form> |
|
|
|
|
<template #footer> |
|
|
|
|
<span class="dialog-footer"> |
|
|
|
|
<el-button @click="dialogReturn = false">取消</el-button> |
|
|
|
|
<el-button type="primary" @click="ConfirmReturn" :disabled="repulse"> 确定 </el-button> |
|
|
|
|
</span> |
|
|
|
|
</template> |
|
|
|
|
</el-dialog> |
|
|
|
|
</el-card> |
|
|
|
|
</template> |
|
|
|
|
<script> |
|
|
|
|
export default { |
|
|
|
|
name: '/aftersales/aftersalesWorkOrderend', |
|
|
|
|
}; |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<script setup> |
|
|
|
|
import { ElMessage } from 'element-plus'; |
|
|
|
|
@ -919,10 +1006,13 @@ import {
|
|
|
|
|
$_getTrackRecord, |
|
|
|
|
$_accounting, |
|
|
|
|
$_getList, |
|
|
|
|
$_batchReturn, |
|
|
|
|
$_getProcessor, |
|
|
|
|
$_updateWorkOrderStatus, |
|
|
|
|
$_updateManagerConfirmed, |
|
|
|
|
$_updateProcessingParty, |
|
|
|
|
$_batchRepulseCompleted, |
|
|
|
|
$_Cancelappeal, |
|
|
|
|
} from '@/api/aftersales/aftersalesWorkOrder'; |
|
|
|
|
import { columnList, recordList } from '@/option/aftersales/vueTvemp.js'; |
|
|
|
|
import { getToken } from '@/utils/auth'; |
|
|
|
|
@ -936,7 +1026,9 @@ const $useStore = useStore();
|
|
|
|
|
const identifying = ref(1); //订单类型 |
|
|
|
|
const ZFdialog = ref(false); //支付方式弹出 |
|
|
|
|
const $route = useRoute(); |
|
|
|
|
|
|
|
|
|
const $router = useRouter(); |
|
|
|
|
|
|
|
|
|
const Paymentmethod = ref([]); //支付方式 |
|
|
|
|
const ZFname = ref(''); //支付名字预留状态 |
|
|
|
|
const routeData = ref(false); //路由参数 |
|
|
|
|
@ -975,6 +1067,9 @@ const IndexException = ref([]); //异常类型
|
|
|
|
|
const Pageloading = ref(false); //页面加载load |
|
|
|
|
const TotalClaimAmount = ref(0); //理赔总金额 |
|
|
|
|
const TotalamountReceived = ref(0); //收款金额合计 |
|
|
|
|
const dialogReturn = ref(false); |
|
|
|
|
const repulse = ref(false); |
|
|
|
|
const BatchFrom = ref({}); |
|
|
|
|
const userInfo = ref({}); //用户信息 |
|
|
|
|
const ruleForm = reactive({ |
|
|
|
|
reason: [{ required: true, message: '请填写原因', trigger: ['blur', 'change'] }], |
|
|
|
|
@ -1053,7 +1148,7 @@ const FangAddList = ref([
|
|
|
|
|
{ |
|
|
|
|
businessName: '', |
|
|
|
|
personResponsibleName: '', |
|
|
|
|
responsibilityRatio: '' + '%', |
|
|
|
|
responsibilityRatio: '', |
|
|
|
|
description: '', |
|
|
|
|
tripartite: '', |
|
|
|
|
}, |
|
|
|
|
@ -1143,10 +1238,6 @@ const details = reactive({
|
|
|
|
|
}, |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
const TransportChange = val => { |
|
|
|
|
console.log(val, '运损触发事件'); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
const warehouseIdState = ref(false); //当前订单仓库状态 |
|
|
|
|
// 字典公共函数 |
|
|
|
|
async function updateDictionary(targetArray, dictionaryType) { |
|
|
|
|
@ -1161,13 +1252,24 @@ async function updateDictionary(targetArray, dictionaryType) {
|
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
//完结提交权限 |
|
|
|
|
//完结展示权限 |
|
|
|
|
const Completedsubmission = () => { |
|
|
|
|
if (UserPermissions.value == '仓库客服' && endFrom.value.arbitrate) { |
|
|
|
|
return true; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
if (UserPermissions.value != '仓库客服') { |
|
|
|
|
if ($route.query.workOrderStatus == '30') { |
|
|
|
|
return true; |
|
|
|
|
return true; |
|
|
|
|
} |
|
|
|
|
return false; |
|
|
|
|
}; |
|
|
|
|
const CompletedPresentation = () => { |
|
|
|
|
if (UserPermissions.value != '仓库客服') { |
|
|
|
|
if (['30'].includes($route.query.workOrderStatus)) { |
|
|
|
|
return false; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
return true; |
|
|
|
|
}; |
|
|
|
|
// 处理结果提交权限 |
|
|
|
|
const Submissionresults = () => { |
|
|
|
|
@ -1212,16 +1314,66 @@ const isInformationEditing = () => {
|
|
|
|
|
} |
|
|
|
|
return false; |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
// 完结审核打回权限 |
|
|
|
|
const isRepulse = () => { |
|
|
|
|
if (UserPermissions.value == '总部客服经理') { |
|
|
|
|
if (['40', '80'].includes($route.query.workOrderStatus)) { |
|
|
|
|
return true; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
return false; |
|
|
|
|
}; |
|
|
|
|
// 完结待审核确定权限 |
|
|
|
|
const isProcessingConfirmation = () => { |
|
|
|
|
if (UserPermissions.value != '仓库客服') { |
|
|
|
|
if (['40'].includes($route.query.workOrderStatus)) { |
|
|
|
|
return true; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
return false; |
|
|
|
|
}; |
|
|
|
|
// 完结提交权限 |
|
|
|
|
const Headquarterscompletion = () => { |
|
|
|
|
if (UserPermissions.value != '仓库客服') { |
|
|
|
|
if (['30'].includes($route.query.workOrderStatus)) { |
|
|
|
|
return true; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
return false; |
|
|
|
|
}; |
|
|
|
|
//申诉驳回 |
|
|
|
|
const AppealRejectionButton = () => { |
|
|
|
|
if (UserPermissions.value == '总部客服经理') { |
|
|
|
|
if ($route.query.typesOf == '0') { |
|
|
|
|
return true; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
return false; |
|
|
|
|
}; |
|
|
|
|
// 申诉成立 |
|
|
|
|
const AppealEstablishmentButton = () => { |
|
|
|
|
if (UserPermissions.value == '总部客服经理') { |
|
|
|
|
if ($route.query.typesOf == '0') { |
|
|
|
|
return true; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
return false; |
|
|
|
|
}; |
|
|
|
|
// 权限按钮 |
|
|
|
|
const PermissionButton = computed(() => ({ |
|
|
|
|
Completed_submission: Completedsubmission(), //处理结果 |
|
|
|
|
Headquarters_completion: Headquarterscompletion(), |
|
|
|
|
Completed_submission: Completedsubmission(), //完结信息查看 |
|
|
|
|
Completed_presentation: CompletedPresentation(), //完结输入框禁止/展示 |
|
|
|
|
Submission_results: Submissionresults(), //处理结果提交 |
|
|
|
|
Save_results: Saveresults(), //处理结果保存 |
|
|
|
|
Arbitration_completed: Arbitrationcompleted(), //客服仲裁完结 |
|
|
|
|
Processing_result_modification: Processingresultmodification(), //处理结果编辑提交 |
|
|
|
|
Processing_result_disabled: Processingresultdisabled(), //处理结果是否可以填写 |
|
|
|
|
information_editing: isInformationEditing(), //修改提交 |
|
|
|
|
repulse: isRepulse(), //完结审核打回 |
|
|
|
|
Processing_confirmation: isProcessingConfirmation(), // 待审核确定 |
|
|
|
|
Appeal_rejection_button: AppealRejectionButton(), //申诉驳回 |
|
|
|
|
Appeal_establishment_button: AppealEstablishmentButton(), //申诉成立 |
|
|
|
|
})); |
|
|
|
|
|
|
|
|
|
// 页面初始化数据 |
|
|
|
|
@ -1272,6 +1424,8 @@ const onLoad = async () => {
|
|
|
|
|
} else { |
|
|
|
|
warehouseIdState.value = false; |
|
|
|
|
} |
|
|
|
|
//订单类型赋值 |
|
|
|
|
identifying.value = res.data.data.identifying; |
|
|
|
|
//图片处理回显 |
|
|
|
|
if (res.data.data.discoveryNode == '1') { |
|
|
|
|
groundlineType.value = '1'; |
|
|
|
|
@ -1287,6 +1441,9 @@ const onLoad = async () => {
|
|
|
|
|
}); |
|
|
|
|
// 包件回显 |
|
|
|
|
PackageInfo.value = res.data.data.abnormalPackageVOList; |
|
|
|
|
console.log(PackageInfo.value, ' PackageInfo.value'); |
|
|
|
|
|
|
|
|
|
PackageInfo.value[0].packageCode ? (identifying.value = 1) : (identifying.value = 2); |
|
|
|
|
// 要修改 |
|
|
|
|
// 责任方回显 |
|
|
|
|
FangAddList.value = res.data.data.processorVOList |
|
|
|
|
@ -1352,17 +1509,19 @@ const onLoad = async () => {
|
|
|
|
|
// 公司占比回显计算 |
|
|
|
|
let sum = 0; |
|
|
|
|
if (FangAddList.value.length) { |
|
|
|
|
FangAddList.value.forEach(item => { |
|
|
|
|
if (item.responsibilityRatio) { |
|
|
|
|
item.responsibilityRatio = item.responsibilityRatio.replace(/%/g, ''); |
|
|
|
|
sum = Number(item.responsibilityRatio) + sum; |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
FangAddList.value.forEach(item => { |
|
|
|
|
item.responsibilityRatio =item.responsibilityRatio? item.responsibilityRatio + '%':item.responsibilityRatio; |
|
|
|
|
}); |
|
|
|
|
// FangAddList.value.forEach(item => { |
|
|
|
|
// if (item.responsibilityRatio) { |
|
|
|
|
// item.responsibilityRatio = item.responsibilityRatio.replace(/%/g, ''); |
|
|
|
|
// sum = Number(item.responsibilityRatio) + sum; |
|
|
|
|
// } |
|
|
|
|
// }); |
|
|
|
|
// FangAddList.value.forEach(item => { |
|
|
|
|
// item.responsibilityRatio = item.responsibilityRatio |
|
|
|
|
// ? item.responsibilityRatio + '%' |
|
|
|
|
// : item.responsibilityRatio; |
|
|
|
|
// }); |
|
|
|
|
} |
|
|
|
|
companyProportion.value = 100 - sum; |
|
|
|
|
// companyProportion.value = 100 - sum; |
|
|
|
|
// 处理结果回显 |
|
|
|
|
if (res.data.data.processingResultsVO.processingMoneyEntityList) { |
|
|
|
|
ProcessingList.value = res.data.data.processingResultsVO.processingMoneyEntityList.map( |
|
|
|
|
@ -1448,12 +1607,31 @@ const onLoad = async () => {
|
|
|
|
|
Pageloading.value = false; |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
// 多开页面的时候刷新参数 |
|
|
|
|
watch($route, (to, from) => { |
|
|
|
|
onLoad(); |
|
|
|
|
onMounted(() => { |
|
|
|
|
watch( |
|
|
|
|
$route.fullPath, |
|
|
|
|
(newRoute, oldRoute) => { |
|
|
|
|
if (oldRoute) { |
|
|
|
|
console.log(newRoute, 'newRoute'); |
|
|
|
|
console.log(oldRoute, 'oldRoute'); |
|
|
|
|
|
|
|
|
|
if (newRoute.fullPath === oldRoute.fullPath) { |
|
|
|
|
console.log('当前页面和上一个页面相同'); |
|
|
|
|
} else { |
|
|
|
|
console.log('当前页面和上一个页面不同'); |
|
|
|
|
onLoad(); |
|
|
|
|
} |
|
|
|
|
} else { |
|
|
|
|
console.log('这是初始渲染，没有上一个页面'); |
|
|
|
|
onLoad(); |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
{ immediate: true, deep: true } |
|
|
|
|
); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
// 获取初始化数据 |
|
|
|
|
|
|
|
|
|
// 文件识别 |
|
|
|
|
const Fileidentifier = val => { |
|
|
|
|
if (val) { |
|
|
|
|
@ -1462,7 +1640,7 @@ const Fileidentifier = val => {
|
|
|
|
|
const fileName = url.substring(url.lastIndexOf('/') + 1); |
|
|
|
|
// 获取文件扩展名 |
|
|
|
|
const extension = fileName.substring(fileName.lastIndexOf('.') + 1).toLowerCase(); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 判断文件类型 |
|
|
|
|
if (extension === 'mp4') { |
|
|
|
|
return 'mp4'; |
|
|
|
|
@ -1473,7 +1651,7 @@ const Fileidentifier = val => {
|
|
|
|
|
if (extension === 'docx') { |
|
|
|
|
return 'docx'; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 针对其他扩展名的情况返回 undefined |
|
|
|
|
return undefined; |
|
|
|
|
} |
|
|
|
|
@ -1588,8 +1766,7 @@ const Chathistory = res => {
|
|
|
|
|
.finally(handleFinally); |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
onLoad(); |
|
|
|
|
// 页面初始化 |
|
|
|
|
onMounted(() => { |
|
|
|
|
msgHight.value = window.innerHeight * 0.76; |
|
|
|
|
console.log(msgHight.value, '处理好的页面高度'); |
|
|
|
|
@ -1693,7 +1870,7 @@ const ImgSuccess = (response, uploadFile) => {
|
|
|
|
|
|
|
|
|
|
// 附件上传成功 |
|
|
|
|
const fellSuccess = (response, uploadFile) => { |
|
|
|
|
console.log('上船成功'); |
|
|
|
|
console.log('上传成功'); |
|
|
|
|
console.log(response, uploadFile); |
|
|
|
|
if (response.data.link) { |
|
|
|
|
KFfeel.value.push(response.data.link); |
|
|
|
|
@ -1715,7 +1892,7 @@ const ViodSuccess = response => {
|
|
|
|
|
// 上传图片规则 |
|
|
|
|
const beforeAvatarUpload = async rawFile => { |
|
|
|
|
if (!/^image\/(png|jpeg|gif)$|^video\/mp4$/.test(rawFile.type)) { |
|
|
|
|
ElMessage.error('上传格式只支持 png、jpeg、gif 和 mp4 类型!'); |
|
|
|
|
ElMessage.error('上传格式只支持 png、jpeg、gif、image 和 mp4 类型!'); |
|
|
|
|
return false; |
|
|
|
|
} else if (rawFile.size / 1024 / 1024 > 40) { |
|
|
|
|
ElMessage.error('上传大小不能超过 40MB!'); |
|
|
|
|
@ -1780,9 +1957,12 @@ const AddPayee = () => {
|
|
|
|
|
|
|
|
|
|
// 总金额计算 |
|
|
|
|
const Totalamount = () => { |
|
|
|
|
TotalClaimAmount.value = ProcessingList.value |
|
|
|
|
.map(res => res.money) |
|
|
|
|
.reduce((accumulator, currentValue) => accumulator + currentValue, 0); |
|
|
|
|
TotalClaimAmount.value = parseFloat( |
|
|
|
|
ProcessingList.value |
|
|
|
|
.map(res => res.money) |
|
|
|
|
.reduce((accumulator, currentValue) => accumulator + currentValue, 0) |
|
|
|
|
.toFixed(2) |
|
|
|
|
); |
|
|
|
|
}; |
|
|
|
|
// 移除按钮 |
|
|
|
|
const payremove = (item, index) => { |
|
|
|
|
@ -1956,7 +2136,8 @@ const submitresults = async value => {
|
|
|
|
|
ProcessingList.value.forEach(item => { |
|
|
|
|
let _DATA = item.Paymentmethod.find(res => res.value == item.compensationMethod); |
|
|
|
|
data.aftersalesProcessingResultsDTO['processingMoneyEntityList'].push({ |
|
|
|
|
resultType: ProcessingResults.value.find(res => res.dictValue == item.title).dictKey, //赔方式的key |
|
|
|
|
resultType: |
|
|
|
|
ProcessingResults.value.find(res => res.dictValue == item.title)?.dictKey || '', //赔方式的key |
|
|
|
|
resultName: item.title, //处理结果名字 |
|
|
|
|
money: item.money, //金额 |
|
|
|
|
compensationMethod: item.compensationMethod, //支付方式Value |
|
|
|
|
@ -2375,6 +2556,201 @@ const CustomerServiceCompleted = () => {
|
|
|
|
|
}); |
|
|
|
|
$useStore.commit('DEL_TAG_CURRENT'); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
// 处理结果打回 |
|
|
|
|
const resultreturnedFun = () => { |
|
|
|
|
BatchFrom.value.businessDepartment = []; |
|
|
|
|
BatchFrom.value.txt = null; |
|
|
|
|
dialogReturn.value = true; |
|
|
|
|
}; |
|
|
|
|
// 处理结果打回确定 |
|
|
|
|
const ConfirmReturn = async () => { |
|
|
|
|
// 批量打回确定按钮 |
|
|
|
|
let data = { |
|
|
|
|
processorList: [], |
|
|
|
|
}; |
|
|
|
|
// 过滤满足条件的对象 |
|
|
|
|
if (BatchFrom.value.businessDepartment.length) { |
|
|
|
|
let foundObjs = warehouseData.value.filter(obj => |
|
|
|
|
BatchFrom.value.businessDepartment.includes(obj.value) |
|
|
|
|
); |
|
|
|
|
data['businessId'] = foundObjs.map(item => item.value).join(','); |
|
|
|
|
data['businessName'] = foundObjs.map(item => item.label).join(','); |
|
|
|
|
// 营业部处理 |
|
|
|
|
foundObjs.forEach(item => { |
|
|
|
|
data['processorList'].push({ id: item.value, name: item.label }); |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
data.reasonReturn = BatchFrom.value.txt; //打回原因 |
|
|
|
|
data.workOrderIds = [$route.query.id]; //异常工单 |
|
|
|
|
console.log(data, '处理好的值'); |
|
|
|
|
data.typesOf = '1'; //普通打回 |
|
|
|
|
repulse.value = true; //开启加载并关闭按钮 |
|
|
|
|
dialogReturn.value = false; //关闭打回弹窗 |
|
|
|
|
await $_batchReturn(data) |
|
|
|
|
.then(res => { |
|
|
|
|
console.log(res, '批量打回返回值'); |
|
|
|
|
if (res.data.code == 200) { |
|
|
|
|
ElMessage({ |
|
|
|
|
message: res.data.msg, |
|
|
|
|
type: 'success', |
|
|
|
|
}); |
|
|
|
|
// 传递要刷新的菜单 |
|
|
|
|
$useStore.commit('EDIT_REFRESHITEM', { title: 'aftersalesWorkOrder', status: true }); //要刷新的页面 |
|
|
|
|
$useStore.commit('Customer_Menu', Number($route.query.RouteIndexs)); //要刷新的菜单 |
|
|
|
|
$router.push('/aftersales/aftersalesWorkOrder'); |
|
|
|
|
AddressClosed('/aftersales/aftersalesWorkOrderend'); //删除当前页面 |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
.catch(error => { |
|
|
|
|
console.log(error, 'error'); |
|
|
|
|
}) |
|
|
|
|
.finally(() => { |
|
|
|
|
repulse.value = false; //关闭加载并关闭按钮 |
|
|
|
|
dialogReturn.value = false; //关闭打回弹窗 |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
// 完结打回 |
|
|
|
|
const BatchReturn = () => { |
|
|
|
|
ElMessageBox.prompt('请输入打回原因', { |
|
|
|
|
confirmButtonText: '确定', |
|
|
|
|
cancelButtonText: '取消', |
|
|
|
|
inputPattern: /^(?!\s*$).+/, |
|
|
|
|
inputErrorMessage: '内容不能为空哦', |
|
|
|
|
}) |
|
|
|
|
.then(async ({ value }) => { |
|
|
|
|
Pageloading.value = true; |
|
|
|
|
await $_batchRepulseCompleted({ |
|
|
|
|
workOrderIds: [$route.query.id], |
|
|
|
|
reasonReturn: value, |
|
|
|
|
}) |
|
|
|
|
.then(res => { |
|
|
|
|
if (res.data.code == 200) { |
|
|
|
|
ElMessage({ |
|
|
|
|
message: res.data.msg, |
|
|
|
|
type: 'success', |
|
|
|
|
}); |
|
|
|
|
$useStore.commit('EDIT_REFRESHITEM', { |
|
|
|
|
title: 'aftersalesWorkOrder', |
|
|
|
|
status: true, |
|
|
|
|
}); |
|
|
|
|
$useStore.commit('Customer_Menu', Number($route.query.RouteIndexs)); //要刷新的菜单 |
|
|
|
|
$useStore.commit('DEL_TAG_CURRENT'); //关闭当前页面 |
|
|
|
|
$router.push({ |
|
|
|
|
path: '/aftersales/aftersalesWorkOrder', |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
.catch(error => { |
|
|
|
|
console.log(error); |
|
|
|
|
}) |
|
|
|
|
.finally(() => { |
|
|
|
|
Pageloading.value = false; |
|
|
|
|
}); |
|
|
|
|
}) |
|
|
|
|
.catch(() => {}); |
|
|
|
|
}; |
|
|
|
|
// 待审核确认审核（经理审核） |
|
|
|
|
const ResultConfirmation = async () => { |
|
|
|
|
ElMessageBox.confirm('是否确认审核?请注意查验数据正确性!', '提示', { |
|
|
|
|
confirmButtonText: '确认', |
|
|
|
|
cancelButtonText: '取消', |
|
|
|
|
type: 'warning', |
|
|
|
|
}) |
|
|
|
|
.then(async () => { |
|
|
|
|
const data = { |
|
|
|
|
assignList: [$route.query.id], |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
if ($route.query.workOrderStatus !== '40') { |
|
|
|
|
ElMessage({ |
|
|
|
|
message: '状态错误', |
|
|
|
|
type: 'warning', |
|
|
|
|
}); |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
Pageloading.value = true; // 开启页面加载 |
|
|
|
|
|
|
|
|
|
try { |
|
|
|
|
const res = await $_updateManagerConfirmed(data); |
|
|
|
|
if (res.data.code === 200) { |
|
|
|
|
ElMessage({ |
|
|
|
|
message: res.data.msg, |
|
|
|
|
type: 'success', |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
$useStore.commit('EDIT_REFRESHITEM', { |
|
|
|
|
title: 'aftersalesWorkOrder', |
|
|
|
|
status: true, |
|
|
|
|
}); |
|
|
|
|
$useStore.commit('Customer_Menu', Number($route.query.RouteIndexs)); // 要刷新的菜单 |
|
|
|
|
$useStore.commit('DEL_TAG_CURRENT'); // 关闭当前页面 |
|
|
|
|
$router.push({ |
|
|
|
|
path: '/aftersales/aftersalesWorkOrder', |
|
|
|
|
}); |
|
|
|
|
} catch (error) { |
|
|
|
|
console.log('错误信息:', error); |
|
|
|
|
} finally { |
|
|
|
|
Pageloading.value = false; // 关闭页面加载 |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
.catch(() => {}); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
// 申诉驳回 |
|
|
|
|
const AppealRejection = () => { |
|
|
|
|
ElMessageBox.prompt('请填写驳回原因', '提示', { |
|
|
|
|
confirmButtonText: '确定', |
|
|
|
|
cancelButtonText: '取消', |
|
|
|
|
inputPattern: /^(?!\s*$).+/, |
|
|
|
|
inputErrorMessage: '内容不能为空哦', |
|
|
|
|
}) |
|
|
|
|
.then(async ({ value }) => { |
|
|
|
|
try { |
|
|
|
|
let data = { |
|
|
|
|
id: $route.query.workOrderId, //取消申诉ID |
|
|
|
|
typesOf: '2', //申诉状态 |
|
|
|
|
workOrderId: $route.query.id, //异常工单ID |
|
|
|
|
handlingReason: value, //驳回原因 |
|
|
|
|
}; |
|
|
|
|
let _res = await $_Cancelappeal(data); |
|
|
|
|
if (_res.data.code == 200) { |
|
|
|
|
ElMessage({ |
|
|
|
|
message: _res.data.msg, |
|
|
|
|
type: 'success', |
|
|
|
|
}); |
|
|
|
|
$useStore.commit('EDIT_REFRESHITEM', { |
|
|
|
|
title: 'aftersalesWorkOrder', |
|
|
|
|
status: true, |
|
|
|
|
}); |
|
|
|
|
$useStore.commit('Customer_Menu', Number($route.query.RouteIndexs)); //要刷新的菜单 |
|
|
|
|
$useStore.commit('DEL_TAG_CURRENT'); //关闭当前页面 |
|
|
|
|
$router.push({ |
|
|
|
|
path: '/aftersales/aftersalesWorkOrder', |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
} catch (e) { |
|
|
|
|
} finally { |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
.catch(() => {}); |
|
|
|
|
}; |
|
|
|
|
// 申诉成立 |
|
|
|
|
const AppealEstablished = () => { |
|
|
|
|
$router.push({ |
|
|
|
|
path: '/aftersales/aftersalesWorkOrdermodify', |
|
|
|
|
query: { |
|
|
|
|
id: $route.query.id, //这里的id是workOrderId是有申诉列表带入的 |
|
|
|
|
name: $route.query.workOrderNumber + '-申诉编辑', |
|
|
|
|
RouterState: 'Kfend', |
|
|
|
|
workOrderStatus: $route.query.workOrderStatus, //当前单子状态 |
|
|
|
|
Appealeditor: 'appeal', //申诉编辑 |
|
|
|
|
appealID: $route.query.workOrderId, //提交需要的申诉ID |
|
|
|
|
typesOf: $route.query.typesOf, //申诉工单状态0待处理，1成立，2驳回 |
|
|
|
|
}, |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
|
|
@ -2440,6 +2816,8 @@ const CustomerServiceCompleted = () => {
|
|
|
|
|
flex-direction: column; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
margin-bottom: 16px; |
|
|
|
|
border-radius: 16px; |
|
|
|
|
box-shadow: 0px 0px 6px 0px #00000029; |
|
|
|
|
.title { |
|
|
|
|
position: absolute; |
|
|
|
|
top: -20px; |
|
|
|
|
@ -2825,12 +3203,12 @@ const CustomerServiceCompleted = () => {
|
|
|
|
|
} |
|
|
|
|
.img { |
|
|
|
|
width: 100%; |
|
|
|
|
height:20%; |
|
|
|
|
height: 20%; |
|
|
|
|
overflow: scroll; |
|
|
|
|
.el-image{ |
|
|
|
|
.el-image { |
|
|
|
|
width: 20%; |
|
|
|
|
height: 100%; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
margin: 4px; |
|
|
|
|
} |
|
|
|
|
img { |
|
|
|
|
@ -3086,7 +3464,7 @@ const CustomerServiceCompleted = () => {
|
|
|
|
|
display: flex; |
|
|
|
|
flex-direction: row; |
|
|
|
|
align-items: center; |
|
|
|
|
width: auto; |
|
|
|
|
width: 22%; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
:deep(.el_resj) { |
|
|
|
|
@ -3195,6 +3573,7 @@ const CustomerServiceCompleted = () => {
|
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.el-endtabs { |
|
|
|
|
width: 100%; |
|
|
|
|
margin-top: 10px; |
|
|
|
|
:deep(.is-active) { |
|
|
|
|
font-weight: bold; |
|
|
|
|
@ -3246,4 +3625,26 @@ const CustomerServiceCompleted = () => {
|
|
|
|
|
border: 1px solid #f00; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
:deep(.plAllret) { |
|
|
|
|
.el-form { |
|
|
|
|
flex-direction: column; |
|
|
|
|
.el-form-item { |
|
|
|
|
flex-direction: column; |
|
|
|
|
} |
|
|
|
|
.el-form-item__content { |
|
|
|
|
flex-direction: column; |
|
|
|
|
} |
|
|
|
|
.el-form-item__label { |
|
|
|
|
font-weight: bold; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.el-select { |
|
|
|
|
width: 100%; |
|
|
|
|
} |
|
|
|
|
.el-loading-mask { |
|
|
|
|
position: absolute; |
|
|
|
|
left: 0; |
|
|
|
|
top: 0; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|
|
