|
|
|
@ -1,7 +1,15 @@ |
|
|
|
<template> |
|
|
|
<ContentWrap> |
|
|
|
<!-- 搜索工作栏 --> |
|
|
|
<Search :schema="CustomerDeliveryForecast.allSchemas.searchSchema" @search="setSearchParams" @reset="setSearchParams" /> |
|
|
|
<Search ref="searchRef" :showSearchTableQueryFields="['schdPart','schdRlseId']" :hiddenFilterBtnFields="['schdPart','schdRlseId']" :schema="CustomerDeliveryForecast.allSchemas.searchSchema" @searchTableSuccess="searchQueryTableSuccess" @search="searchClick" @reset="searchClick" > |
|
|
|
<template #actionMore> |
|
|
|
<el-button type="primary" class="updateBtn" @click="toMonthSearchClick"> |
|
|
|
<Icon class="mr-5px" icon="ep:" /> |
|
|
|
月合计 |
|
|
|
<Icon class="ml-5px" icon="ep:" /> |
|
|
|
</el-button> |
|
|
|
</template> |
|
|
|
</Search> |
|
|
|
</ContentWrap> |
|
|
|
|
|
|
|
<!-- 列表头部 --> |
|
|
|
@ -16,7 +24,27 @@ |
|
|
|
|
|
|
|
<!-- 列表 --> |
|
|
|
<ContentWrap> |
|
|
|
<Table |
|
|
|
<Table v-if="isToMonth" |
|
|
|
:columns="tableColumns" |
|
|
|
:data="tableObjectToMonth.tableList" |
|
|
|
:loading="tableObjectToMonth.loading" |
|
|
|
:pagination="{ |
|
|
|
total: tableObjectToMonth.total |
|
|
|
}" |
|
|
|
v-model:pageSize="tableObjectToMonth.pageSize" |
|
|
|
v-model:currentPage="tableObjectToMonth.currentPage" |
|
|
|
v-model:sort="tableObjectToMonth.sort" |
|
|
|
> |
|
|
|
<template #code="{row}"> |
|
|
|
<el-button type="primary" link @click="openDetail(row, '代码', row.code)"> |
|
|
|
<span>{{ row.code }}</span> |
|
|
|
</el-button> |
|
|
|
</template> |
|
|
|
<template #action="{ row }"> |
|
|
|
<ButtonBase :Butttondata="butttondata" @button-base-click="buttonTableClick($event,row)" /> |
|
|
|
</template> |
|
|
|
</Table> |
|
|
|
<Table v-else |
|
|
|
:columns="tableColumns" |
|
|
|
:data="tableObject.tableList" |
|
|
|
:loading="tableObject.loading" |
|
|
|
@ -36,6 +64,7 @@ |
|
|
|
<ButtonBase :Butttondata="butttondata" @button-base-click="buttonTableClick($event,row)" /> |
|
|
|
</template> |
|
|
|
</Table> |
|
|
|
|
|
|
|
</ContentWrap> |
|
|
|
|
|
|
|
<!-- 表单弹窗：添加/修改 --> |
|
|
|
@ -77,6 +106,7 @@ const { t } = useI18n() // 国际化 |
|
|
|
const route = useRoute() // 路由信息 |
|
|
|
const routeName = ref() |
|
|
|
routeName.value = route.name |
|
|
|
const orginTableColumns = ref(CustomerDeliveryForecast.allSchemas.tableColumns) |
|
|
|
const tableColumns = ref(CustomerDeliveryForecast.allSchemas.tableColumns) |
|
|
|
|
|
|
|
// 查询页面返回 |
|
|
|
@ -90,9 +120,108 @@ const searchTableSuccess = (formField, searchField, val, formRef) => { |
|
|
|
|
|
|
|
// 字段设置 更新主列表字段 |
|
|
|
const updataTableColumns = (val) => { |
|
|
|
tableColumns.value = val |
|
|
|
orginTableColumns.value = val |
|
|
|
tableColumns.value = [...orginTableColumns.value,...dateTableColumns.value] |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
// 月合计--列表头部 |
|
|
|
const isToMonth = ref(false) |
|
|
|
const toMonthSearchClick = async ()=>{ |
|
|
|
isToMonth.value = true |
|
|
|
let data = await searchRef.value.getSearchFormData() |
|
|
|
console.log('data',data) |
|
|
|
|
|
|
|
await setSearchParamsHeadToMonth(data) |
|
|
|
// updateDateTableColumns() |
|
|
|
setSearchParamsToMonth(data) |
|
|
|
} |
|
|
|
const { tableObject:tableObjectHeadToMonth, tableMethods:tableMethodsHeadToMonth } = useTable({ |
|
|
|
getListApi: CustomerDeliveryForecastApi.getPageTableHeadToMonth // 分页接口 |
|
|
|
}) |
|
|
|
|
|
|
|
// 获得表格的各种操作 |
|
|
|
const { getList:getListHeadToMonth, setSearchParams:setSearchParamsHeadToMonth } = tableMethodsHeadToMonth |
|
|
|
|
|
|
|
watch(()=>tableObjectHeadToMonth.tableList,()=>{ |
|
|
|
updateDateTableColumns(true) |
|
|
|
},{deep:true}) |
|
|
|
|
|
|
|
// 月合计-列表 |
|
|
|
const { tableObject:tableObjectToMonth, tableMethods:tableMethodsToMonth } = useTable({ |
|
|
|
getListApi: CustomerDeliveryForecastApi.getCustomerDeliveryForecastPageToMonth // 分页接口 |
|
|
|
}) |
|
|
|
|
|
|
|
// 获得表格的各种操作 |
|
|
|
const { getList:getListToMonth, setSearchParams:setSearchParamsToMonth } = tableMethodsToMonth |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 要货预测--列表头部 |
|
|
|
const { tableObject:tableObjectHead, tableMethods:tableMethodsHead } = useTable({ |
|
|
|
getListApi: CustomerDeliveryForecastApi.getPageTableHead // 分页接口 |
|
|
|
}) |
|
|
|
|
|
|
|
// 获得表格的各种操作 |
|
|
|
const { getList:getListHead, setSearchParams:setSearchParamsHead } = tableMethodsHead |
|
|
|
|
|
|
|
watch(()=>tableObjectHead.tableList,()=>{ |
|
|
|
updateDateTableColumns(false) |
|
|
|
},{deep:true}) |
|
|
|
|
|
|
|
const dateTableColumns = ref([]) |
|
|
|
const updateDateTableColumns = (toMonth)=>{ |
|
|
|
console.log('tableObjectHead',tableObjectHead) |
|
|
|
let dateColumns = [] |
|
|
|
if(toMonth){ |
|
|
|
// 月合计 |
|
|
|
tableObjectHeadToMonth.tableList.forEach(item=>{ |
|
|
|
dateColumns.push({ |
|
|
|
width:120, |
|
|
|
field: item, |
|
|
|
label: item |
|
|
|
}) |
|
|
|
}) |
|
|
|
}else{ |
|
|
|
tableObjectHead.tableList.forEach(item=>{ |
|
|
|
dateColumns.push({ |
|
|
|
width:120, |
|
|
|
field: item, |
|
|
|
label: item |
|
|
|
}) |
|
|
|
}) |
|
|
|
} |
|
|
|
dateTableColumns.value = dateColumns |
|
|
|
tableColumns.value = [...orginTableColumns.value,...dateColumns] |
|
|
|
console.log('tableColumns',tableColumns.value) |
|
|
|
} |
|
|
|
|
|
|
|
// 查询页面返回 |
|
|
|
const searchQueryTableSuccess = (formField, searchField, val, formRef, type, row ) => { |
|
|
|
console.log('searchQueryTableSuccess',formField, searchField, val, formRef, type, row ) |
|
|
|
nextTick(() => { |
|
|
|
const setV = {} |
|
|
|
if(formField == 'schdPart'||formField == 'schdRlseId'){ |
|
|
|
//物料代码 版本号 |
|
|
|
let list = [] |
|
|
|
val.forEach(item=>{ |
|
|
|
list.push(item[searchField]) |
|
|
|
}) |
|
|
|
setV[formField] = list.join(' ') |
|
|
|
formRef.setValues(setV) |
|
|
|
}else{ |
|
|
|
setV[formField] = val[0][searchField] |
|
|
|
formRef.setValues(setV) |
|
|
|
} |
|
|
|
}) |
|
|
|
} |
|
|
|
const searchRef = ref() |
|
|
|
const searchClick = async (data)=>{ |
|
|
|
isToMonth.value = false |
|
|
|
await setSearchParamsHead(data) |
|
|
|
// updateDateTableColumns() |
|
|
|
setSearchParams(data) |
|
|
|
} |
|
|
|
const { tableObject, tableMethods } = useTable({ |
|
|
|
getListApi: CustomerDeliveryForecastApi.getCustomerDeliveryForecastPage // 分页接口 |
|
|
|
}) |
|
|
|
@ -104,9 +233,9 @@ const { getList, setSearchParams } = tableMethods |
|
|
|
const HeadButttondata = [ |
|
|
|
defaultButtons.defaultAddBtn({hasPermi:'wms:customerDeliveryForecast:create'}), // 新增 |
|
|
|
defaultButtons.defaultImportBtn({hasPermi:'wms:customerDeliveryForecast:import'}), // 导入 |
|
|
|
defaultButtons.defaultExportBtn({hasPermi:'wms:customerDeliveryForecast:export'}), // 导出 |
|
|
|
defaultButtons.defaultExportBtn({hasPermi:'wms:customerDeliveryForecast:export-excel'}), // 导出 |
|
|
|
defaultButtons.defaultFreshBtn(null), // 刷新 |
|
|
|
defaultButtons.defaultFilterBtn(null), // 筛选 |
|
|
|
// defaultButtons.defaultFilterBtn(null), // 筛选 |
|
|
|
defaultButtons.defaultSetBtn(null), // 设置 |
|
|
|
// { |
|
|
|
// label: '自定义扩展按钮', |
|
|
|
@ -119,7 +248,7 @@ const HeadButttondata = [ |
|
|
|
] |
|
|
|
|
|
|
|
// 头部按钮事件 |
|
|
|
const buttonBaseClick = (val, item) => { |
|
|
|
const buttonBaseClick = async (val, item) => { |
|
|
|
if (val == 'add') { // 新增 |
|
|
|
openForm('create') |
|
|
|
} else if (val == 'import') { // 导入 |
|
|
|
@ -132,7 +261,11 @@ const buttonBaseClick = (val, item) => { |
|
|
|
filters: tableObject.params.filters |
|
|
|
}) |
|
|
|
} else { |
|
|
|
isToMonth.value = false |
|
|
|
await getListHead() |
|
|
|
// updateDateTableColumns() |
|
|
|
getList() |
|
|
|
|
|
|
|
} |
|
|
|
} else if (val == 'filtrate') { // 筛选 |
|
|
|
} else { // 其他按钮 |
|
|
|
@ -257,7 +390,8 @@ const searchFormClick = (searchData) => { |
|
|
|
|
|
|
|
/** 初始化 **/ |
|
|
|
onMounted(async () => { |
|
|
|
getList() |
|
|
|
searchRef.value.search() |
|
|
|
// getList() |
|
|
|
importTemplateData.templateUrl = await CustomerDeliveryForecastApi.importTemplate() |
|
|
|
}) |
|
|
|
|
|
|
|
|
