|
|
|
|
@ -37,7 +37,13 @@
|
|
|
|
|
<!-- 头部左侧按钮模块 --> |
|
|
|
|
<div class="avue-crud__left"> |
|
|
|
|
<el-button type="primary" @click="AddInfo" |
|
|
|
|
><el-icon><Plus /></el-icon>导出</el-button |
|
|
|
|
><el-icon><Download /></el-icon>导出价格</el-button |
|
|
|
|
> |
|
|
|
|
<el-button type="primary" @click="AddInfo" |
|
|
|
|
><el-icon><Upload /></el-icon>导入价格</el-button |
|
|
|
|
> |
|
|
|
|
<el-button type="primary" @click="Informationadd" |
|
|
|
|
><el-icon><Plus /></el-icon>新增</el-button |
|
|
|
|
> |
|
|
|
|
</div> |
|
|
|
|
<!-- 头部右侧按钮模块 --> |
|
|
|
|
@ -65,7 +71,7 @@
|
|
|
|
|
> |
|
|
|
|
<template #default="slotProps"> |
|
|
|
|
<template v-if="slotProps.scope.column.label === '操作'"> |
|
|
|
|
<div class="ElBtnClass"></div> |
|
|
|
|
<el-text size="small" @click="EditTemplate(slotProps.scope.row)">编 辑</el-text> |
|
|
|
|
</template> |
|
|
|
|
</template> |
|
|
|
|
</tablecmt> |
|
|
|
|
@ -90,6 +96,56 @@
|
|
|
|
|
</div> |
|
|
|
|
</el-row> |
|
|
|
|
</div> |
|
|
|
|
<el-dialog v-model="Priceconfiguration" :title="PriceconfigurationTitle" width="30%"> |
|
|
|
|
<el-form |
|
|
|
|
:model="form" |
|
|
|
|
label-width="auto" |
|
|
|
|
v-loading="tcloading" |
|
|
|
|
element-loading-text="Loading..." |
|
|
|
|
> |
|
|
|
|
<el-form-item label="服务仓:"> |
|
|
|
|
<el-select |
|
|
|
|
@change="changServiceWarehouse" |
|
|
|
|
v-model="form.warehouseId" |
|
|
|
|
placeholder="请选择服务仓" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in ServiceWarehouse" |
|
|
|
|
:key="item.value" |
|
|
|
|
:label="item.label" |
|
|
|
|
:value="item.value" |
|
|
|
|
:disabled="item.disabled" |
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="司机:"> |
|
|
|
|
<el-select v-model="form.driverId" placeholder="请选择司机"> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in driver" |
|
|
|
|
:key="item.value" |
|
|
|
|
:label="item.label" |
|
|
|
|
:value="item.value" |
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="价格模板:"> |
|
|
|
|
<el-select v-model="form.templateId" placeholder="请选择价格模板"> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in PriceTemplate" |
|
|
|
|
:key="item.value" |
|
|
|
|
:label="item.label" |
|
|
|
|
:value="item.value" |
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-form> |
|
|
|
|
<template #footer> |
|
|
|
|
<div class="dialog-footer"> |
|
|
|
|
<el-button @click="Priceconfiguration = false">取消</el-button> |
|
|
|
|
<el-button type="primary" @click="Priceconfigurationsubmission">提交</el-button> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
</el-dialog> |
|
|
|
|
</basic-container> |
|
|
|
|
<!-- 列表配置显示 --> |
|
|
|
|
<edittablehead |
|
|
|
|
@ -107,7 +163,15 @@ import { columnList } from '@/option/storagecost/ServiceProviderPrice.js';
|
|
|
|
|
import { getDictionaryBiz } from '@/api/system/dict'; //字典 |
|
|
|
|
import { processRowProperty, setNodeHeight } from '@/utils/util'; |
|
|
|
|
import functions from '@/utils/functions.js'; |
|
|
|
|
import { $_getMyWarehouseList } from '@/api/storagecost/index.js'; |
|
|
|
|
import { getDriverList } from '@/api/basicdata/basicdataDriverArtery'; //司机信息 |
|
|
|
|
import { |
|
|
|
|
$_getMyWarehouseList, |
|
|
|
|
$_ServiceProviderPrice, |
|
|
|
|
$_ServiceProviderPricesave, |
|
|
|
|
$_WarehousePricingTemplate, |
|
|
|
|
$_getDriverList, |
|
|
|
|
$_ServiceProviderPriceupdate, |
|
|
|
|
} from '@/api/storagecost/index.js'; |
|
|
|
|
import { ElMessageBox, ElMessage } from 'element-plus'; |
|
|
|
|
import { downloadXls } from '@/utils/util'; |
|
|
|
|
import { useStore } from 'vuex'; |
|
|
|
|
@ -116,7 +180,16 @@ const $router = useRouter(); //跳转
|
|
|
|
|
const $useStore = useStore(); //权限 |
|
|
|
|
const $route = useRoute(); //获取地址栏参数 |
|
|
|
|
const warehouseList = ref([]); |
|
|
|
|
const queryTop=ref({}) |
|
|
|
|
const PriceconfigurationTitle = ref('价格配置(新增)'); |
|
|
|
|
const form = ref({}); |
|
|
|
|
const rowData = ref({}); |
|
|
|
|
const ServiceWarehouse = ref([]); //服务仓 |
|
|
|
|
const driver = ref([]); //司机 |
|
|
|
|
const tcloading = ref(false); |
|
|
|
|
const PriceTemplate = ref([]); //价格模板 |
|
|
|
|
const Priceconfiguration = ref(false); |
|
|
|
|
const WarehouseId = ref(''); |
|
|
|
|
const queryTop = ref({}); |
|
|
|
|
const details = reactive({ |
|
|
|
|
/** 是否开启搜索 */ |
|
|
|
|
search: false, |
|
|
|
|
@ -159,7 +232,7 @@ const details = reactive({
|
|
|
|
|
columnList, |
|
|
|
|
|
|
|
|
|
/** 列表数据 */ |
|
|
|
|
data: [{}], |
|
|
|
|
data: [], |
|
|
|
|
/** 页面loading */ |
|
|
|
|
loadingObj: { |
|
|
|
|
/** 列表加载loading */ |
|
|
|
|
@ -221,7 +294,7 @@ const showdrawer = _flag => {
|
|
|
|
|
const inputsc = (index, row) => { |
|
|
|
|
details.query[row.prop] = index; |
|
|
|
|
processRowProperty(index, row, details); |
|
|
|
|
test(details.query); |
|
|
|
|
onLoad(); |
|
|
|
|
}; |
|
|
|
|
// 实例函数 |
|
|
|
|
const test = val => {}; |
|
|
|
|
@ -235,6 +308,7 @@ const timesc = (index, row) => {
|
|
|
|
|
if (!index) { |
|
|
|
|
delete details.query[row.prop]; |
|
|
|
|
} |
|
|
|
|
onLoad(); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** 表格表头输入框搜索 */ |
|
|
|
|
@ -244,6 +318,7 @@ const btnsc = val => {
|
|
|
|
|
/** 表格表头下拉框选择 */ |
|
|
|
|
const selectsc = (index, row) => { |
|
|
|
|
processRowProperty(index, row, details); |
|
|
|
|
onLoad(); |
|
|
|
|
}; |
|
|
|
|
/** 表格表头复选框选择 */ |
|
|
|
|
const selectionChange = list => { |
|
|
|
|
@ -256,15 +331,18 @@ const searchChange = () => {
|
|
|
|
|
}; |
|
|
|
|
// 每页多少条 |
|
|
|
|
const sizeChange = val => { |
|
|
|
|
page.value.pageSize = val; |
|
|
|
|
details.page.pageSize = val; |
|
|
|
|
onLoad(); |
|
|
|
|
}; |
|
|
|
|
/** 页码改变执行的回调 */ |
|
|
|
|
const currentChange = val => { |
|
|
|
|
page.value.currentPage = val; |
|
|
|
|
details.page.currentPage = val; |
|
|
|
|
onLoad(); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
// 刷新按钮 |
|
|
|
|
const searchChangeS = () => { |
|
|
|
|
details.search = false; //关闭搜索 |
|
|
|
|
onLoad(); |
|
|
|
|
}; |
|
|
|
|
// 顶部搜索 |
|
|
|
|
const searchHide = () => { |
|
|
|
|
@ -285,27 +363,194 @@ function updateDictionary(targetArray, dictionaryType) {
|
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
// 禁止选择的仓库 |
|
|
|
|
const disabledWarehouse = () => { |
|
|
|
|
let WarehouseName = localStorage.getItem('WarehouseName'); |
|
|
|
|
console.log(WarehouseName, 'WarehouseName'); |
|
|
|
|
if (WarehouseName != 'undefined') { |
|
|
|
|
let data = ServiceWarehouse.value.find(res => res.label == WarehouseName); |
|
|
|
|
console.log(data, 'data===='); |
|
|
|
|
WarehouseId.value = data.value; //仓库ID |
|
|
|
|
ServiceWarehouse.value.forEach(item => { |
|
|
|
|
item.disabled = true; |
|
|
|
|
}); |
|
|
|
|
data.disabled = false; |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
// 获取仓库 |
|
|
|
|
const MyWarehouseList = () => { |
|
|
|
|
$_getMyWarehouseList().then(res => { |
|
|
|
|
const MyWarehouseList = async () => { |
|
|
|
|
await $_getMyWarehouseList().then(res => { |
|
|
|
|
console.log(res, '仓库列表'); |
|
|
|
|
res.data.data.forEach(item => { |
|
|
|
|
warehouseList.value.push({ |
|
|
|
|
value: item.name, |
|
|
|
|
ServiceWarehouse.value.push({ |
|
|
|
|
value: item.id, |
|
|
|
|
label: item.name, |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
disabledWarehouse(); |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
const GetTemplate = () => { |
|
|
|
|
let data = { |
|
|
|
|
size: 1000, |
|
|
|
|
current: 1, |
|
|
|
|
warehouseName: |
|
|
|
|
ServiceWarehouse.value.find(res => res.value == form.value.warehouseId)?.label || '', |
|
|
|
|
}; |
|
|
|
|
// 重置模板 |
|
|
|
|
form.value.templateId = ''; |
|
|
|
|
PriceTemplate.value = []; |
|
|
|
|
$_WarehousePricingTemplate(data).then(res => { |
|
|
|
|
console.log(res, '可选的模板'); |
|
|
|
|
if (res.data.code == 200) { |
|
|
|
|
if (res.data.data.records?.length) { |
|
|
|
|
res.data.data.records.forEach(item => { |
|
|
|
|
PriceTemplate.value.push({ |
|
|
|
|
label: item.templateName, |
|
|
|
|
value: item.id, |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
console.log(PriceTemplate.value, '模板'); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
// 页面初始化 |
|
|
|
|
const onLoad = () => {}; |
|
|
|
|
const PageOnload = () => { |
|
|
|
|
MyWarehouseList(); //获取仓库 |
|
|
|
|
const onLoad = value => { |
|
|
|
|
let data = { |
|
|
|
|
current: details.page.currentPage, |
|
|
|
|
size: details.page.pageSize, |
|
|
|
|
warehouseId: WarehouseId.value, |
|
|
|
|
...details.query, |
|
|
|
|
...value, |
|
|
|
|
}; |
|
|
|
|
details.loadingObj.list = true; |
|
|
|
|
$_ServiceProviderPrice(data) |
|
|
|
|
.then(res => { |
|
|
|
|
console.log(res, 'rsss'); |
|
|
|
|
if (res.data.code == 200) { |
|
|
|
|
details.data = res.data.data.records || []; |
|
|
|
|
details.page.total = res.data.data.total; //页码 |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
.catch(error => { |
|
|
|
|
console.log(error); |
|
|
|
|
}) |
|
|
|
|
.finally(() => { |
|
|
|
|
details.loadingObj.list = false; |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
const Getdriver = async () => { |
|
|
|
|
if (form.value.warehouseId) { |
|
|
|
|
let data = { |
|
|
|
|
warehouseId: form.value.warehouseId, |
|
|
|
|
}; |
|
|
|
|
await $_getDriverList(data).then(res => { |
|
|
|
|
console.log(res, '司机列表'); |
|
|
|
|
if (res.data.code == 200) { |
|
|
|
|
if (res.data.data.length) { |
|
|
|
|
res.data.data.forEach(item => { |
|
|
|
|
driver.value.push({ |
|
|
|
|
value: item.id, |
|
|
|
|
label: item.name, |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
const PageOnload = async () => { |
|
|
|
|
await MyWarehouseList(); //获取仓库 |
|
|
|
|
onLoad(); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
//页面初始化方法 |
|
|
|
|
PageOnload(); |
|
|
|
|
// 页面初始化方法 |
|
|
|
|
// 价格配置提交 |
|
|
|
|
const Priceconfigurationsubmission = () => { |
|
|
|
|
let data = { |
|
|
|
|
warehouseName: |
|
|
|
|
ServiceWarehouse.value.find(res => res.value == form.value.warehouseId)?.label || '', //仓库名称 |
|
|
|
|
warehouseId: form.value.warehouseId, //仓库ID |
|
|
|
|
driverId: form.value.driverId, //司机ID |
|
|
|
|
driverName: driver.value.find(res => res.value == form.value.driverId)?.label || '', //司机名称 |
|
|
|
|
templateId: form.value.templateId, //模板ID |
|
|
|
|
}; |
|
|
|
|
tcloading.value = true; |
|
|
|
|
if (PriceconfigurationTitle.value == '价格配置(编辑)') { |
|
|
|
|
data.id = rowData.value.id; |
|
|
|
|
$_ServiceProviderPriceupdate(data) |
|
|
|
|
.then(res => { |
|
|
|
|
console.log(res, '提交成功'); |
|
|
|
|
if (res.data.code == 200) { |
|
|
|
|
ElMessage({ |
|
|
|
|
message: res.data.msg, |
|
|
|
|
type: 'success', |
|
|
|
|
}); |
|
|
|
|
Priceconfiguration.value = false; |
|
|
|
|
onLoad(); |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
.catch(error => { |
|
|
|
|
console.log(error, '提交失败'); |
|
|
|
|
}) |
|
|
|
|
.finally(() => { |
|
|
|
|
tcloading.value = false; |
|
|
|
|
}); |
|
|
|
|
} else { |
|
|
|
|
$_ServiceProviderPricesave(data) |
|
|
|
|
.then(res => { |
|
|
|
|
console.log(res, '提交成功'); |
|
|
|
|
if (res.data.code == 200) { |
|
|
|
|
ElMessage({ |
|
|
|
|
message: res.data.msg, |
|
|
|
|
type: 'success', |
|
|
|
|
}); |
|
|
|
|
Priceconfiguration.value = false; |
|
|
|
|
onLoad(); |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
.catch(error => { |
|
|
|
|
console.log(error, '提交失败'); |
|
|
|
|
}) |
|
|
|
|
.finally(() => { |
|
|
|
|
tcloading.value = false; |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
// 新增 |
|
|
|
|
const Informationadd = () => { |
|
|
|
|
form.value.driverId = ''; |
|
|
|
|
form.value.warehouseId = ''; |
|
|
|
|
form.value.templateId = ''; |
|
|
|
|
PriceTemplate.value = []; |
|
|
|
|
driver.value = []; |
|
|
|
|
Priceconfiguration.value = true; |
|
|
|
|
PriceconfigurationTitle.value = '价格配置(新增)'; |
|
|
|
|
}; |
|
|
|
|
// 服务仓事件 |
|
|
|
|
const changServiceWarehouse = () => { |
|
|
|
|
GetTemplate(); //获取可用模板 |
|
|
|
|
Getdriver(); //获取司机 |
|
|
|
|
}; |
|
|
|
|
const EditTemplate = async row => { |
|
|
|
|
rowData.value = row; |
|
|
|
|
form.value.warehouseId = row.warehouseId; //仓库 |
|
|
|
|
await Getdriver(); |
|
|
|
|
console.log(row); |
|
|
|
|
Priceconfiguration.value = true; |
|
|
|
|
PriceconfigurationTitle.value = '价格配置(编辑)'; |
|
|
|
|
form.value.driverId = row.driverId; //司机 |
|
|
|
|
form.value.templateId = row.templateId; |
|
|
|
|
PriceTemplate.value = [ |
|
|
|
|
{ |
|
|
|
|
value: row.templateId, |
|
|
|
|
label: row.templateName, |
|
|
|
|
}, |
|
|
|
|
]; |
|
|
|
|
}; |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
|
|
|
