|
|
|
@ -25,9 +25,9 @@
|
|
|
|
|
<!-- 头部类型选择 --> |
|
|
|
|
<div class="tablemunTop"> |
|
|
|
|
<!-- 异常类型 --> |
|
|
|
|
<el-form-item label="异常类型" prop="workOrderType"> |
|
|
|
|
<el-form-item label="异常类型" prop="basis.workOrderType"> |
|
|
|
|
<el-select |
|
|
|
|
v-model="form.workOrderType" |
|
|
|
|
v-model="form.basis.workOrderType" |
|
|
|
|
placeholder="请选择异常类型" |
|
|
|
|
style="width: 100%" |
|
|
|
|
clearable |
|
|
|
@ -40,10 +40,11 @@
|
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<!-- 发现节点 --> |
|
|
|
|
<el-form-item label="发现节点" prop="discoveryNode"> |
|
|
|
|
<el-form-item label="发现节点" prop="basis.discoveryNode"> |
|
|
|
|
<el-select |
|
|
|
|
v-model="form.discoveryNode" |
|
|
|
|
v-model="form.basis.discoveryNode" |
|
|
|
|
placeholder="请选择发现节点" |
|
|
|
|
style="width: 100%" |
|
|
|
|
@change="DiscoveringNodesChange" |
|
|
|
@ -59,8 +60,8 @@
|
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="异常类型"> |
|
|
|
|
<el-input v-model="form.name" disabled placeholder="异常工单号(自动生成)" /> |
|
|
|
|
<el-form-item label="异常工单号"> |
|
|
|
|
<el-input v-model="form.basis.name" disabled placeholder="异常工单号(自动生成)" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
@ -73,9 +74,6 @@
|
|
|
|
|
> |
|
|
|
|
<el-tab-pane label="包件信息" name="0"> |
|
|
|
|
<div class="el_top"> |
|
|
|
|
<el-button type="primary" class="el_addPackage" @click="Addpackages"> |
|
|
|
|
<el-icon><Plus /></el-icon>新增包件</el-button |
|
|
|
|
> |
|
|
|
|
<div class="el_Package_num"> |
|
|
|
|
<span>共计包件:{{ form.PackageList.length }}</span> |
|
|
|
|
</div> |
|
|
|
@ -142,16 +140,30 @@
|
|
|
|
|
clearable |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
</div> |
|
|
|
|
<!-- 按钮 --> |
|
|
|
|
<div class="el_activPackage_btton"> |
|
|
|
|
<el-button v-if="item.history" @click="ViewhistoricalPackages(item)" |
|
|
|
|
>查看历史包件</el-button |
|
|
|
|
|
|
|
|
|
<el-button |
|
|
|
|
v-if="!index" |
|
|
|
|
type="primary" |
|
|
|
|
class="el_addPackage" |
|
|
|
|
@click="Addpackages" |
|
|
|
|
style="margin-top: 2px" |
|
|
|
|
> |
|
|
|
|
<el-icon><Plus /></el-icon>新增包件</el-button |
|
|
|
|
> |
|
|
|
|
<el-button v-if="index" type="primary" @click="Removepackage(index)" |
|
|
|
|
>移除</el-button |
|
|
|
|
<el-button |
|
|
|
|
v-if="index" |
|
|
|
|
type="primary" |
|
|
|
|
class="el_addPackage" |
|
|
|
|
style="margin-top: 2px" |
|
|
|
|
@click="Removepackage(index)" |
|
|
|
|
> |
|
|
|
|
<el-icon><DeleteFilled /></el-icon>移除包件</el-button |
|
|
|
|
> |
|
|
|
|
<div class="el_activPackage_btton" v-if="item.history"> |
|
|
|
|
<el-button @click="ViewhistoricalPackages(item)">查看历史包件</el-button> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<!-- 按钮 --> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
</el-tab-pane> |
|
|
|
@ -165,12 +177,21 @@
|
|
|
|
|
v-loading="form.Packageloading" |
|
|
|
|
> |
|
|
|
|
<el-tab-pane label="基础信息" name="0"> |
|
|
|
|
<div class="Basicinformation" style="padding-left: 20px; box-sizing: border-box"> |
|
|
|
|
<el-form-item label="车次号" prop="trainNumber" v-if="displaySettings.trainNumber"> |
|
|
|
|
<div class="Basicinformation" style="padding-left: 26px; box-sizing: border-box"> |
|
|
|
|
<el-form-item |
|
|
|
|
label="车次号" |
|
|
|
|
prop="basis.trainNumber" |
|
|
|
|
v-if="displaySettings.trainNumber" |
|
|
|
|
> |
|
|
|
|
<el-select |
|
|
|
|
v-model="form.trainNumber" |
|
|
|
|
v-model="form.basis.trainNumber" |
|
|
|
|
filterable |
|
|
|
|
allow-create |
|
|
|
|
default-first-option |
|
|
|
|
:reserve-keyword="false" |
|
|
|
|
placeholder="请选择车次号" |
|
|
|
|
style="width: 100%" |
|
|
|
|
clearable |
|
|
|
|
@change="DeliveryTrainnumber(form.trainNumber)" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
@ -178,18 +199,17 @@
|
|
|
|
|
:key="item.value" |
|
|
|
|
:label="item.trainNumber" |
|
|
|
|
:value="item.trainNumber" |
|
|
|
|
clearable |
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item |
|
|
|
|
label="配送时间" |
|
|
|
|
prop="deliveryTime" |
|
|
|
|
prop="basis.deliveryTime" |
|
|
|
|
v-if="displaySettings.deliveryTime" |
|
|
|
|
> |
|
|
|
|
<el-date-picker |
|
|
|
|
v-model="form.deliveryTime" |
|
|
|
|
v-model="form.basis.deliveryTime" |
|
|
|
|
style="width: 100%" |
|
|
|
|
type="datetime" |
|
|
|
|
format="YYYY-MM-DD" |
|
|
|
@ -200,27 +220,35 @@
|
|
|
|
|
|
|
|
|
|
<el-form-item |
|
|
|
|
label="配送司机" |
|
|
|
|
prop="deliveryDriver" |
|
|
|
|
prop="basis.deliveryDriver" |
|
|
|
|
v-if="displaySettings.deliveryDriver" |
|
|
|
|
> |
|
|
|
|
<el-input v-model="form.deliveryDriver" placeholder="请输配送司机" clearable /> |
|
|
|
|
<el-input |
|
|
|
|
v-model="form.basis.deliveryDriver" |
|
|
|
|
placeholder="请输配送司机" |
|
|
|
|
clearable |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item |
|
|
|
|
label="车辆线路" |
|
|
|
|
prop="vehicleRoute" |
|
|
|
|
prop="basis.vehicleRoute" |
|
|
|
|
v-if="displaySettings.vehicleRoute" |
|
|
|
|
> |
|
|
|
|
<el-input v-model="form.vehicleRoute" placeholder="请输入车辆线路" clearable /> |
|
|
|
|
<el-input |
|
|
|
|
v-model="form.basis.vehicleRoute" |
|
|
|
|
placeholder="请输入车辆线路" |
|
|
|
|
clearable |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item |
|
|
|
|
label="发货时间" |
|
|
|
|
prop="deliverGoodsTime" |
|
|
|
|
prop="basis.deliverGoodsTime" |
|
|
|
|
v-if="displaySettings.deliverGoodsTime" |
|
|
|
|
> |
|
|
|
|
<el-date-picker |
|
|
|
|
v-model="form.deliverGoodsTime" |
|
|
|
|
v-model="form.basis.deliverGoodsTime" |
|
|
|
|
style="width: 100%" |
|
|
|
|
type="datetime" |
|
|
|
|
format="YYYY-MM-DD" |
|
|
|
@ -231,11 +259,11 @@
|
|
|
|
|
|
|
|
|
|
<el-form-item |
|
|
|
|
label="入库时间" |
|
|
|
|
prop="warehousingTime" |
|
|
|
|
prop="basis.warehousingTime" |
|
|
|
|
v-if="displaySettings.warehousingTime" |
|
|
|
|
> |
|
|
|
|
<el-date-picker |
|
|
|
|
v-model="form.warehousingTime" |
|
|
|
|
v-model="form.basis.warehousingTime" |
|
|
|
|
style="width: 100%" |
|
|
|
|
type="datetime" |
|
|
|
|
format="YYYY-MM-DD" |
|
|
|
@ -246,11 +274,11 @@
|
|
|
|
|
|
|
|
|
|
<el-form-item |
|
|
|
|
label="发现时间" |
|
|
|
|
prop="discoveryTime" |
|
|
|
|
prop="basis.discoveryTime" |
|
|
|
|
v-if="displaySettings.discoveryTime" |
|
|
|
|
> |
|
|
|
|
<el-date-picker |
|
|
|
|
v-model="form.discoveryTime" |
|
|
|
|
v-model="form.basis.discoveryTime" |
|
|
|
|
style="width: 100%" |
|
|
|
|
type="datetime" |
|
|
|
|
format="YYYY-MM-DD" |
|
|
|
@ -259,17 +287,21 @@
|
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
<!-- 初始必填 --> |
|
|
|
|
<el-form-item label="运单商场" prop="waybillMall" v-if="displaySettings.waybillMall"> |
|
|
|
|
<el-input v-model="form.waybillMall" placeholder="请输入运单商场" clearable /> |
|
|
|
|
<el-form-item |
|
|
|
|
label="运单商场" |
|
|
|
|
prop="basis.waybillMall" |
|
|
|
|
v-if="displaySettings.waybillMall" |
|
|
|
|
> |
|
|
|
|
<el-input v-model="form.basis.waybillMall" placeholder="请输入运单商场" clearable /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<!-- 初始必填 --> |
|
|
|
|
<el-form-item |
|
|
|
|
label="合作模式" |
|
|
|
|
prop="typeServiceName" |
|
|
|
|
prop="basis.typeServiceName" |
|
|
|
|
v-if="displaySettings.typeServiceName" |
|
|
|
|
> |
|
|
|
|
<el-input |
|
|
|
|
v-model="form.typeServiceName" |
|
|
|
|
v-model="form.basis.typeServiceName" |
|
|
|
|
placeholder="合作模式(有则自动带出)" |
|
|
|
|
disabled |
|
|
|
|
clearable |
|
|
|
@ -279,12 +311,12 @@
|
|
|
|
|
<div class="el_Basic"> |
|
|
|
|
<el-form-item |
|
|
|
|
label="处理方" |
|
|
|
|
prop="processor" |
|
|
|
|
prop="basis.processor" |
|
|
|
|
class="el_Processing" |
|
|
|
|
v-if="displaySettings.processor" |
|
|
|
|
> |
|
|
|
|
<el-select |
|
|
|
|
v-model="form.processor" |
|
|
|
|
v-model="form.basis.processor" |
|
|
|
|
placeholder="请选择处理方" |
|
|
|
|
style="width: 100%" |
|
|
|
|
multiple |
|
|
|
@ -302,13 +334,13 @@
|
|
|
|
|
<!-- 初始必填 --> |
|
|
|
|
<el-form-item |
|
|
|
|
label="调查经过" |
|
|
|
|
prop="investigationPocess" |
|
|
|
|
prop="basis.investigationPocess" |
|
|
|
|
class="el_Investigation" |
|
|
|
|
clearable |
|
|
|
|
v-if="displaySettings.investigationPocess" |
|
|
|
|
> |
|
|
|
|
<el-input |
|
|
|
|
v-model="form.investigationPocess" |
|
|
|
|
v-model="form.basis.investigationPocess" |
|
|
|
|
placeholder="请输调查经过" |
|
|
|
|
type="textarea" |
|
|
|
|
:autosize="{ minRows: 1, maxRows: 10 }" |
|
|
|
@ -328,30 +360,24 @@
|
|
|
|
|
> |
|
|
|
|
<el-tab-pane label="内部责任划分" name="0"> |
|
|
|
|
<div class="el_top"> |
|
|
|
|
<el-button type="primary" class="el_addPackage" @click="AddResponsible"> |
|
|
|
|
<el-icon><Plus /></el-icon>新增信息</el-button |
|
|
|
|
> |
|
|
|
|
<div class="el_Package_num"> |
|
|
|
|
<span>公司占比:{{ form.Proportion }}%</span> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="el_responsibilities"> |
|
|
|
|
<template |
|
|
|
|
v-for="(item, index) in form.responsibilitiesList" |
|
|
|
|
:key="index + item.businessName" |
|
|
|
|
> |
|
|
|
|
<template v-for="(item, index) in form.responsibilitiesList" :key="index"> |
|
|
|
|
<div class="el_responsibilities_box"> |
|
|
|
|
<span class="Number"> {{ index + 1 }}</span> |
|
|
|
|
<el-form-item |
|
|
|
|
label="责任方" |
|
|
|
|
class="el_Processing" |
|
|
|
|
:prop="`responsibilitiesList[${index}.businessName]`" |
|
|
|
|
:rules="ruleForm.businessName" |
|
|
|
|
:prop="`responsibilitiesList[${index}.businessId]`" |
|
|
|
|
:rules="ruleForm.businessId" |
|
|
|
|
> |
|
|
|
|
<el-select |
|
|
|
|
v-if="form.groundlineType == '1'" |
|
|
|
|
v-model="item.businessName" |
|
|
|
|
v-model="item.businessId" |
|
|
|
|
placeholder="请选择提货责任方" |
|
|
|
|
style="width: 100%" |
|
|
|
|
clearable |
|
|
|
@ -366,7 +392,7 @@
|
|
|
|
|
</el-select> |
|
|
|
|
<el-select |
|
|
|
|
v-else |
|
|
|
|
v-model="item.businessName" |
|
|
|
|
v-model="item.businessId" |
|
|
|
|
placeholder="请选择责任方" |
|
|
|
|
style="width: 100%" |
|
|
|
|
clearable |
|
|
|
@ -385,18 +411,18 @@
|
|
|
|
|
<el-form-item |
|
|
|
|
label="责任人" |
|
|
|
|
class="el_Processing" |
|
|
|
|
:prop="`responsibilitiesList[${index}.personResponsibleName]`" |
|
|
|
|
:rules="ruleForm.personResponsibleName" |
|
|
|
|
:prop="`responsibilitiesList[${index}.personResponsibleId]`" |
|
|
|
|
:rules="ruleForm.personResponsibleId" |
|
|
|
|
> |
|
|
|
|
<el-input |
|
|
|
|
v-if="form.groundlineType == '1'" |
|
|
|
|
v-model="item.personResponsibleName" |
|
|
|
|
v-model="item.personResponsibleId" |
|
|
|
|
placeholder="请输入责任人" |
|
|
|
|
clearable |
|
|
|
|
/> |
|
|
|
|
<el-select |
|
|
|
|
v-else |
|
|
|
|
v-model="item.personResponsibleName" |
|
|
|
|
v-model="item.personResponsibleId" |
|
|
|
|
style="width: 100%" |
|
|
|
|
filterable |
|
|
|
|
clearable |
|
|
|
@ -446,12 +472,26 @@
|
|
|
|
|
clearable |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
</div> |
|
|
|
|
<div> |
|
|
|
|
<el-button v-if="index" type="primary" @click="Responsemoval(index)" |
|
|
|
|
>移除</el-button |
|
|
|
|
|
|
|
|
|
<el-button |
|
|
|
|
v-if="!index" |
|
|
|
|
type="primary" |
|
|
|
|
class="el_addPackage" |
|
|
|
|
@click="AddResponsible" |
|
|
|
|
style="margin-top: 2px" |
|
|
|
|
> |
|
|
|
|
<el-icon><Plus /></el-icon>新增责任</el-button |
|
|
|
|
> |
|
|
|
|
<el-button |
|
|
|
|
style="margin-top: 2px" |
|
|
|
|
v-if="index" |
|
|
|
|
type="primary" |
|
|
|
|
@click="Responsemoval(index)" |
|
|
|
|
> |
|
|
|
|
<el-icon><DeleteFilled /></el-icon>移除责任</el-button |
|
|
|
|
> |
|
|
|
|
</div> |
|
|
|
|
<div></div> |
|
|
|
|
</template> |
|
|
|
|
</div> |
|
|
|
|
</el-tab-pane> |
|
|
|
@ -462,11 +502,12 @@
|
|
|
|
|
v-model="form.ProcessingTab" |
|
|
|
|
class="demo-tabs Processingresults" |
|
|
|
|
v-loading="form.Packageloading" |
|
|
|
|
v-if="ProcessingState" |
|
|
|
|
> |
|
|
|
|
<el-tab-pane label="处理结果-理赔金额" name="0"> |
|
|
|
|
<el-form-item label="" prop="result"> |
|
|
|
|
<el-form-item label="" prop="basis.result"> |
|
|
|
|
<el-select |
|
|
|
|
v-model="form.result" |
|
|
|
|
v-model="form.basis.result" |
|
|
|
|
placeholder="请选择处理结果类型" |
|
|
|
|
style="width: 100%" |
|
|
|
|
clearable |
|
|
|
@ -546,29 +587,29 @@
|
|
|
|
|
</template> |
|
|
|
|
</div> |
|
|
|
|
</el-tab-pane> |
|
|
|
|
</el-tabs> |
|
|
|
|
|
|
|
|
|
<!-- 照片上传 --> |
|
|
|
|
<el-tabs |
|
|
|
|
v-model="form.responsibilities" |
|
|
|
|
class="demo-tabs responsibilities" |
|
|
|
|
@tab-click="handleClick" |
|
|
|
|
v-loading="form.Packageloading" |
|
|
|
|
> |
|
|
|
|
<el-form-item label=""> |
|
|
|
|
<el-tab-pane label="照片" name="0"> |
|
|
|
|
<el-upload |
|
|
|
|
v-model:file-list="form.fileList" |
|
|
|
|
:action="action" |
|
|
|
|
:headers="headers" |
|
|
|
|
:on-success="ImgSuccess" |
|
|
|
|
:before-upload="beforeAvatarUpload" |
|
|
|
|
list-type="picture-card" |
|
|
|
|
> |
|
|
|
|
<el-icon><Plus /></el-icon> |
|
|
|
|
</el-upload> |
|
|
|
|
</el-tab-pane> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-tabs> |
|
|
|
|
<!-- 照片上传 --> |
|
|
|
|
<el-tabs |
|
|
|
|
v-model="form.responsibilities" |
|
|
|
|
class="demo-tabs responsibilities" |
|
|
|
|
@tab-click="handleClick" |
|
|
|
|
v-loading="form.Packageloading" |
|
|
|
|
> |
|
|
|
|
<el-form-item label=""> |
|
|
|
|
<el-tab-pane label="照片" name="0"> |
|
|
|
|
<el-upload |
|
|
|
|
v-model:file-list="form.fileList" |
|
|
|
|
:action="action" |
|
|
|
|
:headers="headers" |
|
|
|
|
:on-success="ImgSuccess" |
|
|
|
|
:before-upload="beforeAvatarUpload" |
|
|
|
|
list-type="picture-card" |
|
|
|
|
> |
|
|
|
|
<el-icon><Plus /></el-icon> |
|
|
|
|
</el-upload> |
|
|
|
|
</el-tab-pane> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-tabs> |
|
|
|
|
<!-- 操作按钮 --> |
|
|
|
|
<div class="flex-c-c"> |
|
|
|
@ -623,6 +664,9 @@ import { getToken } from '@/utils/auth';
|
|
|
|
|
const $router = useRouter(); |
|
|
|
|
const formCopy = ref({}); //用于重置表单 |
|
|
|
|
const form = ref({ |
|
|
|
|
basis: { |
|
|
|
|
workOrderType: null, |
|
|
|
|
}, //基础信息 |
|
|
|
|
TabactiveName: '0', //工单类型菜单 |
|
|
|
|
activPackage: '0', //包件信息菜单 |
|
|
|
|
responsibilities: '0', //内部责任菜单 |
|
|
|
@ -649,8 +693,8 @@ const form = ref({
|
|
|
|
|
// 内部责任划分 |
|
|
|
|
responsibilitiesList: [ |
|
|
|
|
{ |
|
|
|
|
businessName: '', //责任方 |
|
|
|
|
personResponsibleName: '', //责任人 |
|
|
|
|
businessId: '', //责任方 |
|
|
|
|
personResponsibleId: '', //责任人 |
|
|
|
|
responsibilityRatio: 0, //占比 |
|
|
|
|
description: '', //三方责任人 |
|
|
|
|
tripartite: '', //说明 |
|
|
|
@ -671,28 +715,36 @@ const form = ref({
|
|
|
|
|
Claimamount: [], |
|
|
|
|
fileList: [], //照片 |
|
|
|
|
}); |
|
|
|
|
const myData = ref({}); //用户信息记录 |
|
|
|
|
const ruleForm = reactive({ |
|
|
|
|
workOrderType: [{ required: true, message: '请选择异常类型', trigger: ['bulr', 'change'] }], |
|
|
|
|
discoveryNode: [{ required: true, message: '请选择发现节点', trigger: ['bulr', 'change'] }], |
|
|
|
|
basis: { |
|
|
|
|
workOrderType: [{ required: true, message: '请选择异常类型', trigger: ['bulr', 'change'] }], |
|
|
|
|
discoveryNode: [{ required: true, message: '请选择发现节点', trigger: ['bulr', 'change'] }], |
|
|
|
|
trainNumber: [{ required: true, message: '请选择车次号', trigger: ['bulr', 'change'] }], |
|
|
|
|
deliveryTime: [{ required: true, message: '请输入配送时间', trigger: ['bulr', 'change'] }], |
|
|
|
|
deliveryDriver: [{ required: true, message: '请输入配送司机', trigger: ['bulr', 'change'] }], |
|
|
|
|
vehicleRoute: [{ required: true, message: '请输入车辆线路', trigger: ['bulr', 'change'] }], |
|
|
|
|
deliverGoodsTime: [{ required: true, message: '请输入发货时间', trigger: ['bulr', 'change'] }], |
|
|
|
|
warehousingTime: [{ required: true, message: '请选择入库时间', trigger: ['bulr', 'change'] }], |
|
|
|
|
discoveryTime: [{ required: true, message: '请选择发现时间', trigger: ['bulr', 'change'] }], |
|
|
|
|
waybillMall: [{ required: true, message: '请输入运单商场', trigger: ['bulr'] }], |
|
|
|
|
typeServiceName: [{ required: false, message: '请输入合作模式', trigger: ['bulr', 'change'] }], |
|
|
|
|
investigationPocess: [ |
|
|
|
|
{ required: true, message: '请输入调查经过', trigger: ['bulr', 'change'] }, |
|
|
|
|
], |
|
|
|
|
result: [{ required: true, message: '请输选择处理结果', trigger: ['bulr'] }], |
|
|
|
|
processor: [{ required: true, message: '请输入处理方', trigger: ['bulr'] }], |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
packageCode: [{ required: true, message: '请输入包条码', trigger: ['bulr', 'change'] }], |
|
|
|
|
waybillNumber: [{ required: true, message: '请输入运单号', trigger: ['bulr', 'change'] }], |
|
|
|
|
orderCode: [{ required: true, message: '请输入订单自编号', trigger: ['bulr', 'change'] }], |
|
|
|
|
first: [{ required: true, message: '请输入一级品', trigger: ['bulr', 'change'] }], |
|
|
|
|
secondary: [{ required: true, message: '请输入二级品', trigger: ['bulr', 'change'] }], |
|
|
|
|
brandName: [{ required: false, message: '请输入品牌', trigger: ['bulr', 'change'] }], |
|
|
|
|
trainNumber: [{ required: true, message: '请选择车次号', trigger: ['bulr', 'change'] }], |
|
|
|
|
deliveryTime: [{ required: true, message: '请输入配送时间', trigger: ['bulr', 'change'] }], |
|
|
|
|
deliveryDriver: [{ required: true, message: '请输入配送司机', trigger: ['bulr', 'change'] }], |
|
|
|
|
vehicleRoute: [{ required: true, message: '请输入车辆线路', trigger: ['bulr', 'change'] }], |
|
|
|
|
deliverGoodsTime: [{ required: true, message: '请输入发货时间', trigger: ['bulr', 'change'] }], |
|
|
|
|
warehousingTime: [{ required: true, message: '请选择入库时间', trigger: ['bulr', 'change'] }], |
|
|
|
|
discoveryTime: [{ required: true, message: '请选择发现时间', trigger: ['bulr', 'change'] }], |
|
|
|
|
waybillMall: [{ required: true, message: '请输入运单商场', trigger: ['bulr', 'change'] }], |
|
|
|
|
typeServiceName: [{ required: false, message: '请输入合作模式', trigger: ['bulr', 'change'] }], |
|
|
|
|
processor: [{ required: true, message: '请输入处理方', trigger: ['bulr'] }], |
|
|
|
|
investigationPocess: [{ required: true, message: '请输入调查经过', trigger: ['bulr', 'change'] }], |
|
|
|
|
businessName: [{ required: true, message: '请选择责任方', trigger: ['bulr', 'change'] }], |
|
|
|
|
personResponsibleName: [{ required: true, message: '请输入责任人', trigger: ['bulr', 'change'] }], |
|
|
|
|
|
|
|
|
|
businessId: [{ required: true, message: '请选择责任方', trigger: ['bulr', 'change'] }], |
|
|
|
|
personResponsibleId: [{ required: true, message: '请输入责任人', trigger: ['bulr', 'change'] }], |
|
|
|
|
responsibilityRatio: [{ required: true, message: '请输入占比', trigger: ['bulr', 'change'] }], |
|
|
|
|
tripartite: [{ required: true, message: '请输入三方责任人', trigger: ['bulr', 'change'] }], |
|
|
|
|
description: [{ required: true, message: '请输入说明', trigger: ['bulr', 'change'] }], |
|
|
|
@ -702,7 +754,6 @@ const ruleForm = reactive({
|
|
|
|
|
compensationMethod: [ |
|
|
|
|
{ required: true, message: '请输选择支付方式', trigger: ['bulr', 'change'] }, |
|
|
|
|
], |
|
|
|
|
result: [{ required: true, message: '请输选择处理结果', trigger: ['bulr'] }], |
|
|
|
|
}); |
|
|
|
|
const ResponsibleParty = ref([]); //提货责任方 |
|
|
|
|
const ruleFormRef = ref(); //表单示例 |
|
|
|
@ -748,11 +799,15 @@ const Handling = async () => {
|
|
|
|
|
}; |
|
|
|
|
// 页面初始化数据处理 |
|
|
|
|
const PageState = () => { |
|
|
|
|
if (localStorage.getItem('my_data')) { |
|
|
|
|
myData.value = JSON.parse(localStorage.getItem('my_data')); //获取本地仓库信息 |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
// 内部责任划分处理 |
|
|
|
|
form.value.responsibilitiesList = [ |
|
|
|
|
{ |
|
|
|
|
businessName: '', //责任方 |
|
|
|
|
personResponsibleName: '', //责任人 |
|
|
|
|
businessId: '', //责任方 |
|
|
|
|
personResponsibleId: '', //责任人 |
|
|
|
|
responsibilityRatio: 0, //占比 |
|
|
|
|
description: '', //三方责任人 |
|
|
|
|
tripartite: '', //说明 |
|
|
|
@ -811,7 +866,19 @@ const onLoad = async () => {
|
|
|
|
|
form.value.Pageloading = false; //关闭页面加载 |
|
|
|
|
}; |
|
|
|
|
onLoad(); |
|
|
|
|
|
|
|
|
|
const ProcessingState = computed(() => { |
|
|
|
|
if (form.value.basis.processor && form.value.basis.processor.length) { |
|
|
|
|
let data = form.value.basis.processor.find(res => res == myData.value.id); |
|
|
|
|
if (data) { |
|
|
|
|
return true; |
|
|
|
|
} else { |
|
|
|
|
// 如果选择的没有自己就重置数据 |
|
|
|
|
form.value.Claimamount = []; |
|
|
|
|
form.value.basis.result = []; |
|
|
|
|
return false; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
// 菜单切换 |
|
|
|
|
const handleClick = (tab, event) => { |
|
|
|
|
console.log(tab, event); |
|
|
|
@ -820,6 +887,12 @@ const handleClick = (tab, event) => {
|
|
|
|
|
const DiscoveringNodesChange = value => { |
|
|
|
|
console.log(value); |
|
|
|
|
form.value.groundlineType = value; |
|
|
|
|
form.value.basis = { |
|
|
|
|
workOrderType: form.value.basis.workOrderType, |
|
|
|
|
discoveryNode: form.value.basis.discoveryNode, |
|
|
|
|
workOrderNumber: form.value.basis.workOrderNumber, |
|
|
|
|
}; |
|
|
|
|
ruleFormRef.value.clearValidate(); |
|
|
|
|
}; |
|
|
|
|
// 菜单切换显示输入框 |
|
|
|
|
const displaySettings = computed(() => { |
|
|
|
@ -839,11 +912,6 @@ const displaySettings = computed(() => {
|
|
|
|
|
}); |
|
|
|
|
// 新增包件 |
|
|
|
|
const Addpackages = () => { |
|
|
|
|
form.value.Packageloading = true; |
|
|
|
|
let time = setTimeout(() => { |
|
|
|
|
form.value.Packageloading = false; |
|
|
|
|
clearTimeout(time); |
|
|
|
|
}, 300); |
|
|
|
|
let data = { |
|
|
|
|
packageCode: '', //包条码 |
|
|
|
|
waybillNumber: '', //运单号 |
|
|
|
@ -886,14 +954,9 @@ const ViewhistoricalPackages = item => {
|
|
|
|
|
}; |
|
|
|
|
// 新增责任方 |
|
|
|
|
const AddResponsible = () => { |
|
|
|
|
form.value.Packageloading = true; |
|
|
|
|
let time = setTimeout(() => { |
|
|
|
|
form.value.Packageloading = false; |
|
|
|
|
clearTimeout(time); |
|
|
|
|
}, 300); |
|
|
|
|
let data = { |
|
|
|
|
businessName: '', //责任方 |
|
|
|
|
personResponsibleName: '', //责任人 |
|
|
|
|
businessId: '', //责任方 |
|
|
|
|
personResponsibleId: '', //责任人 |
|
|
|
|
responsibilityRatio: 0, //占比 |
|
|
|
|
description: '', //三方责任人 |
|
|
|
|
tripartite: '', //说明 |
|
|
|
@ -1037,8 +1100,8 @@ const ChangePackageInfo = async item => {
|
|
|
|
|
item.brandName = ''; //品牌 |
|
|
|
|
let data = form.value.PackageList.find(res => res.packageCode); //判断是否已经查询了运单商场 |
|
|
|
|
if (!data) { |
|
|
|
|
form.value.waybillMall = ''; //运单商场 |
|
|
|
|
form.value.typeServiceName = ''; //合作模式 |
|
|
|
|
form.value.basis.waybillMall = ''; //运单商场 |
|
|
|
|
form.value.basis.typeServiceName = ''; //合作模式 |
|
|
|
|
} |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
@ -1051,6 +1114,7 @@ const ChangePackageInfo = async item => {
|
|
|
|
|
|
|
|
|
|
// 查找是否已经存在相同包条码 |
|
|
|
|
if (packageCodeState) { |
|
|
|
|
item.packageCode = ''; |
|
|
|
|
ElMessage({ |
|
|
|
|
message: '已经存在相同包条码,请勿重复添加!', |
|
|
|
|
type: 'warning', |
|
|
|
@ -1087,9 +1151,8 @@ const ChangePackageInfo = async item => {
|
|
|
|
|
item.first = packageData.firsts || ''; //一级品 |
|
|
|
|
item.secondary = packageData.second || ''; //二级品 |
|
|
|
|
item.brandName = packageData.brandName || ''; //品牌 |
|
|
|
|
form.value.waybillMall = packageData.mallName || ''; //运单商场 |
|
|
|
|
form.value.typeServiceName = packageData.typeServiceName || ''; //合作模式 |
|
|
|
|
|
|
|
|
|
form.value.basis.waybillMall = packageData.mallName || ''; //运单商场 |
|
|
|
|
form.value.basis.typeServiceName = packageData.typeServiceName || ''; //合作模式 |
|
|
|
|
// 是否显示历史包件按钮,存在多个包件则展示 |
|
|
|
|
const results = res.data.data.filter(item => { |
|
|
|
|
return item.workOrderId && item.workOrderNumber; |
|
|
|
@ -1151,14 +1214,17 @@ const Viewdetails = value => {
|
|
|
|
|
}, |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
// 责任人查询>获取当前责任方的责任人 |
|
|
|
|
const ResponsiblePartychange = item => { |
|
|
|
|
item.personResponsibleId = ''; |
|
|
|
|
if (!item.businessId) { |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
let data = { |
|
|
|
|
warehouseId: item.businessName, |
|
|
|
|
warehouseId: item.businessId, |
|
|
|
|
}; |
|
|
|
|
// 清空责任人 |
|
|
|
|
item.personResponsibleName = ''; |
|
|
|
|
|
|
|
|
|
$_getBusinessDepartmentUser(data).then(res => { |
|
|
|
|
console.log(res, '获取责任人列表'); |
|
|
|
|
if (res.data.code == 200 && res.data.data && res.data.data.length) { |
|
|
|
@ -1180,19 +1246,20 @@ const ResponsiblePartychange = item => {
|
|
|
|
|
// 车次号带出车辆线路 |
|
|
|
|
const DeliveryTrainnumber = value => { |
|
|
|
|
if (value) { |
|
|
|
|
if(form.value.Trainoptions.length){ |
|
|
|
|
if (form.value.Trainoptions.length) { |
|
|
|
|
let data = form.value.Trainoptions.find(res => res.trainNumber == value); |
|
|
|
|
form.value.vehicleRoute = data.vehicleRoute; |
|
|
|
|
} |
|
|
|
|
form.value.vehicleRoute = data.vehicleRoute; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
// 提交 |
|
|
|
|
const onSubmit = () => { |
|
|
|
|
console.log(form.value.fileList); |
|
|
|
|
console.log(form.value); |
|
|
|
|
ruleFormRef.value.validate(valid => { |
|
|
|
|
if (!valid) { |
|
|
|
|
ElMessage({ |
|
|
|
|
message: '有遗漏信息未填写,请根据提示填写完整!', |
|
|
|
|
message: '息未填写完整,请根据提示填写完整!', |
|
|
|
|
type: 'warning', |
|
|
|
|
}); |
|
|
|
|
return; |
|
|
|
@ -1207,27 +1274,188 @@ const onSubmit = () => {
|
|
|
|
|
}).then(async () => { |
|
|
|
|
form.value.Pageloading = true; //开启页面加载 |
|
|
|
|
|
|
|
|
|
let submitData = { |
|
|
|
|
// 包件信息 |
|
|
|
|
// packageEntityList: [ |
|
|
|
|
// { |
|
|
|
|
// packageCode: '', //包条码 |
|
|
|
|
// waybillNumber: '', //运单号 |
|
|
|
|
// orderCode: '', //订单自编号 |
|
|
|
|
// first: '', //一级品 |
|
|
|
|
// secondary: '', //二级品 |
|
|
|
|
// brandName: '', //品牌 |
|
|
|
|
// }, |
|
|
|
|
// ], |
|
|
|
|
// 基础信息 |
|
|
|
|
...form.value.basis, |
|
|
|
|
// 内部责任划分 |
|
|
|
|
// personResponsibleDTO: [ |
|
|
|
|
// { |
|
|
|
|
// businessName: '', //责任方 |
|
|
|
|
// businessId: '', //责任方id |
|
|
|
|
// personResponsibleName: '', //责任人 |
|
|
|
|
// personResponsibleId: '', //责任人ID |
|
|
|
|
// responsibilityRatio: 0, //责任占比 |
|
|
|
|
// tripartite: '', //三方责任人 |
|
|
|
|
// description: '', //说明 |
|
|
|
|
// }, |
|
|
|
|
// ], |
|
|
|
|
// 处理方OR责任方 |
|
|
|
|
// processorEntityList: [ |
|
|
|
|
// { |
|
|
|
|
// businessName: '', //仓库名称 |
|
|
|
|
// businessId: '', //仓库ID |
|
|
|
|
// conditions: 1, //固定参数 |
|
|
|
|
// typesOf: '', //1责任方 ,2处理方 |
|
|
|
|
// }, |
|
|
|
|
// ], |
|
|
|
|
// 处理结果 |
|
|
|
|
// aftersalesProcessingResultsDTO: { |
|
|
|
|
// compensationMethod: '', //赔付方式名称 多个名称逗号拼接 银行卡赔付,现付款中扣除 |
|
|
|
|
// money: 0, //总金额 |
|
|
|
|
// resultType: '', //处理结果名称 多个逗号拼接 下补单,维修/补漆 |
|
|
|
|
// processingMoneyEntityList: [ |
|
|
|
|
// { |
|
|
|
|
// compensationMethodName: '', //支付方式名称 |
|
|
|
|
// compensationMethod: '2', //支付方式value |
|
|
|
|
// compensationTime: '', //支付时间 |
|
|
|
|
// money: 0, //支付金额 |
|
|
|
|
// paymentUnit: '', //支付单位 |
|
|
|
|
// resultName: '', //处理结果方式 下补单 |
|
|
|
|
// resultType: '', //处理结果方式 value |
|
|
|
|
// typesOf: 1, //固定参数 |
|
|
|
|
// }, |
|
|
|
|
// ], |
|
|
|
|
// }, |
|
|
|
|
// 图片 |
|
|
|
|
// decreaseImageEntityList: [ |
|
|
|
|
// { |
|
|
|
|
// imageName: '', //图片名称 |
|
|
|
|
// imagePath: '', //图片地址 |
|
|
|
|
// imageType: '', //图片类型 |
|
|
|
|
// }, |
|
|
|
|
// ], |
|
|
|
|
}; |
|
|
|
|
// 包件处理 |
|
|
|
|
if (form.value.PackageList.length) { |
|
|
|
|
submitData.packageEntityList = []; |
|
|
|
|
form.value.PackageList.forEach(item => { |
|
|
|
|
submitData['packageEntityList'].push({ |
|
|
|
|
packageCode: item.packageCode, //包条码 |
|
|
|
|
waybillNumber: item.waybillNumber, //运单号 |
|
|
|
|
orderCode: item.orderCode, //订单自编号 |
|
|
|
|
first: item.first, //一级品 |
|
|
|
|
secondary: item.secondary, //二级品 |
|
|
|
|
brandName: item.brandName, //品牌 |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
// 订单自编号 |
|
|
|
|
submitData.orderCode = form.value.PackageList[0].orderCode; |
|
|
|
|
} |
|
|
|
|
// 责任方处理 |
|
|
|
|
if (form.groundlineType == '1') { |
|
|
|
|
submitData.processorEntityList = []; |
|
|
|
|
form.value.responsibilitiesList.forEach(item => { |
|
|
|
|
submitData['processorEntityList'].push({ |
|
|
|
|
businessName: item.Responsibleoptions.find(res => res.value == item.businessId).label, //仓库名称 |
|
|
|
|
businessId: item.businessId, //仓库ID |
|
|
|
|
conditions: 1, //固定参数 |
|
|
|
|
typesOf: 1, //1责任方 ,2处理方 |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
// 处理方处理 |
|
|
|
|
if (form.value.basis.processor.length) { |
|
|
|
|
submitData.processorEntityList = []; |
|
|
|
|
form.value.basis.processor.forEach(item => { |
|
|
|
|
submitData['processorEntityList'].push({ |
|
|
|
|
businessName: Processingoptions.value.find(res => res.value == item).label, //仓库名称 |
|
|
|
|
businessId: item, //仓库ID |
|
|
|
|
conditions: 1, //固定参数 |
|
|
|
|
typesOf: 2, //1责任方 ,2处理方 |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
// 内部责任划分 |
|
|
|
|
if (form.value.responsibilitiesList.length) { |
|
|
|
|
submitData.personResponsibleDTO = []; |
|
|
|
|
form.value.responsibilitiesList.forEach(item => { |
|
|
|
|
console.log(item); |
|
|
|
|
let data = { |
|
|
|
|
// businessName: item.Responsibleoptions.find(res => res.id == item.businessId).label || '', //责任方 |
|
|
|
|
// businessId: item.businessId, //责任方id |
|
|
|
|
// personResponsibleName: item.ResponsibleoNameptions.find( |
|
|
|
|
// res => res.id == item.personResponsibleId |
|
|
|
|
// ).name, //责任人名称 |
|
|
|
|
// personResponsibleId: item.personResponsibleId, //责任人ID |
|
|
|
|
responsibilityRatio: item.responsibilityRatio, //责任占比 |
|
|
|
|
tripartite: item.tripartite, //三方责任人 |
|
|
|
|
description: item.description, //说明 |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
if (form.value.groundlineType == '1') { |
|
|
|
|
data.personResponsibleName = item.personResponsibleId; //责任人名称 |
|
|
|
|
data.businessName = item.Processingoptions.find( |
|
|
|
|
res => res.value == item.businessId |
|
|
|
|
).label; //责任方 |
|
|
|
|
data.businessId = item.businessId; //责任方id |
|
|
|
|
} else { |
|
|
|
|
data.personResponsibleId = item.personResponsibleId; //责任人id |
|
|
|
|
(data.personResponsibleName = item.ResponsibleoNameptions.find( |
|
|
|
|
res => res.id == item.personResponsibleId |
|
|
|
|
).name), //责任人名称 |
|
|
|
|
(data.businessName = item.Responsibleoptions.find( |
|
|
|
|
res => res.value == item.businessId |
|
|
|
|
).label); //责任方 |
|
|
|
|
data.businessId = item.businessId; //责任方id |
|
|
|
|
} |
|
|
|
|
submitData['personResponsibleDTO'].push(data); |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
// 图片处理 |
|
|
|
|
if ( |
|
|
|
|
form.value.fileList.length && |
|
|
|
|
(form.value.groundlineType == '1' || form.value.groundlineType == '3') |
|
|
|
|
) { |
|
|
|
|
submitData.decreaseImageEntityList = []; |
|
|
|
|
form.value.fileList.forEach(item => { |
|
|
|
|
if (item.response) { |
|
|
|
|
submitData['decreaseImageEntityList'].push({ |
|
|
|
|
imageName: item.response.data.originalName, //图片名称 |
|
|
|
|
imagePath: item.response.data.link, //图片地址 |
|
|
|
|
imageType: form.value.groundlineType == 1 ? 10 : 20, //图片类型 |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
console.log(submitData, '处理好的参数'); |
|
|
|
|
|
|
|
|
|
$_submit(submitData).then(res => { |
|
|
|
|
console.log(res, '提交成功'); |
|
|
|
|
}); |
|
|
|
|
// 关闭页面加载 |
|
|
|
|
let _time = setTimeout(() => { |
|
|
|
|
form.value.Pageloading = false; //开启页面加载 |
|
|
|
|
clearTimeout(_time); |
|
|
|
|
}, 300); |
|
|
|
|
|
|
|
|
|
console.log(valid, '校验状态'); |
|
|
|
|
if (!form.value.fileList || !form.value.fileList.length) { |
|
|
|
|
console.log('请上传图片'); |
|
|
|
|
return; |
|
|
|
|
} else if (form.value.fileList || form.value.fileList.length) { |
|
|
|
|
let state = form.value.fileList.every( |
|
|
|
|
item => item.response && item.response.data && item.response.data.link |
|
|
|
|
); |
|
|
|
|
if (!state) { |
|
|
|
|
ElMessage({ |
|
|
|
|
message: '图片未上传成功,请重新上传', |
|
|
|
|
type: 'warning', |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
// console.log(valid, '校验状态'); |
|
|
|
|
// console.log(form.value, 'form表单'); |
|
|
|
|
// if (!form.value.fileList || !form.value.fileList.length) { |
|
|
|
|
// console.log('请上传图片'); |
|
|
|
|
// return; |
|
|
|
|
// } else if (form.value.fileList || form.value.fileList.length) { |
|
|
|
|
// let state = form.value.fileList.every( |
|
|
|
|
// item => item.response && item.response.data && item.response.data.link |
|
|
|
|
// ); |
|
|
|
|
// if (!state) { |
|
|
|
|
// ElMessage({ |
|
|
|
|
// message: '图片未上传成功,请重新上传', |
|
|
|
|
// type: 'warning', |
|
|
|
|
// }); |
|
|
|
|
// } |
|
|
|
|
// } |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
@ -1291,20 +1519,19 @@ const TabactiveClick = (a, b) => {
|
|
|
|
|
flex: 1; |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
margin: 0px 3%; |
|
|
|
|
margin: 0px 2px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
:deep(.is-active) { |
|
|
|
|
font-weight: bold; |
|
|
|
|
} |
|
|
|
|
:deep(.Package) { |
|
|
|
|
width: 80%; |
|
|
|
|
width: 83%; |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
align-items: center; |
|
|
|
|
.el-form-item { |
|
|
|
|
width: 16%; |
|
|
|
|
margin-right: 0; |
|
|
|
|
width: 14%; |
|
|
|
|
margin-right: 6px; |
|
|
|
|
.el-form-item__label { |
|
|
|
|
margin-bottom: 0; |
|
|
|
|
} |
|
|
|
@ -1312,17 +1539,17 @@ const TabactiveClick = (a, b) => {
|
|
|
|
|
.Number { |
|
|
|
|
width: 20px; |
|
|
|
|
height: 20px; |
|
|
|
|
background-color: #666; |
|
|
|
|
color: #fff; |
|
|
|
|
// background-color: #409eff; |
|
|
|
|
color: #409eff; |
|
|
|
|
text-align: center; |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
justify-content: center; |
|
|
|
|
border-radius: 50%; |
|
|
|
|
margin-right: 10px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.el_addPackage { |
|
|
|
|
background-color: #409eff; |
|
|
|
|
border: none; |
|
|
|
|
color: #ffffff; |
|
|
|
|
} |
|
|
|
@ -1332,7 +1559,6 @@ const TabactiveClick = (a, b) => {
|
|
|
|
|
margin-bottom: 10px; |
|
|
|
|
height: 40px; |
|
|
|
|
.el_Package_num { |
|
|
|
|
margin-left: 64px; |
|
|
|
|
font-size: 14px; |
|
|
|
|
height: 80%; |
|
|
|
|
border-bottom: 1px solid #409eff; |
|
|
|
@ -1357,12 +1583,12 @@ const TabactiveClick = (a, b) => {
|
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.Basicinformation { |
|
|
|
|
width: 100%; |
|
|
|
|
width: 80%; |
|
|
|
|
display: flex; |
|
|
|
|
flex-wrap: wrap; |
|
|
|
|
:deep(.el-form-item) { |
|
|
|
|
width: 12.8%; |
|
|
|
|
margin-right: 10px; |
|
|
|
|
width: 15%; |
|
|
|
|
margin-right: 6px; |
|
|
|
|
.el-form-item__content { |
|
|
|
|
.el-input { |
|
|
|
|
height: 100% !important; |
|
|
|
@ -1400,8 +1626,8 @@ const TabactiveClick = (a, b) => {
|
|
|
|
|
flex-wrap: wrap; |
|
|
|
|
align-items: center; |
|
|
|
|
.el-form-item { |
|
|
|
|
width: 16%; |
|
|
|
|
margin-right: 10px; |
|
|
|
|
width: 14%; |
|
|
|
|
margin-right: 6px; |
|
|
|
|
.el-input-number { |
|
|
|
|
width: 100%; |
|
|
|
|
} |
|
|
|
@ -1423,15 +1649,14 @@ const TabactiveClick = (a, b) => {
|
|
|
|
|
.Number { |
|
|
|
|
width: 20px; |
|
|
|
|
height: 20px; |
|
|
|
|
background-color: #666; |
|
|
|
|
margin-right: 4px; |
|
|
|
|
color: #fff; |
|
|
|
|
// background-color: #409eff; |
|
|
|
|
color: #409eff; |
|
|
|
|
text-align: center; |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
justify-content: center; |
|
|
|
|
border-radius: 50%; |
|
|
|
|
margin-top: 2px; |
|
|
|
|
margin-right: 10px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
@ -1441,11 +1666,9 @@ const TabactiveClick = (a, b) => {
|
|
|
|
|
margin-bottom: 10px; |
|
|
|
|
height: 40px; |
|
|
|
|
.el_addPackage { |
|
|
|
|
background-color: #409eff; |
|
|
|
|
border: none; |
|
|
|
|
} |
|
|
|
|
.el_Package_num { |
|
|
|
|
margin-left: 36px; |
|
|
|
|
font-size: 14px; |
|
|
|
|
height: 80%; |
|
|
|
|
border-bottom: 1px solid #409eff; |
|
|
|
|