|
@ -40,7 +40,10 @@ |
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
<template #action="{ row }"> |
|
|
<template #action="{ row }"> |
|
|
<ButtonBase :Butttondata="butttondata(row)" @button-base-click="buttonTableClick($event,row)" /> |
|
|
<ButtonBase |
|
|
|
|
|
:Butttondata="butttondata(row)" |
|
|
|
|
|
@button-base-click="buttonTableClick($event, row)" |
|
|
|
|
|
/> |
|
|
</template> |
|
|
</template> |
|
|
</Table> |
|
|
</Table> |
|
|
</ContentWrap> |
|
|
</ContentWrap> |
|
@ -61,7 +64,12 @@ |
|
|
<Detail ref="detailRef" :isBasic="true" :allSchemas="SupplierDeliMain.allSchemas" /> |
|
|
<Detail ref="detailRef" :isBasic="true" :allSchemas="SupplierDeliMain.allSchemas" /> |
|
|
|
|
|
|
|
|
<!-- 导入 --> |
|
|
<!-- 导入 --> |
|
|
<ImportForm ref="importFormRef" url="/basic/supplier-deli-main/import" :importTemplateData="importTemplateData" @success="importSuccess" /> |
|
|
<ImportForm |
|
|
|
|
|
ref="importFormRef" |
|
|
|
|
|
url="/basic/supplier-deli-main/import" |
|
|
|
|
|
:importTemplateData="importTemplateData" |
|
|
|
|
|
@success="importSuccess" |
|
|
|
|
|
/> |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
<script setup lang="ts"> |
|
|
<script setup lang="ts"> |
|
@ -93,7 +101,16 @@ defineOptions({ name: 'SupplierDeliMain' }) |
|
|
const orginTableColumns = ref(SupplierDeliMain.allSchemas.tableColumns) |
|
|
const orginTableColumns = ref(SupplierDeliMain.allSchemas.tableColumns) |
|
|
const tableColumns = ref(SupplierDeliMain.allSchemas.tableColumns) |
|
|
const tableColumns = ref(SupplierDeliMain.allSchemas.tableColumns) |
|
|
// 字段设置 更新主列表字段 |
|
|
// 字段设置 更新主列表字段 |
|
|
const updataTableColumns = (val: { [x: string]: any; field: string; label?: string | undefined; width?: string | number | undefined; fixed?: "left" | "right" | undefined; children?: any[] | undefined }[]) => { |
|
|
const updataTableColumns = ( |
|
|
|
|
|
val: { |
|
|
|
|
|
[x: string]: any |
|
|
|
|
|
field: string |
|
|
|
|
|
label?: string | undefined |
|
|
|
|
|
width?: string | number | undefined |
|
|
|
|
|
fixed?: 'left' | 'right' | undefined |
|
|
|
|
|
children?: any[] | undefined |
|
|
|
|
|
}[] |
|
|
|
|
|
) => { |
|
|
orginTableColumns.value = val |
|
|
orginTableColumns.value = val |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
@ -108,14 +125,18 @@ const search = (mold) => { |
|
|
setSearchParams(mold) |
|
|
setSearchParams(mold) |
|
|
} |
|
|
} |
|
|
const dateColumns = ref([]) |
|
|
const dateColumns = ref([]) |
|
|
watch(()=>tableObjectHead.tableList,()=>{ |
|
|
watch( |
|
|
|
|
|
() => tableObjectHead.tableList, |
|
|
|
|
|
() => { |
|
|
updateDateTableColumns() |
|
|
updateDateTableColumns() |
|
|
},{deep:true}) |
|
|
}, |
|
|
|
|
|
{ deep: true } |
|
|
|
|
|
) |
|
|
const updateDateTableColumns = () => { |
|
|
const updateDateTableColumns = () => { |
|
|
console.log('tableObjectHead', tableObjectHead) |
|
|
console.log('tableObjectHead', tableObjectHead) |
|
|
dateColumns.value = [] |
|
|
dateColumns.value = [] |
|
|
if (tableObjectHead.tableList.length > 10) { |
|
|
if (tableObjectHead.tableList.length > 10) { |
|
|
tableObjectHead.tableList.forEach(item=>{ |
|
|
tableObjectHead.tableList.forEach((item) => { |
|
|
dateColumns.value.push({ |
|
|
dateColumns.value.push({ |
|
|
width: 120, |
|
|
width: 120, |
|
|
field: item, |
|
|
field: item, |
|
@ -123,7 +144,7 @@ const updateDateTableColumns = ()=>{ |
|
|
}) |
|
|
}) |
|
|
}) |
|
|
}) |
|
|
} else { |
|
|
} else { |
|
|
tableObjectHead.tableList.forEach(item=>{ |
|
|
tableObjectHead.tableList.forEach((item) => { |
|
|
dateColumns.value.push({ |
|
|
dateColumns.value.push({ |
|
|
field: item, |
|
|
field: item, |
|
|
label: item |
|
|
label: item |
|
@ -143,7 +164,12 @@ routeName.value = route.name |
|
|
// const tableColumns = ref(SupplierDeliMain.allSchemas.tableColumns) |
|
|
// const tableColumns = ref(SupplierDeliMain.allSchemas.tableColumns) |
|
|
|
|
|
|
|
|
// 查询页面返回 |
|
|
// 查询页面返回 |
|
|
const searchTableSuccess = (formField: string | number, searchField: string | number, val: { [x: string]: any }[], formRef: { setValues: (arg0: {}) => void }) => { |
|
|
const searchTableSuccess = ( |
|
|
|
|
|
formField: string | number, |
|
|
|
|
|
searchField: string | number, |
|
|
|
|
|
val: { [x: string]: any }[], |
|
|
|
|
|
formRef: { setValues: (arg0: {}) => void } |
|
|
|
|
|
) => { |
|
|
nextTick(() => { |
|
|
nextTick(() => { |
|
|
const setV = {} |
|
|
const setV = {} |
|
|
setV[formField] = val[0][searchField] |
|
|
setV[formField] = val[0][searchField] |
|
@ -168,7 +194,7 @@ const getListExecute = () => { |
|
|
tableObject.params.yearAndMonth = formatDate(new Date(), 'YYYY-MM') |
|
|
tableObject.params.yearAndMonth = formatDate(new Date(), 'YYYY-MM') |
|
|
} |
|
|
} |
|
|
getList() |
|
|
getList() |
|
|
tableObject.tableList.forEach(item=>item.isOpen = false) |
|
|
tableObject.tableList.forEach((item) => (item.isOpen = false)) |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
// 列表头部按钮 |
|
|
// 列表头部按钮 |
|
@ -178,7 +204,7 @@ const HeadButttondata = [ |
|
|
defaultButtons.defaultExportBtn(null), // 导出 |
|
|
defaultButtons.defaultExportBtn(null), // 导出 |
|
|
defaultButtons.defaultFreshBtn(null), // 刷新 |
|
|
defaultButtons.defaultFreshBtn(null), // 刷新 |
|
|
// defaultButtons.defaultFilterBtn(null), // 筛选 |
|
|
// defaultButtons.defaultFilterBtn(null), // 筛选 |
|
|
defaultButtons.defaultSetBtn(null), // 设置 |
|
|
defaultButtons.defaultSetBtn(null) // 设置 |
|
|
// { |
|
|
// { |
|
|
// label: '自定义扩展按钮', |
|
|
// label: '自定义扩展按钮', |
|
|
// name: 'zdy', |
|
|
// name: 'zdy', |
|
@ -191,17 +217,23 @@ const HeadButttondata = [ |
|
|
|
|
|
|
|
|
// 头部按钮事件 |
|
|
// 头部按钮事件 |
|
|
const buttonBaseClick = (val: string, item: any) => { |
|
|
const buttonBaseClick = (val: string, item: any) => { |
|
|
if (val == 'add') { // 新增 |
|
|
if (val == 'add') { |
|
|
|
|
|
// 新增 |
|
|
openForm('create') |
|
|
openForm('create') |
|
|
} else if (val == 'import') { // 导入 |
|
|
} else if (val == 'import') { |
|
|
|
|
|
// 导入 |
|
|
handleImport() |
|
|
handleImport() |
|
|
} else if (val == 'export') { // 导出 |
|
|
} else if (val == 'export') { |
|
|
|
|
|
// 导出 |
|
|
handleExport() |
|
|
handleExport() |
|
|
} else if (val == 'refresh') { // 刷新 |
|
|
} else if (val == 'refresh') { |
|
|
|
|
|
// 刷新 |
|
|
getListHead() |
|
|
getListHead() |
|
|
getListExecute() |
|
|
getListExecute() |
|
|
} else if (val == 'filtrate') { // 筛选 |
|
|
} else if (val == 'filtrate') { |
|
|
} else { // 其他按钮 |
|
|
// 筛选 |
|
|
|
|
|
} else { |
|
|
|
|
|
// 其他按钮 |
|
|
console.log('其他按钮', item) |
|
|
console.log('其他按钮', item) |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
@ -210,7 +242,7 @@ const buttonBaseClick = (val: string, item: any) => { |
|
|
const butttondata = (row) => { |
|
|
const butttondata = (row) => { |
|
|
const array = [] |
|
|
const array = [] |
|
|
// 如果子数据条数超过6条不展示按钮 |
|
|
// 如果子数据条数超过6条不展示按钮 |
|
|
dateColumns.value.forEach(item => { |
|
|
dateColumns.value.forEach((item) => { |
|
|
if (row[item.field]?.length > 6) { |
|
|
if (row[item.field]?.length > 6) { |
|
|
array.push(row) |
|
|
array.push(row) |
|
|
} |
|
|
} |
|
@ -233,42 +265,56 @@ const butttondata = (row) => { |
|
|
color: '', |
|
|
color: '', |
|
|
link: true, // 文本展现按钮 |
|
|
link: true, // 文本展现按钮 |
|
|
hasPermi: '' |
|
|
hasPermi: '' |
|
|
} |
|
|
}, |
|
|
|
|
|
defaultButtons.mainListEditBtn(null) // 编辑 |
|
|
] |
|
|
] |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
// 列表-操作按钮事件 |
|
|
// 列表-操作按钮事件 |
|
|
const buttonTableClick = async (val: string, row: any) => { |
|
|
const buttonTableClick = async (val: string, row: any) => { |
|
|
if (val == 'open') { // 展开 |
|
|
if (val == 'open') { |
|
|
|
|
|
// 展开 |
|
|
// openForm('update', row) |
|
|
// openForm('update', row) |
|
|
row.isOpen = true |
|
|
row.isOpen = true |
|
|
getMaxHeight(row) |
|
|
getMaxHeight(row) |
|
|
} else if (val == 'retract') { // 收起 |
|
|
} else if (val == 'retract') { |
|
|
|
|
|
// 收起 |
|
|
row.isOpen = false |
|
|
row.isOpen = false |
|
|
getMaxHeight(row) |
|
|
getMaxHeight(row) |
|
|
// handleDelete(row.id) |
|
|
// handleDelete(row.id) |
|
|
|
|
|
} else if (val == 'edit') { |
|
|
|
|
|
// 编辑 |
|
|
|
|
|
openForm('update', row) |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
/** 添加/修改操作 */ |
|
|
/** 添加/修改操作 */ |
|
|
const basicFormRef = ref() |
|
|
const basicFormRef = ref() |
|
|
const openForm = (type: string, row?: any) => { |
|
|
const openForm = (type: string, row?: any) => { |
|
|
|
|
|
console.log('wolaile ', row) |
|
|
|
|
|
if (type == 'update') { |
|
|
|
|
|
SupplierDeliMain.allSchemas.formSchema.forEach((item) => { |
|
|
|
|
|
if (item.field == 'delayDeli') { |
|
|
|
|
|
item.value = row.delayDeli |
|
|
|
|
|
} |
|
|
|
|
|
}) |
|
|
|
|
|
} |
|
|
basicFormRef.value.open(type, row) |
|
|
basicFormRef.value.open(type, row) |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
// form表单提交 |
|
|
// form表单提交 |
|
|
const formsSuccess = async (formType: string, data: SupplierDeliMainApi.SupplierDeliMainVO) => { |
|
|
const formsSuccess = async (formType: string, data: SupplierDeliMainApi.SupplierDeliMainVO) => { |
|
|
var isHave = SupplierDeliMain.allSchemas.formSchema.some(function (item) { |
|
|
var isHave = SupplierDeliMain.allSchemas.formSchema.some(function (item) { |
|
|
return item.field === 'activeTime' || item.field === 'expireTime'; |
|
|
return item.field === 'activeTime' || item.field === 'expireTime' |
|
|
}); |
|
|
}) |
|
|
if (isHave) { |
|
|
if (isHave) { |
|
|
if (data.activeTime && data.expireTime && data.activeTime >= data.expireTime) { |
|
|
if (data.activeTime && data.expireTime && data.activeTime >= data.expireTime) { |
|
|
message.error('失效时间要大于生效时间') |
|
|
message.error('失效时间要大于生效时间') |
|
|
return; |
|
|
return |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
if(data.activeTime==0)data.activeTime = null; |
|
|
if (data.activeTime == 0) data.activeTime = null |
|
|
if(data.expireTime==0)data.expireTime = null; |
|
|
if (data.expireTime == 0) data.expireTime = null |
|
|
if (formType === 'create') { |
|
|
if (formType === 'create') { |
|
|
await SupplierDeliMainApi.createSupplierDeliMain(data) |
|
|
await SupplierDeliMainApi.createSupplierDeliMain(data) |
|
|
message.success(t('common.createSuccess')) |
|
|
message.success(t('common.createSuccess')) |
|
@ -341,10 +387,11 @@ const searchFormClick = (searchData: { filters: any }) => { |
|
|
|
|
|
|
|
|
const getMaxHeight = (row) => { |
|
|
const getMaxHeight = (row) => { |
|
|
// 根据条件返回不同的高度值 |
|
|
// 根据条件返回不同的高度值 |
|
|
if (row.isOpen === true) { // 例如:特定名字的行改变高度 |
|
|
if (row.isOpen === true) { |
|
|
return 'none'; // 特定高度值 |
|
|
// 例如:特定名字的行改变高度 |
|
|
|
|
|
return 'none' // 特定高度值 |
|
|
} |
|
|
} |
|
|
return '140px'; // 默认高度值 |
|
|
return '140px' // 默认高度值 |
|
|
} |
|
|
} |
|
|
/** 初始化 **/ |
|
|
/** 初始化 **/ |
|
|
onMounted(async () => { |
|
|
onMounted(async () => { |
|
@ -352,7 +399,6 @@ onMounted(async () => { |
|
|
getListExecute() |
|
|
getListExecute() |
|
|
importTemplateData.templateUrl = await SupplierDeliMainApi.importTemplate() |
|
|
importTemplateData.templateUrl = await SupplierDeliMainApi.importTemplate() |
|
|
}) |
|
|
}) |
|
|
|
|
|
|
|
|
</script> |
|
|
</script> |
|
|
<style lang="scss"> |
|
|
<style lang="scss"> |
|
|
// .el-table .cell.el-tooltip{ |
|
|
// .el-table .cell.el-tooltip{ |
|
|