|
|
|
|
@ -2,10 +2,10 @@
|
|
|
|
|
<div class="content_max"> |
|
|
|
|
<!-- 配送服务类型 --> |
|
|
|
|
<div class="el_Storage"> |
|
|
|
|
<span class="el_table_span">仓储计费类型</span> |
|
|
|
|
<span class="el_table_span">配送服务类型</span> |
|
|
|
|
<el-select |
|
|
|
|
class="el_Cselect" |
|
|
|
|
v-model="form.Warehousebillingmode" |
|
|
|
|
v-model="form.dispatchServiceType" |
|
|
|
|
filterable |
|
|
|
|
placeholder="选择计费类型" |
|
|
|
|
style="width: 240px" |
|
|
|
|
@ -22,11 +22,11 @@
|
|
|
|
|
<!-- 配送计费模式 --> |
|
|
|
|
<div class="el_select_check"> |
|
|
|
|
<div class="el_Storage el_Service"> |
|
|
|
|
<span class="el_table_span name">服务类型</span> |
|
|
|
|
<span class="el_table_span name">配送计费模式</span> |
|
|
|
|
<el-select |
|
|
|
|
v-model="form.ServiceType" |
|
|
|
|
v-model="form.dispatchPricingType" |
|
|
|
|
filterable |
|
|
|
|
placeholder="请选择服务类型" |
|
|
|
|
placeholder="请选择配送计费模式" |
|
|
|
|
:popper-append-to-body="false" |
|
|
|
|
style="width: 760px" |
|
|
|
|
multiple |
|
|
|
|
@ -48,7 +48,11 @@
|
|
|
|
|
<!-- 是否区分品类 --> |
|
|
|
|
<div class="el_Storage"> |
|
|
|
|
<span class="el_table_span">是否区分品类</span> |
|
|
|
|
<el-radio-group v-model="form.Distinguishcategories" class="el_Cselect"> |
|
|
|
|
<el-radio-group |
|
|
|
|
@change="categoryChange" |
|
|
|
|
v-model="form.dispatchIsByCategory" |
|
|
|
|
class="el_Cselect" |
|
|
|
|
> |
|
|
|
|
<el-radio v-for="item in Distinguishcategories" :key="item.label" :label="item.value">{{ |
|
|
|
|
item.label |
|
|
|
|
}}</el-radio> |
|
|
|
|
@ -58,7 +62,7 @@
|
|
|
|
|
<!-- 是否有遗留件 --> |
|
|
|
|
<div class="el_Storage"> |
|
|
|
|
<span class="el_table_span">是否有遗留件</span> |
|
|
|
|
<el-radio-group v-model="form.Leftoverparts" class="el_Cselect"> |
|
|
|
|
<el-radio-group v-model="form.dispatchIsLeaveBehind" class="el_Cselect"> |
|
|
|
|
<el-radio v-for="item in Leftoverparts" :key="item.label" :label="item.value">{{ |
|
|
|
|
item.label |
|
|
|
|
}}</el-radio> |
|
|
|
|
@ -66,7 +70,7 @@
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- 商配/市配 --> |
|
|
|
|
<div class="el_Storage" v-if="WarehousebillingmodeTitle"> |
|
|
|
|
<div class="el_Storage" v-if="WarehousebillingmodeTitle && categoriesState"> |
|
|
|
|
<el-tabs class="demo-tabs"> |
|
|
|
|
<el-tab-pane |
|
|
|
|
:label="WarehousebillingmodeTitle" |
|
|
|
|
@ -100,13 +104,18 @@
|
|
|
|
|
class="el_Cselect" |
|
|
|
|
v-model="item.Warehousecategory" |
|
|
|
|
filterable |
|
|
|
|
remote |
|
|
|
|
clearable |
|
|
|
|
reserve-keyword |
|
|
|
|
placeholder="请选择品类" |
|
|
|
|
style="width: 240px" |
|
|
|
|
remote-show-suffix |
|
|
|
|
:remote-method="categoriesearch" |
|
|
|
|
@focus="categoriesSearchfocus(item)" |
|
|
|
|
> |
|
|
|
|
<!-- 品类列表 --> |
|
|
|
|
<el-option |
|
|
|
|
v-for="option in item.StoragecategoryList" |
|
|
|
|
v-for="option in item.Additionalcategories" |
|
|
|
|
:key="option.value" |
|
|
|
|
:label="option.label" |
|
|
|
|
:value="option.value" |
|
|
|
|
@ -141,7 +150,7 @@
|
|
|
|
|
<!-- 是否有分货费 --> |
|
|
|
|
<div class="el_Storage"> |
|
|
|
|
<span class="el_table_span">是否有分货费</span> |
|
|
|
|
<el-radio-group v-model="form.Distributionfee" class="el_Cselect"> |
|
|
|
|
<el-radio-group v-model="form.dispatchIsSortFee" class="el_Cselect"> |
|
|
|
|
<el-radio v-for="item in Distributionfee" :key="item.label" :label="item.value">{{ |
|
|
|
|
item.label |
|
|
|
|
}}</el-radio> |
|
|
|
|
@ -150,7 +159,7 @@
|
|
|
|
|
<!-- 是否有操作/装卸费 --> |
|
|
|
|
<div class="el_Storage"> |
|
|
|
|
<span class="el_table_span">是否有操作/装卸费</span> |
|
|
|
|
<el-radio-group v-model="form.Operatingfee" class="el_Cselect"> |
|
|
|
|
<el-radio-group v-model="form.dispatchIsOperateFee" class="el_Cselect"> |
|
|
|
|
<el-radio v-for="item in Operatingfee" :key="item.label" :label="item.value">{{ |
|
|
|
|
item.label |
|
|
|
|
}}</el-radio> |
|
|
|
|
@ -161,16 +170,20 @@
|
|
|
|
|
<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-group |
|
|
|
|
@change="UpstairsChange" |
|
|
|
|
v-model="form.dispatchIsStairsCarryingCharge" |
|
|
|
|
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"> |
|
|
|
|
<div class="el_upstairs_b" v-if="UpstairsState"> |
|
|
|
|
<span class="el_table_span">是否配置免费层数</span> |
|
|
|
|
<el-radio-group v-model="form.Numberlayers" class="el_Cselect"> |
|
|
|
|
<el-radio-group v-model="form.dispatchIsFeeFloor" class="el_Cselect"> |
|
|
|
|
<el-radio v-for="item in Numberlayers" :key="item.label" :label="item.value">{{ |
|
|
|
|
item.label |
|
|
|
|
}}</el-radio> |
|
|
|
|
@ -181,7 +194,7 @@
|
|
|
|
|
<!-- 是否有平移费 --> |
|
|
|
|
<div class="el_Storage"> |
|
|
|
|
<span class="el_table_span">是否有平移费</span> |
|
|
|
|
<el-radio-group v-model="form.Translationfee" class="el_Cselect"> |
|
|
|
|
<el-radio-group v-model="form.dispatchIsShiftingCharge" class="el_Cselect"> |
|
|
|
|
<el-radio v-for="item in Translationfee" :key="item.label" :label="item.value">{{ |
|
|
|
|
item.label |
|
|
|
|
}}</el-radio> |
|
|
|
|
@ -190,16 +203,20 @@
|
|
|
|
|
|
|
|
|
|
<!-- 附加费是否统一计费 --> |
|
|
|
|
<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> |
|
|
|
|
<span class="el_table_span">附加费是否按品类计费</span> |
|
|
|
|
<el-radio-group v-model="form.dispatchIsCategorySubjoin" class="el_Cselect"> |
|
|
|
|
<el-radio |
|
|
|
|
@change="SurchargeChange" |
|
|
|
|
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="el_Storage" v-if="SurchargeState"> |
|
|
|
|
<div class="Storage-cont"> |
|
|
|
|
<span class="el_table_span">附加费品类</span> |
|
|
|
|
<!-- 表格 --> |
|
|
|
|
@ -217,11 +234,16 @@
|
|
|
|
|
<div class="el_table_idNumber">{{ item.id }}</div> |
|
|
|
|
<el-select |
|
|
|
|
class="el_Cselect" |
|
|
|
|
v-model="item.AdditionalcategoriesInput" |
|
|
|
|
v-model="item.Warehousecategory" |
|
|
|
|
filterable |
|
|
|
|
remote |
|
|
|
|
clearable |
|
|
|
|
reserve-keyword |
|
|
|
|
placeholder="请选择品类" |
|
|
|
|
style="width: 240px" |
|
|
|
|
remote-show-suffix |
|
|
|
|
:remote-method="categoriesearch" |
|
|
|
|
@focus="categoriesSearchfocus(item)" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="items in item.Additionalcategories" |
|
|
|
|
@ -257,16 +279,20 @@
|
|
|
|
|
<!-- 是否最低计费 --> |
|
|
|
|
<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 v-model="form.dispatchIsMinCost" class="el_Cselect"> |
|
|
|
|
<el-radio |
|
|
|
|
@change="MinimumChange" |
|
|
|
|
v-for="item in Minimumbilling" |
|
|
|
|
:key="item.label" |
|
|
|
|
:label="item.value" |
|
|
|
|
>{{ item.label }}</el-radio |
|
|
|
|
> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</div> |
|
|
|
|
<!-- 最低计费方式 --> |
|
|
|
|
<div class="el_Minimumbilling_b"> |
|
|
|
|
<div class="el_Minimumbilling_b" v-if="MinimumState"> |
|
|
|
|
<span class="el_table_span">最低计费方式</span> |
|
|
|
|
<el-radio-group v-model="form.Billingmethod" class="el_Cselect"> |
|
|
|
|
<el-radio-group v-model="form.dispatchMinCostMode" class="el_Cselect"> |
|
|
|
|
<el-radio v-for="item in Billingmethod" :key="item.label" :label="item.value">{{ |
|
|
|
|
item.label |
|
|
|
|
}}</el-radio> |
|
|
|
|
@ -277,9 +303,9 @@
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- 最低计费类型 --> |
|
|
|
|
<div class="el_Storage"> |
|
|
|
|
<div class="el_Storage" v-if="MinimumState"> |
|
|
|
|
<span class="el_table_span">最低计费类型</span> |
|
|
|
|
<el-radio-group v-model="form.chargetype" class="el_Cselect"> |
|
|
|
|
<el-radio-group v-model="form.dispatchMinCostType" class="el_Cselect"> |
|
|
|
|
<el-radio v-for="item in chargetypeSelect" :key="item.label" :label="item.value">{{ |
|
|
|
|
item.label |
|
|
|
|
}}</el-radio> |
|
|
|
|
@ -287,38 +313,58 @@
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- 是否向上判断 --> |
|
|
|
|
<div class="el_Storage"> |
|
|
|
|
<div class="el_Storage" v-if="!MinimumState"> |
|
|
|
|
<span class="el_table_span">是否向上判断</span> |
|
|
|
|
<el-radio-group v-model="form.Upwardjudgment" class="el_Cselect"> |
|
|
|
|
<el-radio-group v-model="form.dispatchIsUpwardJudgment" 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 class="flex-c-c"> |
|
|
|
|
<!-- <el-button type="primary" icon="Refresh" @click="resetFormData">重置</el-button> --> |
|
|
|
|
<el-button type="primary" icon="Position" @click="handleSubmit">保存</el-button> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<script setup> |
|
|
|
|
import { ref } from 'vue'; |
|
|
|
|
import { ref, defineEmits, defineComponent } from 'vue'; |
|
|
|
|
import { ElMessage } from 'element-plus'; |
|
|
|
|
import { getDictionaryBiz } from '@/api/system/dict'; //字典 |
|
|
|
|
import { deepClone } from '@/utils/util'; |
|
|
|
|
import { postFindCategoryInfo } from '@/api/distribution/CreateOrder.js'; |
|
|
|
|
import { submit } from '@/api/base/region'; |
|
|
|
|
import { $_priceTemplate } from '@/api/financialsector/index'; //价格模板 |
|
|
|
|
const emit = defineEmits(['request-data']); |
|
|
|
|
defineComponent({ |
|
|
|
|
emits: ['request-data'], |
|
|
|
|
}); |
|
|
|
|
// 接收参数 |
|
|
|
|
const props = defineProps({ |
|
|
|
|
templateData: Object, |
|
|
|
|
}); |
|
|
|
|
console.log(props, '来自父页面参数'); |
|
|
|
|
//表单 |
|
|
|
|
const formCopy = ref(null); //拷贝的数据 |
|
|
|
|
const form = 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', //是否向上判断 |
|
|
|
|
dispatchServiceType: '', //仓储计费类型 |
|
|
|
|
dispatchIsByCategory: '0', //是否区分品类 |
|
|
|
|
dispatchIsLeaveBehind: '0', //是否有遗留件 |
|
|
|
|
dispatchIsSortFee: '0', //是否有分货费 |
|
|
|
|
dispatchIsOperateFee: '0', //是否有操作装卸费 |
|
|
|
|
dispatchIsStairsCarryingCharge: '0', //是否有上楼费 |
|
|
|
|
dispatchIsFeeFloor: null, //是否配置免费层数 |
|
|
|
|
dispatchIsShiftingCharge: '0', //是否有平移费 |
|
|
|
|
dispatchIsCategorySubjoin: '0', //附加费 |
|
|
|
|
dispatchIsMinCost: '0', //是否最低计费 |
|
|
|
|
dispatchMinCostMode: null, //最低计费方式 |
|
|
|
|
dispatchMinCostType: '1', //最低计费类型 |
|
|
|
|
dispatchIsUpwardJudgment: '0', //是否向上判断 |
|
|
|
|
}); |
|
|
|
|
const SelectOpin = ref(null); //当前点击的品类搜索框 |
|
|
|
|
// 是否向上判断 |
|
|
|
|
const Upwardjudgment = ref([]); |
|
|
|
|
// 最低计费类型 |
|
|
|
|
@ -331,23 +377,21 @@ const StateDelivery = ref(false);
|
|
|
|
|
const Minimumbilling = ref([]); |
|
|
|
|
// 附加品类loading |
|
|
|
|
const goriesloading = ref(false); |
|
|
|
|
// 附加费加载 |
|
|
|
|
const SurchargeState = ref(false); |
|
|
|
|
// 上楼费是否展示配置 |
|
|
|
|
const UpstairsState = ref(false); |
|
|
|
|
// 是否品类填写 |
|
|
|
|
const categoriesState = ref(false); |
|
|
|
|
// 附加费品类配置 |
|
|
|
|
const AdditionalcategoriesList = ref([ |
|
|
|
|
{ |
|
|
|
|
id: 1, |
|
|
|
|
plus: true, |
|
|
|
|
reduce: false, |
|
|
|
|
AdditionalcategoriesInput: '', //选择框值 |
|
|
|
|
Additionalcategories: [ |
|
|
|
|
{ |
|
|
|
|
label: '衣柜', |
|
|
|
|
value: '1', |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
label: '橱柜', |
|
|
|
|
value: '2', |
|
|
|
|
}, |
|
|
|
|
], |
|
|
|
|
StateName: 'additional', //附加费标识 |
|
|
|
|
Warehousecategory: '', //选择框值 |
|
|
|
|
Additionalcategories: [], |
|
|
|
|
}, |
|
|
|
|
]); |
|
|
|
|
// 附加费是否统一计费 |
|
|
|
|
@ -358,6 +402,8 @@ const Translationfee = ref([]);
|
|
|
|
|
const Numberlayers = ref([]); |
|
|
|
|
// 是否有上楼费 |
|
|
|
|
const upstairs = ref([]); |
|
|
|
|
// 是否最低计费展示 |
|
|
|
|
const MinimumState = ref(false); |
|
|
|
|
//是否有分货费 |
|
|
|
|
const Distributionfee = ref([]); |
|
|
|
|
//是否有操作装卸费 |
|
|
|
|
@ -368,23 +414,7 @@ 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: [], //品类 |
|
|
|
|
// Warehousecategory: '', //选择的值 |
|
|
|
|
// }, |
|
|
|
|
// ], |
|
|
|
|
// }, |
|
|
|
|
]); |
|
|
|
|
const Commercialcial = ref([]); |
|
|
|
|
// 是否区分品类 |
|
|
|
|
const Distinguishcategories = ref([]); |
|
|
|
|
// 是否有遗留件 |
|
|
|
|
@ -411,12 +441,7 @@ const Additionalcategories = ref([
|
|
|
|
|
value: '2', |
|
|
|
|
}, |
|
|
|
|
]); |
|
|
|
|
// 页面初始化添加品类 |
|
|
|
|
Commercialcial.value.forEach(res => { |
|
|
|
|
res.sequence.forEach(rues => { |
|
|
|
|
rues.StoragecategoryList = { ...Additionalcategories.value }; |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
const Timedelive = () => { |
|
|
|
|
Deliveryloading.value = true; |
|
|
|
|
let timerId = setTimeout(() => { |
|
|
|
|
@ -433,7 +458,36 @@ const CommercialcialDisplay = () => {
|
|
|
|
|
StateDelivery.value = false; |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
// 是否面配置楼层 |
|
|
|
|
const UpstairsChange = val => { |
|
|
|
|
if (val == 1) { |
|
|
|
|
UpstairsState.value = true; |
|
|
|
|
form.value.dispatchIsFeeFloor = '0'; //初始化参数 |
|
|
|
|
} else { |
|
|
|
|
UpstairsState.value = false; |
|
|
|
|
form.value.dispatchIsFeeFloor = null; //初始化参数 |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
// 是否区分品类 |
|
|
|
|
const categoryChange = val => { |
|
|
|
|
if (val == 1) { |
|
|
|
|
categoriesState.value = true; |
|
|
|
|
} else { |
|
|
|
|
categoriesState.value = false; |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
// 是否最低计费展示 |
|
|
|
|
const MinimumChange = val => { |
|
|
|
|
if (val == 1) { |
|
|
|
|
MinimumState.value = true; |
|
|
|
|
form.value.dispatchMinCostMode = '1'; |
|
|
|
|
form.value.dispatchIsUpwardJudgment = null; //向上判断 |
|
|
|
|
} else { |
|
|
|
|
MinimumState.value = false; |
|
|
|
|
form.value.dispatchMinCostMode = null; |
|
|
|
|
form.value.dispatchIsUpwardJudgment = '0'; //向上判断 |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
// 点击菜单 |
|
|
|
|
const isChecked = value => { |
|
|
|
|
if (!WarehousebillingmodeTitle.value) { |
|
|
|
|
@ -441,16 +495,18 @@ const isChecked = value => {
|
|
|
|
|
message: '请先选择仓储计费类型', |
|
|
|
|
type: 'warning', |
|
|
|
|
}); |
|
|
|
|
form.value.ServiceType = []; //清空选择 |
|
|
|
|
form.value.dispatchPricingType = []; //清空选择 |
|
|
|
|
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; |
|
|
|
|
if (value.value == '1' || value.value == '2' || value.value == '3') { |
|
|
|
|
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(); //加载效果 |
|
|
|
|
@ -488,7 +544,8 @@ function addItemAfterId(array, id) {
|
|
|
|
|
id: array.sequence.length + 1, // 新对象的 ID 为当前数组长度加 1 |
|
|
|
|
plus: true, //加号 |
|
|
|
|
reduce: true, //减号 |
|
|
|
|
StoragecategoryList: [...Additionalcategories.value], //品类 |
|
|
|
|
StateName: 'storage', //仓储标识 |
|
|
|
|
Additionalcategories: [], //品类 |
|
|
|
|
Warehousecategory: '', //选择的值 |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
@ -518,6 +575,7 @@ const storageplus = (item, id) => {
|
|
|
|
|
console.log(item, '按钮接收参数'); |
|
|
|
|
item.Storageloading = true; |
|
|
|
|
addItemAfterId(item, id); |
|
|
|
|
console.log(Commercialcial.value, 'Commercialcial'); |
|
|
|
|
}; |
|
|
|
|
// 附加品类加移除对象 |
|
|
|
|
function FmremoveItemById(array, id) { |
|
|
|
|
@ -535,14 +593,15 @@ function FmremoveItemById(array, id) {
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
// 附加品类加添加对象 |
|
|
|
|
function FmaddItemAfterId(array, id, data) { |
|
|
|
|
function FmaddItemAfterId(array, id) { |
|
|
|
|
console.log(array); |
|
|
|
|
const newItem = { |
|
|
|
|
id: array.length + 1, // 新对象的 ID 为当前数组长度加 1 |
|
|
|
|
plus: true, //是否显示加号 |
|
|
|
|
StateName: 'additional', //附加费标识 |
|
|
|
|
reduce: true, //是否显示减号 |
|
|
|
|
WarehousecategoryInput: '', //选择框值 |
|
|
|
|
Additionalcategories: [...data], //选择框列表,防止后期需要改动列表值 |
|
|
|
|
Warehousecategory: '', //选择框值 |
|
|
|
|
Additionalcategories: [], //选择框列表,防止后期需要改动列表值 |
|
|
|
|
}; |
|
|
|
|
const index = array.findIndex(item => item.id === id); |
|
|
|
|
if (index !== -1) { |
|
|
|
|
@ -561,7 +620,7 @@ function FmaddItemAfterId(array, id, data) {
|
|
|
|
|
// 附加品类加 |
|
|
|
|
const categoriesplus = id => { |
|
|
|
|
goriesloading.value = true; |
|
|
|
|
FmaddItemAfterId(AdditionalcategoriesList.value, id, Additionalcategories.value); |
|
|
|
|
FmaddItemAfterId(AdditionalcategoriesList.value, id); |
|
|
|
|
}; |
|
|
|
|
// 附加品类减 |
|
|
|
|
const categoriesduce = id => { |
|
|
|
|
@ -586,15 +645,15 @@ function updateDictionary(targetArray, dictionaryType) {
|
|
|
|
|
} |
|
|
|
|
// 是否类型 |
|
|
|
|
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};//是否向上判断 |
|
|
|
|
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') { |
|
|
|
|
@ -602,7 +661,7 @@ function updateDictionary(targetArray, dictionaryType) {
|
|
|
|
|
res.data.data.forEach(res => { |
|
|
|
|
let data = { |
|
|
|
|
title: res.dictValue, // 标题 |
|
|
|
|
id: res.id, //码表ID |
|
|
|
|
id: res.dictKey, //码表ID |
|
|
|
|
state: false, //是否显示 |
|
|
|
|
Storageloading: false, //加载效果 |
|
|
|
|
sequence: [ |
|
|
|
|
@ -611,8 +670,9 @@ function updateDictionary(targetArray, dictionaryType) {
|
|
|
|
|
id: 1, //序号 |
|
|
|
|
plus: true, //加号显示 |
|
|
|
|
reduce: false, //减号显示 |
|
|
|
|
StoragecategoryList: [], //品类 |
|
|
|
|
Additionalcategories: [], //品类 |
|
|
|
|
Warehousecategory: '', //选择的值 |
|
|
|
|
StateName: 'storage', //附加费标识 |
|
|
|
|
}, |
|
|
|
|
], |
|
|
|
|
}; |
|
|
|
|
@ -625,15 +685,179 @@ function updateDictionary(targetArray, dictionaryType) {
|
|
|
|
|
.catch(() => {}) |
|
|
|
|
.finally(() => {}); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
const categoriesSearchfocus = item => { |
|
|
|
|
console.log(item, 'item'); |
|
|
|
|
SelectOpin.value = item; //获取当前点击的是那个品类输入框 |
|
|
|
|
}; |
|
|
|
|
// 附加费是否按品类计费 |
|
|
|
|
const SurchargeChange = val => { |
|
|
|
|
if (val == 1) { |
|
|
|
|
SurchargeState.value = true; |
|
|
|
|
AdditionalcategoriesList.value = [ |
|
|
|
|
{ |
|
|
|
|
id: 1, |
|
|
|
|
plus: true, |
|
|
|
|
reduce: false, |
|
|
|
|
StateName: 'additional', //附加费标识 |
|
|
|
|
Warehousecategory: '', //选择框值 |
|
|
|
|
Additionalcategories: [], |
|
|
|
|
}, |
|
|
|
|
]; |
|
|
|
|
} else { |
|
|
|
|
SurchargeState.value = false; |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
// 附加品类的搜索 |
|
|
|
|
const categoriesearch = goodsName => { |
|
|
|
|
console.log(goodsName, '当前搜索参数'); |
|
|
|
|
if (!goodsName) { |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
let data = { |
|
|
|
|
goodsName: goodsName, |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
console.log(SelectOpin.value, '当前点击的谁'); |
|
|
|
|
postFindCategoryInfo(data).then(res => { |
|
|
|
|
console.log(res, '附加费品类计费'); |
|
|
|
|
if (res.data.code == 200) { |
|
|
|
|
if (res.data.data.length) { |
|
|
|
|
SelectOpin.value.Additionalcategories = []; //如果有新的参数就清空之前的 |
|
|
|
|
res.data.data.forEach(item => { |
|
|
|
|
SelectOpin.value.Additionalcategories.push({ |
|
|
|
|
label: item.goodsName, |
|
|
|
|
value: item.goodsId, |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
// 页面初始化必要请求 |
|
|
|
|
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'); //最低计费类型 |
|
|
|
|
updateDictionary(Distinguishcategories.value, 'price_yes_no'); //是否区分品类 |
|
|
|
|
updateDictionary(Billingmethod.value, 'min_cost_way'); //是否区分品类 |
|
|
|
|
updateDictionary(chargetypeSelect.value, 'min_cost_type'); //最低计费类型 |
|
|
|
|
}; |
|
|
|
|
onLoad(); |
|
|
|
|
// 保存事件 |
|
|
|
|
const handleSubmit = async() => { |
|
|
|
|
await emit('request-data'); //通知父页面传递数据 |
|
|
|
|
console.log(props, 'props'); |
|
|
|
|
if (!props.templateData.TemplateName) { |
|
|
|
|
ElMessage({ |
|
|
|
|
message: '请输入模板名称', |
|
|
|
|
type: 'warning', |
|
|
|
|
}); |
|
|
|
|
return; |
|
|
|
|
} else { |
|
|
|
|
form.value.name = props.templateData.TemplateName; //模板名称 |
|
|
|
|
} |
|
|
|
|
if (!props.templateData.brand) { |
|
|
|
|
ElMessage({ |
|
|
|
|
message: '请选择品牌', |
|
|
|
|
type: 'warning', |
|
|
|
|
}); |
|
|
|
|
return; |
|
|
|
|
} else { |
|
|
|
|
form.value.brandId = props.templateData.brand; //品牌ID |
|
|
|
|
} |
|
|
|
|
if(!form.value.dispatchServiceType){ |
|
|
|
|
ElMessage({ |
|
|
|
|
message: '请选择配送服务类型', |
|
|
|
|
type: 'warning', |
|
|
|
|
}); |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
if(!form.value.dispatchPricingType.length){ |
|
|
|
|
ElMessage({ |
|
|
|
|
message: '请选择配送计费模式', |
|
|
|
|
type: 'warning', |
|
|
|
|
}); |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
form.value.serviceType = '4'; //服务类型（配送固定参数） |
|
|
|
|
|
|
|
|
|
console.log(form.value, '初始表单'); |
|
|
|
|
console.log(Commercialcial.value, 'Commercialcial'); |
|
|
|
|
// 初始化数据 |
|
|
|
|
const Submit = deepClone(form.value); //拷贝一份要提交的数据 |
|
|
|
|
|
|
|
|
|
console.log(Commercialcial.value, '服务类型'); |
|
|
|
|
Submit.dispatchPricingType = Submit.dispatchPricingType.join(','); //服务类型处理 |
|
|
|
|
console.log(AdditionalcategoriesList.value, '附加费品类'); |
|
|
|
|
|
|
|
|
|
// 处理服务类型 |
|
|
|
|
function checkAndProcessServiceType(serviceTypeId, message, submitField) { |
|
|
|
|
const item = Commercialcial.value.find(res => res.id == serviceTypeId); |
|
|
|
|
if (item.sequence.find(res => !res.Warehousecategory)) { |
|
|
|
|
ElMessage({ |
|
|
|
|
message, |
|
|
|
|
type: 'warning', |
|
|
|
|
}); |
|
|
|
|
return true; // 表示检查未通过 |
|
|
|
|
} |
|
|
|
|
Submit[submitField] = item.sequence.map(res => res.Warehousecategory).join(','); // 根据类型处理 |
|
|
|
|
return false; // 表示检查已通过 |
|
|
|
|
} |
|
|
|
|
// 选择了是否区分品类才进行处理数据 |
|
|
|
|
if (categoriesState.value) { |
|
|
|
|
for (const res of form.value.dispatchPricingType) { |
|
|
|
|
let shouldReturn = false; |
|
|
|
|
switch (res) { |
|
|
|
|
case '1': |
|
|
|
|
shouldReturn = checkAndProcessServiceType( |
|
|
|
|
'1', |
|
|
|
|
'请填写完整按件处理', |
|
|
|
|
'dispatchPieceCategory' |
|
|
|
|
); |
|
|
|
|
break; |
|
|
|
|
case '2': |
|
|
|
|
shouldReturn = checkAndProcessServiceType( |
|
|
|
|
'2', |
|
|
|
|
'请填写完整按重量处理', |
|
|
|
|
'dispatchWeightCategory' |
|
|
|
|
); |
|
|
|
|
break; |
|
|
|
|
case '3': |
|
|
|
|
shouldReturn = checkAndProcessServiceType( |
|
|
|
|
'3', |
|
|
|
|
'请填写完整按方处理', |
|
|
|
|
'dispatchCubeCategory' |
|
|
|
|
); |
|
|
|
|
break; |
|
|
|
|
default: |
|
|
|
|
break; |
|
|
|
|
} |
|
|
|
|
if (shouldReturn) return; // 如果检查未通过，退出当前函数 |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
// 附加费是否按品类计费选择了是才进行处理 |
|
|
|
|
if (SurchargeState.value) { |
|
|
|
|
Submit.dispatchSubjoinCategory = AdditionalcategoriesList.value |
|
|
|
|
.map(res => res.Warehousecategory) |
|
|
|
|
.join(','); //附加费品类 |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
console.log(Submit, '要提交的数据'); |
|
|
|
|
let data={ |
|
|
|
|
...Submit |
|
|
|
|
} |
|
|
|
|
$_priceTemplate(data).then(res=>{ |
|
|
|
|
console.log(res,'提交成功后返回值'); |
|
|
|
|
if (res.data.code == 200) { |
|
|
|
|
ElMessage({ |
|
|
|
|
message: res.data.msg, |
|
|
|
|
type: 'success', |
|
|
|
|
}); |
|
|
|
|
emit('request-data',res.data.data);//把获取到的数据传递给父页面 |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
}; |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
|
|
|
