<script lang="ts" setup>
|
import type { VxeTableGridOptions } from '#/adapter/vxe-table';
|
import type { WmsApprovalApi } from '#/api/mes/wm/approval';
|
|
import { ref } from 'vue';
|
|
import { Page, useVbenModal } from '@vben/common-ui';
|
|
import { message } from 'ant-design-vue';
|
|
import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
|
import { saveApprovalConfig } from '#/api/mes/wm/approval';
|
|
import ProcessConfigForm from './modules/process-config-form.vue';
|
import { useGridColumns, useGridFormSchema } from './data';
|
|
defineOptions({ name: 'WlsApprovalConfig' });
|
|
const [ProcessConfigModal, processConfigModalApi] = useVbenModal({
|
connectedComponent: ProcessConfigForm,
|
destroyOnClose: true,
|
});
|
|
/** 仓库配置列表 */
|
const warehouseConfigList = ref<any[]>([]);
|
|
/** 审批开关变更 */
|
async function handleApprovalChange(
|
row: any,
|
bizType: string,
|
enabled: boolean,
|
) {
|
try {
|
await saveApprovalConfig({
|
warehouseId: row.warehouseId,
|
bizType: bizType as WmsApprovalApi.BizType,
|
approvalEnabled: enabled,
|
});
|
// 更新本地数据
|
const config = row.configs?.find(
|
(c: WmsApprovalApi.ApprovalConfig) => c.bizType === bizType,
|
);
|
if (config) {
|
config.approvalEnabled = enabled;
|
} else {
|
row.configs = row.configs || [];
|
row.configs.push({
|
warehouseId: row.warehouseId,
|
bizType,
|
approvalEnabled: enabled,
|
});
|
}
|
message.success('配置保存成功');
|
} catch {
|
gridApi.query();
|
}
|
}
|
|
/** 配置流程 */
|
function handleConfigProcess(row: any) {
|
processConfigModalApi.setData({ warehouseId: row.warehouseId, warehouseName: row.warehouseName }).open();
|
}
|
|
const [Grid, gridApi] = useVbenVxeGrid({
|
formOptions: {
|
schema: useGridFormSchema(),
|
},
|
gridOptions: {
|
columns: useGridColumns(handleApprovalChange),
|
height: 'auto',
|
keepSource: true,
|
data: warehouseConfigList,
|
proxyConfig: {
|
ajax: {
|
query: async ({ page }, formValues) => {
|
// TODO: 调用后端接口获取所有仓库及其审批配置
|
return { list: [], total: 0 };
|
},
|
},
|
},
|
rowConfig: {
|
keyField: 'warehouseId',
|
isHover: true,
|
},
|
toolbarConfig: {
|
refresh: true,
|
search: true,
|
},
|
} as VxeTableGridOptions,
|
});
|
</script>
|
|
<template>
|
<Page auto-content-height>
|
<ProcessConfigModal @success="gridApi.query()" />
|
|
<Grid table-title="审批配置">
|
<template #actions="{ row }">
|
<TableAction
|
:actions="[
|
{
|
label: '配置流程',
|
type: 'link',
|
icon: ACTION_ICON.EDIT,
|
auth: ['mes:wm-approval:save'],
|
onClick: handleConfigProcess.bind(null, row),
|
},
|
]"
|
/>
|
</template>
|
</Grid>
|
</Page>
|
</template>
|
