|
|
|
|
@ -1,75 +1,97 @@
|
|
|
|
|
<template> |
|
|
|
|
<div class="content_max" v-loading='pageLoading'> |
|
|
|
|
<div> |
|
|
|
|
<!-- 仓储计费类型 --> |
|
|
|
|
<div class="el_Storage el_flex"> |
|
|
|
|
<span class="el_table_span">仓储计费类型</span> |
|
|
|
|
<el-select |
|
|
|
|
class="el_Cselect" |
|
|
|
|
v-model="form.warehousePricingType" |
|
|
|
|
filterable |
|
|
|
|
clearable |
|
|
|
|
placeholder="选择计费类型" |
|
|
|
|
style="width: 240px" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in Storagebillingtype" |
|
|
|
|
:key="item.value" |
|
|
|
|
:label="item.label" |
|
|
|
|
:value="item.value" |
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
</div> |
|
|
|
|
<div class="content_max" v-loading="pageLoading"> |
|
|
|
|
<div class="el_flex_box"> |
|
|
|
|
<!-- 仓储计费类型 --> |
|
|
|
|
<div class="el_Storage el_flex"> |
|
|
|
|
<span class="el_table_span">仓储计费类型</span> |
|
|
|
|
<el-select |
|
|
|
|
class="el_Cselect" |
|
|
|
|
v-model="form.warehousePricingType" |
|
|
|
|
filterable |
|
|
|
|
clearable |
|
|
|
|
placeholder="选择计费类型" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in Storagebillingtype" |
|
|
|
|
:key="item.value" |
|
|
|
|
:label="item.label" |
|
|
|
|
:value="item.value" |
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- 仓储计费模式 --> |
|
|
|
|
<div class="el_Storage"> |
|
|
|
|
<span class="el_table_span">仓储计费模式</span> |
|
|
|
|
<el-select |
|
|
|
|
class="el_Cselect" |
|
|
|
|
v-model="form.warehousePricingMode" |
|
|
|
|
filterable |
|
|
|
|
clearable |
|
|
|
|
placeholder="选择仓储计费模式" |
|
|
|
|
style="width: 240px" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in Warehousebillingmode" |
|
|
|
|
:key="item.value" |
|
|
|
|
:label="item.label" |
|
|
|
|
:value="item.value" |
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<!-- 计算基准 --> |
|
|
|
|
<div class="el_Storage"> |
|
|
|
|
<span class="el_table_span">计算基准</span> |
|
|
|
|
<el-radio-group v-model="form.warehouseCalculationBasis" class="el_Cselect"> |
|
|
|
|
<el-radio v-for="item in CalculationBasis" :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-select |
|
|
|
|
class="el_Cselect" |
|
|
|
|
v-model="form.warehousePricingMode" |
|
|
|
|
filterable |
|
|
|
|
clearable |
|
|
|
|
placeholder="选择仓储计费模式" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in Warehousebillingmode" |
|
|
|
|
:key="item.value" |
|
|
|
|
:label="item.label" |
|
|
|
|
:value="item.value" |
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- 是否区分品类 --> |
|
|
|
|
<div class="el_Storage"> |
|
|
|
|
<span class="el_table_span">是否区分品类</span> |
|
|
|
|
<el-radio-group |
|
|
|
|
@change="categoriesDisplayChange" |
|
|
|
|
v-model="form.warehouseIsByCategory" |
|
|
|
|
class="el_Cselect" |
|
|
|
|
> |
|
|
|
|
<el-radio v-for="item in Distinguishcategories" :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.warehouseCalculationBasis" |
|
|
|
|
class="el_Cselect" |
|
|
|
|
style="padding-left: 4px" |
|
|
|
|
> |
|
|
|
|
<el-radio v-for="item in CalculationBasis" :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 |
|
|
|
|
@change="categoriesDisplayChange" |
|
|
|
|
v-model="form.warehouseIsByCategory" |
|
|
|
|
class="el_Cselect" |
|
|
|
|
style="padding-left: 4px" |
|
|
|
|
> |
|
|
|
|
<el-radio v-for="item in Distinguishcategories" :key="item.label" :label="item.value">{{ |
|
|
|
|
item.label |
|
|
|
|
}}</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<!-- 仓储品类配置 --> |
|
|
|
|
<div class="el_Storage" v-if="categoriesDisplay"> |
|
|
|
|
<div class="Storage-cont"> |
|
|
|
|
<!-- --> |
|
|
|
|
<div class="el_Storage Storage-cont" v-if="form.warehouseIsByCategory" style="width: 24%;"> |
|
|
|
|
<span class="el_table_span">仓储品类配置</span> |
|
|
|
|
<SurchargeTable :SurchargeData="StoragecategoryData" :Surcharge="Storagecategory" @focus="handleRowFocus" @search='search'> |
|
|
|
|
<template #default="slotProps"> |
|
|
|
|
<template v-if="slotProps.scope.column.label === '操作'"> |
|
|
|
|
<div class="eml_btn"> |
|
|
|
|
<span @click="storageplus" class="el_btn_a" v-if="slotProps.scope.row.plus"> |
|
|
|
|
<el-icon style="font-size: 12px; color: #409eff; margin-right: 3px" |
|
|
|
|
><CirclePlus /></el-icon |
|
|
|
|
>新增 |
|
|
|
|
</span> |
|
|
|
|
<span @click="storagereduce(slotProps.scope.row.index)" class="el_btn_b" v-if="slotProps.scope.row.reduce"> |
|
|
|
|
<el-icon style="font-size: 12px; color: #f00; margin-right: 3px"><Delete /></el-icon |
|
|
|
|
>删除 |
|
|
|
|
</span> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
</template> |
|
|
|
|
</SurchargeTable> |
|
|
|
|
<!-- <div class="Storage-cont"> |
|
|
|
|
<span class="el_table_span">仓储品类配置</span> |
|
|
|
|
<!-- 表格 --> |
|
|
|
|
|
|
|
|
|
<div |
|
|
|
|
class="el_Storagecategory" |
|
|
|
|
v-loading="Storageloading" |
|
|
|
|
@ -79,7 +101,7 @@
|
|
|
|
|
<div class="el_table_id">序号</div> |
|
|
|
|
<div class="el_table_title">产品品类</div> |
|
|
|
|
</div> |
|
|
|
|
<!-- 表格循环 --> |
|
|
|
|
|
|
|
|
|
<div class="el_table_td" v-for="item in StoragecategoryList" :key="item.id"> |
|
|
|
|
<div class="el_table_idNumber">{{ item.id }}</div> |
|
|
|
|
<el-select |
|
|
|
|
@ -112,11 +134,12 @@
|
|
|
|
|
class="el_table_operation_span_a" |
|
|
|
|
>-</span |
|
|
|
|
> |
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> --> |
|
|
|
|
</div> |
|
|
|
|
<hr class="el_hr" /> |
|
|
|
|
<!-- 附加费 --> |
|
|
|
|
@ -125,6 +148,7 @@
|
|
|
|
|
</div> |
|
|
|
|
<div class="el_Surcharge"> |
|
|
|
|
<!-- 附加费计价单位 --> |
|
|
|
|
<div class="el_flex_row"> |
|
|
|
|
<div class="el_Storage"> |
|
|
|
|
<span class="el_table_span">附加费计价单位</span> |
|
|
|
|
<el-select |
|
|
|
|
@ -133,7 +157,7 @@
|
|
|
|
|
filterable |
|
|
|
|
clearable |
|
|
|
|
placeholder="选择计费类型" |
|
|
|
|
style="width: 240px" |
|
|
|
|
style="width:100%" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in Surchargepricingunit" |
|
|
|
|
@ -173,7 +197,7 @@
|
|
|
|
|
}}</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
<!-- 附加费用是否统一计费 --> |
|
|
|
|
<div class="el_Storage"> |
|
|
|
|
<span class="el_table_span">附加费是否按品类计费</span> |
|
|
|
|
@ -190,11 +214,28 @@
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- 附加费品类配置 --> |
|
|
|
|
<div class="el_Storage" v-if="SurchargeDisplay"> |
|
|
|
|
<div class="el_Storage" v-if="form.warehouseIsCategorySubjoin" style="width: 24%;"> |
|
|
|
|
<div class="Storage-cont"> |
|
|
|
|
<span class="el_table_span">附加费品类配置</span> |
|
|
|
|
<!-- 表格 --> |
|
|
|
|
<div |
|
|
|
|
<SurchargeTable :SurchargeData="AdditionalcategoriesData" :Surcharge="Additionalcategories" @focus="handleRowFocus" @search='search'> |
|
|
|
|
<template #default="slotProps"> |
|
|
|
|
<template v-if="slotProps.scope.column.label === '操作'"> |
|
|
|
|
<div class="eml_btn"> |
|
|
|
|
<span @click="categoriesplus" class="el_btn_a" v-if="slotProps.scope.row.plus"> |
|
|
|
|
<el-icon style="font-size: 19px; color: #409eff; margin-right: 3px" |
|
|
|
|
><CirclePlus /></el-icon |
|
|
|
|
>新增 |
|
|
|
|
</span> |
|
|
|
|
<span @click="categoriesduce(slotProps.scope.row.index)" class="el_btn_b" v-if="slotProps.scope.row.reduce"> |
|
|
|
|
<el-icon style="font-size: 19px; color: #f00; margin-right: 3px"><Delete /></el-icon |
|
|
|
|
>删除 |
|
|
|
|
</span> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
</template> |
|
|
|
|
</SurchargeTable> |
|
|
|
|
<!-- <div |
|
|
|
|
class="el_Storagecategory" |
|
|
|
|
v-loading="goriesloading" |
|
|
|
|
element-loading-text="Loading..." |
|
|
|
|
@ -203,7 +244,7 @@
|
|
|
|
|
<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 |
|
|
|
|
@ -239,37 +280,124 @@
|
|
|
|
|
class="el_table_operation_span_a" |
|
|
|
|
>-</span |
|
|
|
|
> |
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> --> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<!-- 操作按钮 --> |
|
|
|
|
<div class="flex-c-c"> |
|
|
|
|
<!-- 操作按钮 --> |
|
|
|
|
<div class="flex-c-c"> |
|
|
|
|
<el-button type="primary" icon="Refresh" @click="resetFormData">重置</el-button> |
|
|
|
|
<el-button type="primary" icon="Position" @click="Submit">保存</el-button> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<script setup> |
|
|
|
|
import { ref } from 'vue'; |
|
|
|
|
import { defineProps, defineEmits ,defineComponent} from 'vue'; |
|
|
|
|
import { defineProps, defineEmits, defineComponent } from 'vue'; |
|
|
|
|
import { getDictionaryBiz } from '@/api/system/dict'; //字典 |
|
|
|
|
import { $_priceTemplate, $_basicdataBrande,$_putpriceTemplate } from '@/api/financialsector/index'; //价格模板 |
|
|
|
|
import { ElMessage ,ElMessageBox } from 'element-plus'; |
|
|
|
|
import { |
|
|
|
|
$_priceTemplate, |
|
|
|
|
$_basicdataBrande, |
|
|
|
|
$_putpriceTemplate, |
|
|
|
|
} from '@/api/financialsector/index'; //价格模板 |
|
|
|
|
import { ElMessage, ElMessageBox } from 'element-plus'; |
|
|
|
|
import { postFindCategoryInfo } from '@/api/distribution/CreateOrder.js'; |
|
|
|
|
import { deepClone } from '@/utils/util'; |
|
|
|
|
import { useRoute } from 'vue-router'; |
|
|
|
|
const pageLoading=ref(false);//页面加载 |
|
|
|
|
const formCopy=ref({});//拷贝对象 |
|
|
|
|
import SurchargeTable from '@/components/pric/tablePric.vue'; |
|
|
|
|
const pageLoading = ref(false); //页面加载 |
|
|
|
|
const SelectData=ref({}) |
|
|
|
|
// 仓储 |
|
|
|
|
const StoragecategoryData = ref([ |
|
|
|
|
{ |
|
|
|
|
index: 1, |
|
|
|
|
warehousePieceCategory: '', |
|
|
|
|
options: [], |
|
|
|
|
plus: true, |
|
|
|
|
reduce: false, |
|
|
|
|
StateName: 'storage', //仓储标识 |
|
|
|
|
loading:false, |
|
|
|
|
}, |
|
|
|
|
]); |
|
|
|
|
|
|
|
|
|
const Storagecategory = ref([ |
|
|
|
|
{ label: '序号', prop: 'index', type: 'string', width: '80', disabled: true }, |
|
|
|
|
{ |
|
|
|
|
label: '产品品类', |
|
|
|
|
prop: 'warehousePieceCategory', |
|
|
|
|
type: 'select', |
|
|
|
|
width: 'auto', |
|
|
|
|
|
|
|
|
|
disabled: true, |
|
|
|
|
}, |
|
|
|
|
{ label: '操作', prop: '', type: '', width: 'auto', disabled: true }, |
|
|
|
|
]); |
|
|
|
|
// 附加品类 |
|
|
|
|
const AdditionalcategoriesData=ref([ |
|
|
|
|
{ |
|
|
|
|
index: 1, |
|
|
|
|
warehousePieceCategory: '', |
|
|
|
|
options: [], |
|
|
|
|
plus: true, |
|
|
|
|
reduce: false, |
|
|
|
|
StateName: 'additional', //附加品类 |
|
|
|
|
loading:false, |
|
|
|
|
}, |
|
|
|
|
]) |
|
|
|
|
const Additionalcategories=ref([ |
|
|
|
|
{ label: '序号', prop: 'index', type: 'string', width: '80', disabled: true }, |
|
|
|
|
{ |
|
|
|
|
label: '产品品类', |
|
|
|
|
prop: 'warehousePieceCategory', |
|
|
|
|
type: 'select', |
|
|
|
|
width: 'auto', |
|
|
|
|
|
|
|
|
|
disabled: true, |
|
|
|
|
}, |
|
|
|
|
{ label: '操作', prop: '', type: '', width: 'auto', disabled: true }, |
|
|
|
|
]) |
|
|
|
|
const handleRowFocus = (data) => { |
|
|
|
|
SelectData.value =data.row |
|
|
|
|
console.log( SelectData.value,' SelectData.value'); |
|
|
|
|
console.log('row:', data.row); |
|
|
|
|
console.log('column:', data.column); |
|
|
|
|
|
|
|
|
|
}; |
|
|
|
|
// 品类搜索 |
|
|
|
|
const search=(val)=>{ |
|
|
|
|
if(val){ |
|
|
|
|
let data = { |
|
|
|
|
goodsName: val, |
|
|
|
|
}; |
|
|
|
|
SelectData.value.loading=true |
|
|
|
|
postFindCategoryInfo(data).then(res => { |
|
|
|
|
console.log(res, '附加费品类计费'); |
|
|
|
|
if (res.data.code == 200) { |
|
|
|
|
if (res.data.data.length) { |
|
|
|
|
SelectData.value.options = []; //如果有新的参数就清空之前的 |
|
|
|
|
res.data.data.forEach(item => { |
|
|
|
|
SelectData.value.options.push({ |
|
|
|
|
label: item.goodsName, |
|
|
|
|
value: item.goodsId, |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}).catch(res=>{ |
|
|
|
|
|
|
|
|
|
}).finally(()=>{ |
|
|
|
|
SelectData.value.loading=false |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
const formCopy = ref({}); //拷贝对象 |
|
|
|
|
const SelectOpin = ref(null); //当前点击的品类搜索框 |
|
|
|
|
const $route = useRoute(); //获取地址栏参数 |
|
|
|
|
// 获取点击的品类(附加品类配置) |
|
|
|
|
const categoriesDisplay = ref(false); //是否区分品类（显示/隐藏） |
|
|
|
|
const SurchargeDisplay = ref(false); //附加费是否按品类计费(显示/隐藏) |
|
|
|
|
const categoriesSearchfocus = item => { |
|
|
|
|
console.log(item, 'item'); |
|
|
|
|
SelectOpin.value = item; //获取当前点击的是那个品类输入框 |
|
|
|
|
@ -289,7 +417,7 @@ const categoriesearch = goodsName => {
|
|
|
|
|
if (SelectOpin.value.StateName == 'storage') { |
|
|
|
|
selectionList = StoragecategoryList.value.find(res => res.id == SelectOpin.value.id); //当前是那个选择框 |
|
|
|
|
} else { |
|
|
|
|
selectionList = AdditionalcategoriesList.value.find(res => res.id == SelectOpin.value.id); //当前是那个选择框 |
|
|
|
|
selectionList = AdditionalcategoriesData.value.find(res => res.id == SelectOpin.value.id); //当前是那个选择框 |
|
|
|
|
} |
|
|
|
|
console.log(selectionList, 'selectionList'); |
|
|
|
|
postFindCategoryInfo(data).then(res => { |
|
|
|
|
@ -370,69 +498,54 @@ const Additionalfeebilling = ref([]);
|
|
|
|
|
|
|
|
|
|
// 移除对象 |
|
|
|
|
function removeItemById(array, id) { |
|
|
|
|
const index = array.findIndex(item => item.id === id); |
|
|
|
|
const index = array.findIndex(item => item.index === id); |
|
|
|
|
if (index !== -1) { |
|
|
|
|
array.splice(index, 1); |
|
|
|
|
array.forEach((item, index) => { |
|
|
|
|
item.id = index + 1; |
|
|
|
|
item.index = index + 1; |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
let timerId = setTimeout(() => { |
|
|
|
|
goriesloading.value = false; |
|
|
|
|
Storageloading.value = false; |
|
|
|
|
clearTimeout(timerId); // 在回调函数内部清除定时器 |
|
|
|
|
}, 300); |
|
|
|
|
} |
|
|
|
|
// StateName:'storage',//仓储标识 |
|
|
|
|
// StateName:'additional',//附加费标识 |
|
|
|
|
// 添加对象 |
|
|
|
|
function addItemAfterId(array, id, StateName) { |
|
|
|
|
function addItemAfterId(array, StateName) { |
|
|
|
|
console.log(array); |
|
|
|
|
const newItem = { |
|
|
|
|
id: array.length + 1, // 新对象的 ID 为当前数组长度加 1 |
|
|
|
|
plus: true, //是否显示加号 |
|
|
|
|
reduce: true, //是否显示减号 |
|
|
|
|
StateName, //标识 |
|
|
|
|
warehousePieceCategory: '', //选择框值 |
|
|
|
|
Additionalcategories: [], //选择框列表,防止后期需要改动列表值 |
|
|
|
|
index: array.length + 1, // 新对象的 ID 为当前数组长度加 1 |
|
|
|
|
plus: false, // 是否显示加号 |
|
|
|
|
reduce: true, // 是否显示减号 |
|
|
|
|
StateName, // 标识 |
|
|
|
|
warehousePieceCategory: '', // 选择框值 |
|
|
|
|
options: [], // 选择框列表，防止后期需要改动列表值 |
|
|
|
|
loading:false |
|
|
|
|
}; |
|
|
|
|
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; //关闭加载效果 |
|
|
|
|
Storageloading.value = false; //关闭加载效果 |
|
|
|
|
clearTimeout(timerId); // 在回调函数内部清除定时器 |
|
|
|
|
}, 300); |
|
|
|
|
// 取消定时器 |
|
|
|
|
array.push(newItem) |
|
|
|
|
} |
|
|
|
|
// 仓储减 |
|
|
|
|
const storagereduce = id => { |
|
|
|
|
// ID当前点击的 |
|
|
|
|
Storageloading.value = true; //开启加载效果 |
|
|
|
|
removeItemById(StoragecategoryList.value, id); //传入配置项和对应的ID |
|
|
|
|
// Storageloading.value = true; //开启加载效果 |
|
|
|
|
removeItemById(StoragecategoryData.value, id); //传入配置项和对应的ID |
|
|
|
|
}; |
|
|
|
|
// StateName:'storage',//仓储标识 |
|
|
|
|
// StateName:'additional',//附加费标识 |
|
|
|
|
// 仓储加 |
|
|
|
|
const storageplus = id => { |
|
|
|
|
Storageloading.value = true; |
|
|
|
|
addItemAfterId(StoragecategoryList.value, id, 'storage'); |
|
|
|
|
const storageplus = data => { |
|
|
|
|
console.log(data.row); |
|
|
|
|
// Storageloading.value = true; |
|
|
|
|
addItemAfterId(StoragecategoryData.value, 'storage'); |
|
|
|
|
console.log(StoragecategoryData.value,'StoragecategoryData.value'); |
|
|
|
|
}; |
|
|
|
|
// 附加品类加 |
|
|
|
|
const categoriesplus = id => { |
|
|
|
|
goriesloading.value = true; |
|
|
|
|
addItemAfterId(AdditionalcategoriesList.value, id, 'additional'); |
|
|
|
|
addItemAfterId(AdditionalcategoriesData.value, 'additional'); |
|
|
|
|
}; |
|
|
|
|
// 附加品类减 |
|
|
|
|
const categoriesduce = id => { |
|
|
|
|
goriesloading.value = true; |
|
|
|
|
removeItemById(AdditionalcategoriesList.value, id); |
|
|
|
|
removeItemById(AdditionalcategoriesData.value, id); |
|
|
|
|
}; |
|
|
|
|
function updateDictionary(targetArray, dictionaryType) { |
|
|
|
|
getDictionaryBiz(dictionaryType) |
|
|
|
|
@ -460,7 +573,6 @@ function updateDictionary(targetArray, dictionaryType) {
|
|
|
|
|
.finally(() => {}); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/** 重置数据 */ |
|
|
|
|
const resetFormData = () => { |
|
|
|
|
ElMessageBox.confirm('是否重置数据?', '提示', { |
|
|
|
|
@ -468,68 +580,67 @@ const resetFormData = () => {
|
|
|
|
|
cancelButtonText: '取消', |
|
|
|
|
type: 'warning', |
|
|
|
|
}).then(() => { |
|
|
|
|
pageLoading.value = true; |
|
|
|
|
form.value = deepClone(formCopy.value); |
|
|
|
|
pageLoading.value = true; |
|
|
|
|
form.value = deepClone(formCopy.value); |
|
|
|
|
setTimeout(() => { |
|
|
|
|
pageLoading.value = false; |
|
|
|
|
pageLoading.value = false; |
|
|
|
|
}, 300); |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 页面初始化必要请求 |
|
|
|
|
const onLoad = async() => { |
|
|
|
|
const onLoad = async () => { |
|
|
|
|
formCopy.value = deepClone(form.value); |
|
|
|
|
updateDictionary(Storagebillingtype.value, 'warehouse_pricing_type'); //仓储计费类型 |
|
|
|
|
updateDictionary(Warehousebillingmode.value, 'warehouse_pricing_mode'); //仓储计费模式 |
|
|
|
|
updateDictionary(CalculationBasis.value, 'warehouse_calculation_basis'); //计算基准 |
|
|
|
|
updateDictionary(Distinguishcategories.value, 'price_yes_no'); //是否区分品类 |
|
|
|
|
updateDictionary(Surchargepricingunit.value, 'warehouse_pricing_unit'); //附加费计价单位 |
|
|
|
|
if(props.templateData.request){ |
|
|
|
|
let request =props.templateData.request |
|
|
|
|
// 执行回显 |
|
|
|
|
form.value= await deepClone(request) |
|
|
|
|
if(request.warehouseIsByCategory==1){ |
|
|
|
|
categoriesDisplay.value=true;//显示品类 |
|
|
|
|
console.log(StoragecategoryList.value,'品类'); |
|
|
|
|
|
|
|
|
|
StoragecategoryList.value=[] |
|
|
|
|
request.warehousePieceCategorys.forEach((res,index)=>{ |
|
|
|
|
StoragecategoryList.value.push({ |
|
|
|
|
id:index+1, |
|
|
|
|
plus:true, |
|
|
|
|
reduce:!index?false:true, |
|
|
|
|
StateName:'storage',//仓储标识 |
|
|
|
|
warehousePieceCategory:res.id, |
|
|
|
|
Additionalcategories:[{ |
|
|
|
|
label:res.name, |
|
|
|
|
value:res.id, |
|
|
|
|
}] |
|
|
|
|
}) |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
if(request.warehouseIsCategorySubjoin==1){ |
|
|
|
|
AdditionalcategoriesList.value=[] |
|
|
|
|
console.log(AdditionalcategoriesList.value,'附加品类'); |
|
|
|
|
SurchargeDisplay.value=true;//显示附加费品类 |
|
|
|
|
request.warehouseSubjoinCategorys.forEach((res,index)=>{ |
|
|
|
|
AdditionalcategoriesList.value.push({ |
|
|
|
|
id:index+1, |
|
|
|
|
plus:true, |
|
|
|
|
reduce:!index?false:true, |
|
|
|
|
StateName:'additional',//附加费标识 |
|
|
|
|
warehousePieceCategory:res.id, |
|
|
|
|
Additionalcategories:[{ |
|
|
|
|
label:res.name, |
|
|
|
|
value:res.id, |
|
|
|
|
}] |
|
|
|
|
}) |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if (props.templateData.request) { |
|
|
|
|
let request = props.templateData.request; |
|
|
|
|
// 执行回显 |
|
|
|
|
form.value = await deepClone(request); |
|
|
|
|
if (request.warehouseIsByCategory == 1) { |
|
|
|
|
console.log(StoragecategoryData.value, '品类'); |
|
|
|
|
|
|
|
|
|
StoragecategoryData.value = []; |
|
|
|
|
request.warehousePieceCategorys.forEach((res, index) => { |
|
|
|
|
StoragecategoryData.value.push({ |
|
|
|
|
index: index + 1, |
|
|
|
|
plus: !index?true:false, |
|
|
|
|
reduce: index ? true : false, |
|
|
|
|
StateName: 'storage', //仓储标识 |
|
|
|
|
warehousePieceCategory: res.id, |
|
|
|
|
loading:false, |
|
|
|
|
options: [ |
|
|
|
|
{ |
|
|
|
|
label: res.name, |
|
|
|
|
value: res.id, |
|
|
|
|
}, |
|
|
|
|
], |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
if (request.warehouseIsCategorySubjoin == 1) { |
|
|
|
|
AdditionalcategoriesData.value = []; |
|
|
|
|
console.log(AdditionalcategoriesData.value, '附加品类'); |
|
|
|
|
request.warehouseSubjoinCategorys.forEach((res, index) => { |
|
|
|
|
AdditionalcategoriesData.value.push({ |
|
|
|
|
index: index + 1, |
|
|
|
|
plus: !index?true:false, |
|
|
|
|
reduce: index ? true : false, |
|
|
|
|
StateName: 'additional', //附加费标识 |
|
|
|
|
warehousePieceCategory: res.id, |
|
|
|
|
Additionalcategories: [ |
|
|
|
|
{ |
|
|
|
|
label: res.name, |
|
|
|
|
value: res.id, |
|
|
|
|
}, |
|
|
|
|
], |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
onLoad(); |
|
|
|
|
// 新增 |
|
|
|
|
@ -556,11 +667,10 @@ const Submit = async () => {
|
|
|
|
|
form.value.brandId = props.templateData.brand; //品牌ID |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
form.value.serviceType=props.templateData.ServiceType.join(',');//顶部选择的服务类型 |
|
|
|
|
form.value.serviceType = props.templateData.ServiceType.join(','); //顶部选择的服务类型 |
|
|
|
|
// 如果勾选了区分品类判断是否填写了仓储品类配置 |
|
|
|
|
if (categoriesDisplay.value) { |
|
|
|
|
let storage = StoragecategoryList.value.find(res => !res.warehousePieceCategory); //查看仓储品类配置是否完全没有填写 |
|
|
|
|
if (form.value.warehouseIsByCategory) { |
|
|
|
|
let storage = StoragecategoryData.value.find(res => !res.warehousePieceCategory); //查看仓储品类配置是否完全没有填写 |
|
|
|
|
if (storage) { |
|
|
|
|
// 如果勾选了,并且查到了有没有填写的就提示必须填写 |
|
|
|
|
ElMessage({ |
|
|
|
|
@ -569,21 +679,20 @@ const Submit = async () => {
|
|
|
|
|
}); |
|
|
|
|
return; |
|
|
|
|
} else { |
|
|
|
|
console.log(StoragecategoryList.value, 'StoragecategoryList.value'); |
|
|
|
|
console.log(StoragecategoryData.value, 'StoragecategoryData.value'); |
|
|
|
|
// 如果都填写了进行数据处理 |
|
|
|
|
form.value.warehousePieceCategory = StoragecategoryList.value |
|
|
|
|
form.value.warehousePieceCategory = StoragecategoryData.value |
|
|
|
|
.map(res => res.warehousePieceCategory) |
|
|
|
|
.join(','); |
|
|
|
|
} |
|
|
|
|
}else{ |
|
|
|
|
if(form.value.warehousePieceCategory){ |
|
|
|
|
delete form.value.warehousePieceCategory |
|
|
|
|
} else { |
|
|
|
|
if (form.value.warehousePieceCategory) { |
|
|
|
|
delete form.value.warehousePieceCategory; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
// 如果勾选了附加费是否按品类计费判断是否填写了附加品类配置 |
|
|
|
|
if (SurchargeDisplay.value) { |
|
|
|
|
let Surcharge = AdditionalcategoriesList.value.find(res => !res.warehousePieceCategory); //查看附加费品类配置是否完全没有填写 |
|
|
|
|
if (form.value.warehouseIsCategorySubjoin) { |
|
|
|
|
let Surcharge = AdditionalcategoriesData.value.find(res => !res.warehousePieceCategory); //查看附加费品类配置是否完全没有填写 |
|
|
|
|
if (Surcharge) { |
|
|
|
|
// 如果勾选了,并且查到了有没有填写的就提示必须填写 |
|
|
|
|
ElMessage({ |
|
|
|
|
@ -593,83 +702,76 @@ const Submit = async () => {
|
|
|
|
|
return; |
|
|
|
|
} else { |
|
|
|
|
// 如果都填写了进行数据处理 |
|
|
|
|
form.value.warehouseSubjoinCategory = AdditionalcategoriesList.value |
|
|
|
|
form.value.warehouseSubjoinCategory = AdditionalcategoriesData.value |
|
|
|
|
.map(res => res.warehousePieceCategory) |
|
|
|
|
.join(','); |
|
|
|
|
} |
|
|
|
|
}else{ |
|
|
|
|
if(form.value.warehouseSubjoinCategory){ |
|
|
|
|
form.value.warehouseSubjoinCategory='' |
|
|
|
|
} else { |
|
|
|
|
if (form.value.warehouseSubjoinCategory) { |
|
|
|
|
form.value.warehouseSubjoinCategory = ''; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
console.log(form.value, '要提交的参数'); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if(props.templateData.code || $route.query.id){ |
|
|
|
|
// 编辑接口 |
|
|
|
|
let data={ |
|
|
|
|
id:props.templateData.code,//编辑参数 |
|
|
|
|
if (props.templateData.code || $route.query.id) { |
|
|
|
|
// 编辑接口 |
|
|
|
|
let data = { |
|
|
|
|
id: props.templateData.code, //编辑参数 |
|
|
|
|
...form.value, |
|
|
|
|
checkType:'3',//服务类型（仓储固定参数） |
|
|
|
|
} |
|
|
|
|
checkType: '3', //服务类型（仓储固定参数） |
|
|
|
|
}; |
|
|
|
|
console.log('编辑操作'); |
|
|
|
|
$_putpriceTemplate(data).then(res=>{ |
|
|
|
|
console.log(res,'编辑成功之后返回值'); |
|
|
|
|
$_putpriceTemplate(data).then(res => { |
|
|
|
|
console.log(res, '编辑成功之后返回值'); |
|
|
|
|
if (res.data.code == 200) { |
|
|
|
|
ElMessage({ |
|
|
|
|
message: res.data.msg, |
|
|
|
|
type: 'success', |
|
|
|
|
}) |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
}else{ |
|
|
|
|
}); |
|
|
|
|
} else { |
|
|
|
|
let data = { |
|
|
|
|
...form.value, |
|
|
|
|
}; |
|
|
|
|
...form.value, |
|
|
|
|
}; |
|
|
|
|
// 新增接口 |
|
|
|
|
console.log('新增操作'); |
|
|
|
|
$_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);//把获取到的数据传递给父页面 |
|
|
|
|
} |
|
|
|
|
// res.data.data 返回的参数 |
|
|
|
|
}); |
|
|
|
|
console.log(res, '提交成功之后返回值'); |
|
|
|
|
if (res.data.code == 200) { |
|
|
|
|
ElMessage({ |
|
|
|
|
message: res.data.msg, |
|
|
|
|
type: 'success', |
|
|
|
|
}); |
|
|
|
|
emit('request-data', res.data.data); //把获取到的数据传递给父页面 |
|
|
|
|
} |
|
|
|
|
// res.data.data 返回的参数 |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
}; |
|
|
|
|
// 是否区分品类事件 |
|
|
|
|
const categoriesDisplayChange = val => { |
|
|
|
|
console.log(val); |
|
|
|
|
if (val == 1) { |
|
|
|
|
categoriesDisplay.value = true; |
|
|
|
|
StoragecategoryList.value = [ |
|
|
|
|
StoragecategoryData.value = [ |
|
|
|
|
{ |
|
|
|
|
id: 1, |
|
|
|
|
index: 1, |
|
|
|
|
plus: true, |
|
|
|
|
reduce: false, |
|
|
|
|
StateName: 'storage', //仓储标识 |
|
|
|
|
warehousePieceCategory: '', //输入的值 |
|
|
|
|
Additionalcategories: [], |
|
|
|
|
options: [], |
|
|
|
|
}, |
|
|
|
|
]; |
|
|
|
|
} else { |
|
|
|
|
categoriesDisplay.value = false; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
// 附加费是否按品类计费 |
|
|
|
|
const AdditionalDisplayChange = val => { |
|
|
|
|
if (val == 1) { |
|
|
|
|
SurchargeDisplay.value = true; |
|
|
|
|
AdditionalcategoriesList.value = [ |
|
|
|
|
AdditionalcategoriesData.value = [ |
|
|
|
|
{ |
|
|
|
|
id: 1, |
|
|
|
|
index: 1, |
|
|
|
|
plus: true, |
|
|
|
|
reduce: false, |
|
|
|
|
StateName: 'additional', //附加费标识 |
|
|
|
|
@ -677,9 +779,7 @@ const AdditionalDisplayChange = val => {
|
|
|
|
|
Additionalcategories: [], |
|
|
|
|
}, |
|
|
|
|
]; |
|
|
|
|
} else { |
|
|
|
|
SurchargeDisplay.value = false; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
@ -705,6 +805,7 @@ const AdditionalDisplayChange = val => {
|
|
|
|
|
-ms-user-select: none; /* IE 10+/Edge */ |
|
|
|
|
user-select: none; /* Standard syntax */ |
|
|
|
|
display: flex; |
|
|
|
|
flex-direction: column; |
|
|
|
|
.el_Storagecategory { |
|
|
|
|
border: 1px solid #ccc; |
|
|
|
|
.el_table_span { |
|
|
|
|
@ -793,16 +894,53 @@ const AdditionalDisplayChange = val => {
|
|
|
|
|
margin-bottom: 10px; |
|
|
|
|
} |
|
|
|
|
.el_Surcharge { |
|
|
|
|
.el_Storage{ |
|
|
|
|
width: 24%; |
|
|
|
|
display: flex; |
|
|
|
|
flex-direction: column; |
|
|
|
|
.el_Cselect{ |
|
|
|
|
margin-left: 0; |
|
|
|
|
background-color: #f5f5f6; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.el_flex_row{ |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.el_submit { |
|
|
|
|
width: 100%; |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: flex-end; |
|
|
|
|
} |
|
|
|
|
.el_flex{ |
|
|
|
|
display:flex; |
|
|
|
|
.el_Cselect{ |
|
|
|
|
.el_flex { |
|
|
|
|
display: flex; |
|
|
|
|
.el_Cselect { |
|
|
|
|
margin-left: 0; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.el_flex_box { |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
.el_Storage { |
|
|
|
|
width: 24%; |
|
|
|
|
display: flex; |
|
|
|
|
flex-direction: column; |
|
|
|
|
|
|
|
|
|
.el_Cselect { |
|
|
|
|
margin-left: 0; |
|
|
|
|
margin-top: 8px; |
|
|
|
|
width: 100%; |
|
|
|
|
background-color: #f5f5f6; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.el_btn_a,.el_btn_b{ |
|
|
|
|
font-size: 20px; |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
.el-icon{ |
|
|
|
|
font-size: 20px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|
|
