|
|
|
|
@ -7,7 +7,6 @@
|
|
|
|
|
class="el_Cselect" |
|
|
|
|
v-model="form.Warehousebillingmode" |
|
|
|
|
filterable |
|
|
|
|
clearable |
|
|
|
|
placeholder="选择计费类型" |
|
|
|
|
style="width: 240px" |
|
|
|
|
@change="chargetype" |
|
|
|
|
@ -29,7 +28,7 @@
|
|
|
|
|
filterable |
|
|
|
|
placeholder="请选择服务类型" |
|
|
|
|
:popper-append-to-body="false" |
|
|
|
|
style="width: 660px" |
|
|
|
|
style="width: 760px" |
|
|
|
|
multiple |
|
|
|
|
@remove-tag="removeTag" |
|
|
|
|
> |
|
|
|
|
@ -67,14 +66,18 @@
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- 商配/市配 --> |
|
|
|
|
<div class="el_Storage"> |
|
|
|
|
<div class="el_Storage" v-if="WarehousebillingmodeTitle"> |
|
|
|
|
<el-tabs class="demo-tabs"> |
|
|
|
|
<el-tab-pane :label="WarehousebillingmodeTitle"> |
|
|
|
|
<el-tab-pane |
|
|
|
|
:label="WarehousebillingmodeTitle" |
|
|
|
|
v-loading="Deliveryloading" |
|
|
|
|
element-loading-text="Loading..." |
|
|
|
|
> |
|
|
|
|
<!-- 商配/市配内容 --> |
|
|
|
|
<div class="el_Commercial_ercial"> |
|
|
|
|
<div class="el_Commercial_ercial" v-if="StateDelivery"> |
|
|
|
|
<!-- 按件计费 --> |
|
|
|
|
<template v-for="Item in Commercialcial" :key="Item.title"> |
|
|
|
|
<div class="el_Storage"> |
|
|
|
|
<div class="el_Storage" v-if="Item.state"> |
|
|
|
|
<div class="Storage-cont"> |
|
|
|
|
<!-- 标题 --> |
|
|
|
|
<span class="el_table_span">{{ Item.title }}</span> |
|
|
|
|
@ -132,216 +135,260 @@
|
|
|
|
|
</el-tab-pane> |
|
|
|
|
</el-tabs> |
|
|
|
|
</div> |
|
|
|
|
<!-- 附加费计费 --> |
|
|
|
|
<div class="el_Surchargebilling"> |
|
|
|
|
<span class="el_title_span">附加费计费</span> |
|
|
|
|
<!-- 是否有分货费 --> |
|
|
|
|
<div class="el_Storage"> |
|
|
|
|
<span class="el_table_span">是否有分货费</span> |
|
|
|
|
<el-radio-group v-model="form.Distributionfee" class="el_Cselect"> |
|
|
|
|
<el-radio v-for="item in Distributionfee" :key="item.label" :label="item.value">{{ |
|
|
|
|
item.label |
|
|
|
|
}}</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</div> |
|
|
|
|
<!-- 是否有操作/装卸费 --> |
|
|
|
|
<div class="el_Storage"> |
|
|
|
|
<span class="el_table_span">是否有操作/装卸费</span> |
|
|
|
|
<el-radio-group v-model="form.Operatingfee" class="el_Cselect"> |
|
|
|
|
<el-radio v-for="item in Operatingfee" :key="item.label" :label="item.value">{{ |
|
|
|
|
item.label |
|
|
|
|
}}</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- 是否有上楼费 --> |
|
|
|
|
<div class="el_Storage el_upstairs"> |
|
|
|
|
<div class="el_upstairs_a"> |
|
|
|
|
<span class="el_table_span">是否有上楼费</span> |
|
|
|
|
<el-radio-group v-model="form.upstairs" class="el_Cselect"> |
|
|
|
|
<el-radio v-for="item in upstairs" :key="item.label" :label="item.value">{{ |
|
|
|
|
item.label |
|
|
|
|
}}</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="el_upstairs_b"> |
|
|
|
|
<span class="el_table_span">是否配置免费层数</span> |
|
|
|
|
<el-radio-group v-model="form.Numberlayers" class="el_Cselect"> |
|
|
|
|
<el-radio v-for="item in Numberlayers" :key="item.label" :label="item.value">{{ |
|
|
|
|
item.label |
|
|
|
|
}}</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- 是否有平移费 --> |
|
|
|
|
<div class="el_Storage"> |
|
|
|
|
<span class="el_table_span">是否有平移费</span> |
|
|
|
|
<el-radio-group v-model="form.Translationfee" class="el_Cselect"> |
|
|
|
|
<el-radio v-for="item in Translationfee" :key="item.label" :label="item.value">{{ |
|
|
|
|
item.label |
|
|
|
|
}}</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- 附加费是否统一计费 --> |
|
|
|
|
<div class="el_Storage"> |
|
|
|
|
<span class="el_table_span">附加费是否统一计费</span> |
|
|
|
|
<el-radio-group v-model="form.Surchargefee" class="el_Cselect"> |
|
|
|
|
<el-radio v-for="item in Surchargefee" :key="item.label" :label="item.value">{{ |
|
|
|
|
item.label |
|
|
|
|
}}</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- 附加费品类 --> |
|
|
|
|
<div class="el_Storage"> |
|
|
|
|
<div class="Storage-cont"> |
|
|
|
|
<span class="el_table_span">附加费品类</span> |
|
|
|
|
<!-- 表格 --> |
|
|
|
|
<div |
|
|
|
|
class="el_Storagecategory" |
|
|
|
|
v-loading="goriesloading" |
|
|
|
|
element-loading-text="Loading..." |
|
|
|
|
> |
|
|
|
|
<div class="el_table_span"> |
|
|
|
|
<div class="el_table_id">序号</div> |
|
|
|
|
<div class="el_table_title">品类</div> |
|
|
|
|
</div> |
|
|
|
|
<!-- 表格循环 --> |
|
|
|
|
<div class="el_table_td" v-for="item in AdditionalcategoriesList" :key="item.id"> |
|
|
|
|
<div class="el_table_idNumber">{{ item.id }}</div> |
|
|
|
|
<el-select |
|
|
|
|
class="el_Cselect" |
|
|
|
|
v-model="item.AdditionalcategoriesInput" |
|
|
|
|
filterable |
|
|
|
|
clearable |
|
|
|
|
placeholder="请选择品类" |
|
|
|
|
style="width: 240px" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="items in item.Additionalcategories" |
|
|
|
|
:key="items.value" |
|
|
|
|
:label="items.label" |
|
|
|
|
:value="items.value" |
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
<div class="el_table_operation"> |
|
|
|
|
<span |
|
|
|
|
@click="categoriesduce(item.id)" |
|
|
|
|
v-if="item.reduce" |
|
|
|
|
class="el_table_operation_span_a" |
|
|
|
|
>-</span |
|
|
|
|
> |
|
|
|
|
<span |
|
|
|
|
@click="categoriesplus(item.id)" |
|
|
|
|
v-if="item.plus" |
|
|
|
|
class="el_table_operation_span_b" |
|
|
|
|
>+</span |
|
|
|
|
> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- 最低计费 --> |
|
|
|
|
<div class="el_Storage el_Minimumbilling"> |
|
|
|
|
<span class="el_table_title">最低计费</span> |
|
|
|
|
<div class="el_Storage"> |
|
|
|
|
<div class="el_Minimumbillingbox"> |
|
|
|
|
<!-- 是否最低计费 --> |
|
|
|
|
<div class="el_Minimumbilling_a"> |
|
|
|
|
<span class="el_table_span">是否最低计费</span> |
|
|
|
|
<el-radio-group v-model="form.Minimumbilling" class="el_Cselect"> |
|
|
|
|
<el-radio v-for="item in Minimumbilling" :key="item.label" :label="item.value">{{ |
|
|
|
|
item.label |
|
|
|
|
}}</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</div> |
|
|
|
|
<!-- 最低计费方式 --> |
|
|
|
|
<div class="el_Minimumbilling_b"> |
|
|
|
|
<span class="el_table_span">最低计费方式</span> |
|
|
|
|
<el-radio-group v-model="form.Billingmethod" class="el_Cselect"> |
|
|
|
|
<el-radio v-for="item in Billingmethod" :key="item.label" :label="item.value">{{ |
|
|
|
|
item.label |
|
|
|
|
}}</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- 最低计费类型 --> |
|
|
|
|
<div class="el_Storage"> |
|
|
|
|
<span class="el_table_span">最低计费类型</span> |
|
|
|
|
<el-radio-group v-model="form.chargetype" class="el_Cselect"> |
|
|
|
|
<el-radio v-for="item in chargetypeSelect" :key="item.label" :label="item.value">{{ |
|
|
|
|
item.label |
|
|
|
|
}}</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- 是否向上判断 --> |
|
|
|
|
<div class="el_Storage"> |
|
|
|
|
<span class="el_table_span">是否向上判断</span> |
|
|
|
|
<el-radio-group v-model="form.Upwardjudgment" class="el_Cselect"> |
|
|
|
|
<el-radio v-for="item in Upwardjudgment" :key="item.label" :label="item.value">{{ |
|
|
|
|
item.label |
|
|
|
|
}}</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<script setup> |
|
|
|
|
import { ref } from 'vue'; |
|
|
|
|
import { ElMessage } from 'element-plus'; |
|
|
|
|
import { getDictionaryBiz } from '@/api/system/dict'; //字典 |
|
|
|
|
//表单 |
|
|
|
|
const form = ref({ |
|
|
|
|
Warehousebillingmode: '1', //仓储计费类型 |
|
|
|
|
Distinguishcategories: '1', //是否区分品类 |
|
|
|
|
Leftoverparts: '1', //是否有遗留件 |
|
|
|
|
}); //表单 |
|
|
|
|
// 配送服务类型 |
|
|
|
|
const Warehousebillingmode = ref([ |
|
|
|
|
{ label: '市配', value: '1' }, |
|
|
|
|
{ label: '商配', value: '2' }, |
|
|
|
|
]); |
|
|
|
|
const WarehousebillingmodeTitle = ref('市配'); //配送服务类型标题 |
|
|
|
|
// 配送计费模式 |
|
|
|
|
const ServiceList = ref([ |
|
|
|
|
Warehousebillingmode: '', //仓储计费类型 |
|
|
|
|
Distinguishcategories: '0', //是否区分品类 |
|
|
|
|
Leftoverparts: '0', //是否有遗留件 |
|
|
|
|
Distributionfee: '0', //是否有分货费 |
|
|
|
|
Operatingfee: '0', //是否有操作装卸费 |
|
|
|
|
upstairs: '0', //是否有上楼费 |
|
|
|
|
Numberlayers: '0', //是否配置免费层数 |
|
|
|
|
Translationfee: '0', //是否有平移费 |
|
|
|
|
Surchargefee: '0', //附加费 |
|
|
|
|
Minimumbilling: '0', //是否最低计费 |
|
|
|
|
Billingmethod: '1', //最低计费方式 |
|
|
|
|
chargetype: '1', //最低计费类型 |
|
|
|
|
Upwardjudgment: '0', //是否向上判断 |
|
|
|
|
}); |
|
|
|
|
// 是否向上判断 |
|
|
|
|
const Upwardjudgment = ref([]); |
|
|
|
|
// 最低计费类型 |
|
|
|
|
const chargetypeSelect = ref([]); |
|
|
|
|
// 最低计费方式 |
|
|
|
|
const Billingmethod = ref([]); |
|
|
|
|
// 是否显示服务类型选择的列表 |
|
|
|
|
const StateDelivery = ref(false); |
|
|
|
|
// 是否最低计费 |
|
|
|
|
const Minimumbilling = ref([]); |
|
|
|
|
// 附加品类loading |
|
|
|
|
const goriesloading = ref(false); |
|
|
|
|
// 附加费品类配置 |
|
|
|
|
const AdditionalcategoriesList = ref([ |
|
|
|
|
{ |
|
|
|
|
id: 1, |
|
|
|
|
plus: true, |
|
|
|
|
reduce: false, |
|
|
|
|
AdditionalcategoriesInput: '', //选择框值 |
|
|
|
|
Additionalcategories: [ |
|
|
|
|
{ |
|
|
|
|
label: '按计件计费', |
|
|
|
|
label: '衣柜', |
|
|
|
|
value: '1', |
|
|
|
|
check: false, |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
label: '按重量计费', |
|
|
|
|
label: '橱柜', |
|
|
|
|
value: '2', |
|
|
|
|
check: false, |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
label: '按方计费', |
|
|
|
|
value: '3', |
|
|
|
|
check: false, |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
label: '按整车计费', |
|
|
|
|
value: '4', |
|
|
|
|
state: false, |
|
|
|
|
check: false, |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
label: '按点位计费', |
|
|
|
|
value: '5', |
|
|
|
|
check: false, |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
label: '按吨计费', |
|
|
|
|
value: '6', |
|
|
|
|
check: false, |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
label: '按公里计费', |
|
|
|
|
value: '7', |
|
|
|
|
check: false, |
|
|
|
|
], |
|
|
|
|
}, |
|
|
|
|
]); |
|
|
|
|
|
|
|
|
|
// 附加费是否统一计费 |
|
|
|
|
const Surchargefee = ref([]); |
|
|
|
|
//是否有平移费 |
|
|
|
|
const Translationfee = ref([]); |
|
|
|
|
//是否配置免费层数 |
|
|
|
|
const Numberlayers = ref([]); |
|
|
|
|
// 是否有上楼费 |
|
|
|
|
const upstairs = ref([]); |
|
|
|
|
//是否有分货费 |
|
|
|
|
const Distributionfee = ref([]); |
|
|
|
|
//是否有操作装卸费 |
|
|
|
|
const Operatingfee = ref([]); |
|
|
|
|
const Deliveryloading = ref(false); |
|
|
|
|
// 配送服务类型 |
|
|
|
|
const Warehousebillingmode = ref([]); |
|
|
|
|
const WarehousebillingmodeTitle = ref(''); //配送服务类型标题 |
|
|
|
|
// 配送计费模式 |
|
|
|
|
const ServiceList = ref([]); |
|
|
|
|
const Commercialcial = ref([ |
|
|
|
|
{ |
|
|
|
|
title: '按件数计费', // 标题 |
|
|
|
|
state: false, //是否显示 |
|
|
|
|
Storageloading: false, //加载效果 |
|
|
|
|
sequence: [ |
|
|
|
|
//表格 |
|
|
|
|
{ |
|
|
|
|
id: 1, //序号 |
|
|
|
|
plus: true, //加号显示 |
|
|
|
|
reduce: false, //减号显示 |
|
|
|
|
StoragecategoryList: [], //品类 |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
id: 2, |
|
|
|
|
plus: true, |
|
|
|
|
reduce: true, |
|
|
|
|
StoragecategoryList: [], |
|
|
|
|
}, |
|
|
|
|
], |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
title: '按重量计费', |
|
|
|
|
state: false, //是否显示 |
|
|
|
|
Storageloading: false, //加载效果 |
|
|
|
|
sequence: [ |
|
|
|
|
//表格 |
|
|
|
|
{ |
|
|
|
|
id: 1, //序号 |
|
|
|
|
plus: true, //加号显示 |
|
|
|
|
reduce: false, //减号显示 |
|
|
|
|
StoragecategoryList: [], //品类 |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
id: 2, |
|
|
|
|
plus: true, |
|
|
|
|
reduce: true, |
|
|
|
|
StoragecategoryList: [], |
|
|
|
|
}, |
|
|
|
|
], |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
title: '按方计费', |
|
|
|
|
state: false, //是否显示 |
|
|
|
|
Storageloading: false, //加载效果 |
|
|
|
|
sequence: [ |
|
|
|
|
//表格 |
|
|
|
|
{ |
|
|
|
|
id: 1, //序号 |
|
|
|
|
plus: true, //加号显示 |
|
|
|
|
reduce: false, //减号显示 |
|
|
|
|
StoragecategoryList: [], //品类 |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
id: 2, |
|
|
|
|
plus: true, |
|
|
|
|
reduce: true, |
|
|
|
|
StoragecategoryList: [], |
|
|
|
|
}, |
|
|
|
|
], |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
title: '按整车计费', |
|
|
|
|
state: false, //是否显示 |
|
|
|
|
Storageloading: false, //加载效果 |
|
|
|
|
sequence: [ |
|
|
|
|
//表格 |
|
|
|
|
{ |
|
|
|
|
id: 1, //序号 |
|
|
|
|
plus: true, //加号显示 |
|
|
|
|
reduce: false, //减号显示 |
|
|
|
|
StoragecategoryList: [], //品类 |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
id: 2, |
|
|
|
|
plus: true, |
|
|
|
|
reduce: true, |
|
|
|
|
StoragecategoryList: [], |
|
|
|
|
}, |
|
|
|
|
], |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
title: '按点位计费', |
|
|
|
|
state: false, |
|
|
|
|
state: false, //是否显示 |
|
|
|
|
Storageloading: false, //加载效果 |
|
|
|
|
sequence: [ |
|
|
|
|
//表格 |
|
|
|
|
{ |
|
|
|
|
id: 1, //序号 |
|
|
|
|
plus: true, //加号显示 |
|
|
|
|
reduce: false, //减号显示 |
|
|
|
|
StoragecategoryList: [], //品类 |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
id: 2, |
|
|
|
|
plus: true, |
|
|
|
|
reduce: true, |
|
|
|
|
StoragecategoryList: [], |
|
|
|
|
}, |
|
|
|
|
], |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
title: '按吨计费', |
|
|
|
|
state: false, //是否显示 |
|
|
|
|
Storageloading: false, //加载效果 |
|
|
|
|
sequence: [ |
|
|
|
|
//表格 |
|
|
|
|
{ |
|
|
|
|
id: 1, //序号 |
|
|
|
|
plus: true, //加号显示 |
|
|
|
|
reduce: false, //减号显示 |
|
|
|
|
StoragecategoryList: [], //品类 |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
id: 2, |
|
|
|
|
plus: true, |
|
|
|
|
reduce: true, |
|
|
|
|
StoragecategoryList: [], |
|
|
|
|
}, |
|
|
|
|
], |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
title: '按公里计费', |
|
|
|
|
state: false, //是否显示 |
|
|
|
|
Storageloading: false, //加载效果 |
|
|
|
|
sequence: [ |
|
|
|
|
//表格 |
|
|
|
|
{ |
|
|
|
|
id: 1, //序号 |
|
|
|
|
plus: true, //加号显示 |
|
|
|
|
reduce: false, //减号显示 |
|
|
|
|
StoragecategoryList: [], //品类 |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
id: 2, |
|
|
|
|
plus: true, |
|
|
|
|
reduce: true, |
|
|
|
|
StoragecategoryList: [], |
|
|
|
|
}, |
|
|
|
|
], |
|
|
|
|
}, |
|
|
|
|
// { |
|
|
|
|
// title: '按公里计费', |
|
|
|
|
// state: false, //是否显示 |
|
|
|
|
// Storageloading: false, //加载效果 |
|
|
|
|
// sequence: [ |
|
|
|
|
// //表格 |
|
|
|
|
// { |
|
|
|
|
// id: 1, //序号 |
|
|
|
|
// plus: true, //加号显示 |
|
|
|
|
// reduce: false, //减号显示 |
|
|
|
|
// StoragecategoryList: [], //品类 |
|
|
|
|
// Warehousecategory: '', //选择的值 |
|
|
|
|
// }, |
|
|
|
|
// ], |
|
|
|
|
// }, |
|
|
|
|
]); |
|
|
|
|
|
|
|
|
|
// 是否区分品类 |
|
|
|
|
const Distinguishcategories = ref([ |
|
|
|
|
{ label: '是', value: '1' }, |
|
|
|
|
{ label: '否', value: '0' }, |
|
|
|
|
]); |
|
|
|
|
const Distinguishcategories = ref([]); |
|
|
|
|
// 是否有遗留件 |
|
|
|
|
const Leftoverparts = ref([ |
|
|
|
|
{ label: '是', value: '1' }, |
|
|
|
|
{ label: '否', value: '0' }, |
|
|
|
|
]); |
|
|
|
|
const Leftoverparts = ref([]); |
|
|
|
|
// 计费类型选择 |
|
|
|
|
const chargetype = val => { |
|
|
|
|
console.log(val); |
|
|
|
|
@ -353,19 +400,6 @@ const chargetype = val => {
|
|
|
|
|
}; |
|
|
|
|
//案件计费 |
|
|
|
|
const Storageloading = ref(false); |
|
|
|
|
// 仓储品类配置 |
|
|
|
|
const StoragecategoryList = ref([ |
|
|
|
|
{ |
|
|
|
|
id: 1, |
|
|
|
|
plus: true, |
|
|
|
|
reduce: false, |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
id: 2, |
|
|
|
|
plus: true, |
|
|
|
|
reduce: true, |
|
|
|
|
}, |
|
|
|
|
]); |
|
|
|
|
// 附加费品类 |
|
|
|
|
const Additionalcategories = ref([ |
|
|
|
|
{ |
|
|
|
|
@ -377,20 +411,59 @@ const Additionalcategories = ref([
|
|
|
|
|
value: '2', |
|
|
|
|
}, |
|
|
|
|
]); |
|
|
|
|
// 页面初始化添加品类 |
|
|
|
|
Commercialcial.value.forEach(res => { |
|
|
|
|
console.log(res, '第一层'); |
|
|
|
|
res.sequence.forEach(rues => { |
|
|
|
|
console.log(rues, '第二曾'); |
|
|
|
|
rues.StoragecategoryList = { ...Additionalcategories.value }; |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
const Timedelive = () => { |
|
|
|
|
Deliveryloading.value = true; |
|
|
|
|
let timerId = setTimeout(() => { |
|
|
|
|
Deliveryloading.value = false; |
|
|
|
|
clearTimeout(timerId); // 在回调函数内部清除定时器 |
|
|
|
|
}, 300); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
// 根据当前选择的服务类型来选择是否显示框框 |
|
|
|
|
const CommercialcialDisplay = () => { |
|
|
|
|
if (Commercialcial.value.find(res => res.state)) { |
|
|
|
|
StateDelivery.value = true; |
|
|
|
|
} else { |
|
|
|
|
StateDelivery.value = false; |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
// 点击菜单 |
|
|
|
|
const isChecked = val => { |
|
|
|
|
console.log(val, '点击的'); |
|
|
|
|
const isChecked = value => { |
|
|
|
|
if (!WarehousebillingmodeTitle.value) { |
|
|
|
|
ElMessage({ |
|
|
|
|
message: '请先选择仓储计费类型', |
|
|
|
|
type: 'warning', |
|
|
|
|
}); |
|
|
|
|
form.value.ServiceType = []; //清空选择 |
|
|
|
|
value.check = false; //取消当前勾选 |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
console.log(value, '当前点击的菜单'); |
|
|
|
|
// 找到当前点击的菜单,显示对应的列表 |
|
|
|
|
let data = ServiceList.value.find(res => res.label == value.label); |
|
|
|
|
Commercialcial.value.find(res => res.title == data.label).state = !Commercialcial.value.find( |
|
|
|
|
res => res.title == data.label |
|
|
|
|
).state; |
|
|
|
|
|
|
|
|
|
CommercialcialDisplay(); // 根据当前选择的服务类型来选择是否显示框框 |
|
|
|
|
Timedelive(); //加载效果 |
|
|
|
|
}; |
|
|
|
|
// 点击移除 |
|
|
|
|
const removeTag = value => { |
|
|
|
|
ServiceList.value.find(res => res.value == value).check = false; |
|
|
|
|
Deliveryloading.value = true; |
|
|
|
|
let data = ServiceList.value.find(res => res.value == value); |
|
|
|
|
data.check = false; |
|
|
|
|
Commercialcial.value.find(res => res.title == data.label).state = false; |
|
|
|
|
// 根据当前选择的服务类型来选择是否显示框框 |
|
|
|
|
CommercialcialDisplay(); // 根据当前选择的服务类型来选择是否显示框框 |
|
|
|
|
Timedelive(); //加载效果 |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
// 移除对象 |
|
|
|
|
@ -415,11 +488,10 @@ function addItemAfterId(array, id) {
|
|
|
|
|
id: array.sequence.length + 1, // 新对象的 ID 为当前数组长度加 1 |
|
|
|
|
plus: true, //加号 |
|
|
|
|
reduce: true, //减号 |
|
|
|
|
StoragecategoryList: [ ...Additionalcategories.value ], //品类 |
|
|
|
|
StoragecategoryList: [...Additionalcategories.value], //品类 |
|
|
|
|
Warehousecategory: '', //选择的值 |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const index = array.sequence.findIndex(item => item.id === id); |
|
|
|
|
if (index !== -1) { |
|
|
|
|
array.sequence.splice(index + 1, 0, newItem); // 在找到的 ID 后面插入新对象 |
|
|
|
|
@ -447,6 +519,121 @@ const storageplus = (item, id) => {
|
|
|
|
|
item.Storageloading = true; |
|
|
|
|
addItemAfterId(item, id); |
|
|
|
|
}; |
|
|
|
|
// 附加品类加移除对象 |
|
|
|
|
function FmremoveItemById(array, id) { |
|
|
|
|
const index = array.findIndex(item => item.id === id); |
|
|
|
|
if (index !== -1) { |
|
|
|
|
array.splice(index, 1); |
|
|
|
|
array.forEach((item, index) => { |
|
|
|
|
item.id = index + 1; |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
let timerId = setTimeout(() => { |
|
|
|
|
goriesloading.value = false; |
|
|
|
|
clearTimeout(timerId); // 在回调函数内部清除定时器 |
|
|
|
|
}, 300); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
// 附加品类加添加对象 |
|
|
|
|
function FmaddItemAfterId(array, id, data) { |
|
|
|
|
console.log(array); |
|
|
|
|
const newItem = { |
|
|
|
|
id: array.length + 1, // 新对象的 ID 为当前数组长度加 1 |
|
|
|
|
plus: true, //是否显示加号 |
|
|
|
|
reduce: true, //是否显示减号 |
|
|
|
|
WarehousecategoryInput: '', //选择框值 |
|
|
|
|
Additionalcategories: [...data], //选择框列表,防止后期需要改动列表值 |
|
|
|
|
}; |
|
|
|
|
const index = array.findIndex(item => item.id === id); |
|
|
|
|
if (index !== -1) { |
|
|
|
|
array.splice(index + 1, 0, newItem); // 在找到的 ID 后面插入新对象 |
|
|
|
|
// 重新排序 ID |
|
|
|
|
array.forEach((item, index) => { |
|
|
|
|
item.id = index + 1; |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
let timerId = setTimeout(() => { |
|
|
|
|
goriesloading.value = false; //关闭加载效果 |
|
|
|
|
clearTimeout(timerId); // 在回调函数内部清除定时器 |
|
|
|
|
}, 300); |
|
|
|
|
// 取消定时器 |
|
|
|
|
} |
|
|
|
|
// 附加品类加 |
|
|
|
|
const categoriesplus = id => { |
|
|
|
|
goriesloading.value = true; |
|
|
|
|
FmaddItemAfterId(AdditionalcategoriesList.value, id, Additionalcategories.value); |
|
|
|
|
}; |
|
|
|
|
// 附加品类减 |
|
|
|
|
const categoriesduce = id => { |
|
|
|
|
goriesloading.value = true; |
|
|
|
|
FmremoveItemById(AdditionalcategoriesList.value, id); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
function updateDictionary(targetArray, dictionaryType) { |
|
|
|
|
getDictionaryBiz(dictionaryType) |
|
|
|
|
.then(res => { |
|
|
|
|
console.log(res, '字典'); |
|
|
|
|
if (res.data.code == 200) { |
|
|
|
|
if (res.data.data.length) { |
|
|
|
|
res.data.data.forEach(item => { |
|
|
|
|
targetArray.push({ |
|
|
|
|
value: item.dictKey, |
|
|
|
|
label: item.dictValue, |
|
|
|
|
id: item.id, |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
// 是否类型 |
|
|
|
|
if (dictionaryType == 'price_yes_no') { |
|
|
|
|
Leftoverparts.value= {...Distinguishcategories.value};//是否有遗留件 |
|
|
|
|
Distributionfee.value= {...Distinguishcategories.value};//是否有分货费 |
|
|
|
|
Operatingfee.value= {...Distinguishcategories.value};//是否有操作/装卸费 |
|
|
|
|
upstairs.value= {...Distinguishcategories.value};//是否有上楼费 |
|
|
|
|
Numberlayers.value= {...Distinguishcategories.value};//是否配置免费层数 |
|
|
|
|
Translationfee.value= {...Distinguishcategories.value};//是否有平移费 |
|
|
|
|
Surchargefee.value= {...Distinguishcategories.value};//附加费是否统一计费 |
|
|
|
|
Minimumbilling.value= {...Distinguishcategories.value};//是否最低计费 |
|
|
|
|
Upwardjudgment.value= {...Distinguishcategories.value};//是否向上判断 |
|
|
|
|
} |
|
|
|
|
//服务类型 |
|
|
|
|
if (dictionaryType == 'dispatch_pricing_type') { |
|
|
|
|
Commercialcial.value = []; //清空服务类型 |
|
|
|
|
res.data.data.forEach(res => { |
|
|
|
|
let data = { |
|
|
|
|
title: res.dictValue, // 标题 |
|
|
|
|
id: res.id, //码表ID |
|
|
|
|
state: false, //是否显示 |
|
|
|
|
Storageloading: false, //加载效果 |
|
|
|
|
sequence: [ |
|
|
|
|
//表格 |
|
|
|
|
{ |
|
|
|
|
id: 1, //序号 |
|
|
|
|
plus: true, //加号显示 |
|
|
|
|
reduce: false, //减号显示 |
|
|
|
|
StoragecategoryList: [], //品类 |
|
|
|
|
Warehousecategory: '', //选择的值 |
|
|
|
|
}, |
|
|
|
|
], |
|
|
|
|
}; |
|
|
|
|
Commercialcial.value.push({ |
|
|
|
|
...data, |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
.catch(() => {}) |
|
|
|
|
.finally(() => {}); |
|
|
|
|
} |
|
|
|
|
// 页面初始化必要请求 |
|
|
|
|
const onLoad = () => { |
|
|
|
|
updateDictionary(Warehousebillingmode.value, 'dispatch_type'); //仓储计费类型 |
|
|
|
|
updateDictionary(ServiceList.value, 'dispatch_pricing_type'); //仓储计费类型 |
|
|
|
|
updateDictionary(Distinguishcategories.value, 'price_yes_no'); //是否区分品类 |
|
|
|
|
updateDictionary(Billingmethod.value, 'min_cost_way'); //是否区分品类 |
|
|
|
|
updateDictionary(chargetypeSelect.value, 'min_cost_type'); //最低计费类型 |
|
|
|
|
}; |
|
|
|
|
onLoad(); |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
|
|
@ -464,6 +651,7 @@ const storageplus = (item, id) => {
|
|
|
|
|
width: 100% !important; |
|
|
|
|
padding: 0 30px; |
|
|
|
|
.el-checkbox__label { |
|
|
|
|
width: 100%; |
|
|
|
|
margin-left: 20px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
@ -496,7 +684,7 @@ const storageplus = (item, id) => {
|
|
|
|
|
} |
|
|
|
|
.el_table_span { |
|
|
|
|
font-size: 16px; |
|
|
|
|
font-weight: bold; |
|
|
|
|
font-weight: 500; |
|
|
|
|
display: inline-block; |
|
|
|
|
width: 160px; |
|
|
|
|
} |
|
|
|
|
@ -594,7 +782,7 @@ const storageplus = (item, id) => {
|
|
|
|
|
|
|
|
|
|
.el_Commercial_ercial { |
|
|
|
|
width: 100%; |
|
|
|
|
height: 500px; |
|
|
|
|
max-height: 500px; |
|
|
|
|
box-sizing: border-box; |
|
|
|
|
border: 1px solid #ccc; |
|
|
|
|
padding: 4px; |
|
|
|
|
@ -602,4 +790,27 @@ const storageplus = (item, id) => {
|
|
|
|
|
overflow-y: scroll; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.el_Surchargebilling { |
|
|
|
|
.el_title_span { |
|
|
|
|
font-weight: bold; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.el_upstairs { |
|
|
|
|
display: flex; |
|
|
|
|
.el_upstairs_b { |
|
|
|
|
margin-left: 70px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.el_Minimumbilling { |
|
|
|
|
.el_table_title { |
|
|
|
|
font-weight: bold; |
|
|
|
|
} |
|
|
|
|
.el_Minimumbillingbox { |
|
|
|
|
display: flex; |
|
|
|
|
} |
|
|
|
|
.el_Minimumbilling_b { |
|
|
|
|
margin-left: 70px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|
|
