diff --git a/klp-ui/src/views/wms/post/flow.vue b/klp-ui/src/views/wms/post/flow.vue index eac1bf431..8b70eace8 100644 --- a/klp-ui/src/views/wms/post/flow.vue +++ b/klp-ui/src/views/wms/post/flow.vue @@ -29,6 +29,24 @@
+ + +
+ +
+
@@ -48,35 +66,35 @@ const TAB_LIST = [ { key: 'afterSales', label: '售后处理流程', icon: 'el-icon-s-claim' }, { key: 'inventoryCheck', label: '盘库流程', icon: 'el-icon-s-check' }, { key: 'productionSchedule', label: '排产流程', icon: 'el-icon-s-order' }, - { key: 'equipmentRepair', label: '设备维修流程', icon: 'el-icon-s-tools' }, + // { key: 'equipmentRepair', label: '设备维修流程', icon: 'el-icon-s-tools' }, ] const NODE_EVENT_CONFIG = { steelFullChain: [ - { id: 'A', label: '销售部创建合同', handler: 'handleClick', params: { action: 'openContract' } }, - { id: 'B', label: '原料卷到货', handler: 'handleClick', params: { action: 'openRawMaterial' } }, - { id: 'C', label: '入库验收', handler: 'handleClick', params: { action: 'openWarehouse' } }, - { id: 'D', label: '登记原料库存', handler: 'handleClick', params: { action: 'openWarehouse' } }, - { id: 'E', label: '成品钢卷加工', handler: 'handleClick', params: { action: 'openProduction' } }, - { id: 'I', label: '登记质量缺陷', handler: 'handleClick', params: { action: 'openQuality' } }, - { id: 'J', label: '质量等级判定', handler: 'handleClick', params: { action: 'openQuality' } }, - { id: 'K', label: '单卷档案', handler: 'handleClick', params: { action: 'openArchive' } }, - { id: 'L', label: '编排发货计划', handler: 'handleClick', params: { action: 'openShipping' } }, - { id: 'M', label: '生成发货单', handler: 'handleClick', params: { action: 'openShipping' } }, - { id: 'N', label: '发货质量校验', handler: 'handleClick', params: { action: 'openQuality' } }, - { id: 'O', label: '出库发货', handler: 'handleClick', params: { action: 'openShipping' } }, - { id: 'P', label: '禁止出库', handler: 'handleClick', params: { action: 'openShipping' } }, - { id: 'Q', label: '钢卷库存管理', handler: 'handleClick', params: { action: 'openInventory' } }, - { id: 'V', label: '生产过程数据异常检测', handler: 'handleClick', params: { action: 'openAlert' } }, - { id: 'W', label: '自动触发告警', handler: 'handleClick', params: { action: 'openAlert' } }, - { id: 'X', label: '生产数据报表统计', handler: 'handleClick', params: { action: 'openReport' } }, + { id: 'A', label: '销售部创建合同', handler: 'handleOpen', params: { componentPath: 'crm/contract/index' } }, + { id: 'B', label: '原料卷到货', handler: 'handleOpen', params: { componentPath: 'wms/receive/plan/index' } }, + { id: 'C', label: '入库验收', handler: 'handleOpen', params: { componentPath: 'wms/coil/do/warehousing' } }, + { id: 'D', label: '登记原料库存', handler: 'handleOpen', params: { componentPath: 'wms/coil/do/warehousing' } }, + // { id: 'E', label: '成品钢卷加工', handler: 'handleClick', params: { action: 'openProduction' } }, + { id: 'I', label: '登记质量缺陷', handler: 'handleOpen', params: { componentPath: 'wms/coil/abnormal/extend' } }, + { id: 'J', label: '质量等级判定', handler: 'handleOpen', params: { componentPath: 'wms/coil/abnormal/extend' } }, + // { id: 'K', label: '单卷档案', handler: 'handleClick', params: { action: 'openArchive' } }, + { id: 'L', label: '编排发货计划', handler: 'handleOpen', params: { componentPath: 'wms/delivery/waybill/index' } }, + { id: 'M', label: '生成发货单', handler: 'handleOpen', params: { componentPath: 'wms/delivery/bills/index' } }, + // { id: 'N', label: '发货质量校验', handler: 'handleClick', params: { action: 'openQuality' } }, + // { id: 'O', label: '出库发货', handler: 'handleClick', params: { action: 'openShipping' } }, + // { id: 'P', label: '禁止出库', handler: 'handleClick', params: { action: 'openShipping' } }, + // { id: 'Q', label: '钢卷库存管理', handler: 'handleClick', params: { action: 'openInventory' } }, + // { id: 'V', label: '生产过程数据异常检测', handler: 'handleClick', params: { action: 'openAlert' } }, + { id: 'W', label: '自动触发告警', handler: 'handleOpen', params: { componentPath: 'wms/coil/materialWarning/index' } }, + // { id: 'X', label: '生产数据报表统计', handler: 'handleClick', params: { action: 'openReport' } }, ], afterSales: [ - { id: 'A', label: '创建售后单', handler: 'handleClick', params: { action: 'openAfterSalesCreate' } }, - { id: 'C', label: '生产部出具处理意见', handler: 'handleClick', params: { action: 'openAfterSalesDept', dept: 'production' } }, - { id: 'D', label: '质量部出具处理意见', handler: 'handleClick', params: { action: 'openAfterSalesDept', dept: 'quality' } }, - { id: 'E', label: '销售部出具处理意见', handler: 'handleClick', params: { action: 'openAfterSalesDept', dept: 'sales' } }, - { id: 'G', label: '售后负责人汇总', handler: 'handleClick', params: { action: 'openAfterSalesSummary' } }, + { id: 'A', label: '创建售后单', handler: 'handleOpen', params: { componentPath: 'wms/post/objection/index' } }, + // { id: 'C', label: '生产部出具处理意见', handler: 'handleOpen', params: { action: 'openAfterSalesDept', dept: 'production' } }, + // { id: 'D', label: '质量部出具处理意见', handler: 'handleOpen', params: { action: 'openAfterSalesDept', dept: 'quality' } }, + // { id: 'E', label: '销售部出具处理意见', handler: 'handleOpen', params: { action: 'openAfterSalesDept', dept: 'sales' } }, + { id: 'G', label: '售后负责人汇总', handler: 'handleOpen', params: { componentPath: 'wms/post/objection/summary' } }, ], inventoryCheck: [ { id: 'A', label: '创建盘库计划', handler: 'handleClick', params: { action: 'openInventoryPlan' } }, @@ -292,6 +310,7 @@ graph TD `, } + export default { name: 'FlowChart', @@ -303,6 +322,12 @@ export default { svgCache: {}, selectedNode: null, downloadLoading: false, + dialogVisible: false, + dialogTitle: '', + dialogWidth: '70%', + dialogLoading: false, + dynamicComponent: null, + dialogKey: 0, } }, @@ -458,6 +483,49 @@ export default { console.log('[FlowChart] Node clicked:', { id, label, params }) this.$message({ message: `${label}`, type: 'info', duration: 1500 }) }, + + handleOpen({ id, label, params }) { + const { componentPath, dialogWidth = '70%' } = params || {} + if (!componentPath) { + this.$message.warning('组件路径不能为空') + return + } + + this.dialogVisible = true + this.dialogTitle = label + this.dialogWidth = dialogWidth + this.dialogLoading = true + this.dynamicComponent = null + + this.resolveImport(componentPath) + .then(module => { + this.dynamicComponent = module.default || module + }) + .catch(err => { + console.error('[FlowChart] Component load error:', err) + this.$message.error('组件加载失败: ' + (err.message || '未知错误')) + this.dialogVisible = false + }) + .finally(() => { + this.dialogLoading = false + }) + }, + + resolveImport(componentPath) { + // 与 src/store/modules/permission.js 的 loadView 同款模式 + // componentPath 相对于 @/views/,如 'crm/order/index' + if (process.env.NODE_ENV === 'development') { + return new Promise((resolve, reject) => { + require([`@/views/${componentPath}`], resolve, reject) + }) + } + return import(`@/views/${componentPath}`) + }, + + handleDialogClosed() { + this.dynamicComponent = null + this.dialogKey++ + }, }, } @@ -536,4 +604,8 @@ export default { background: #fafafa; border-bottom: 1px solid #e8e8e8; } + +.flow-dialog-body { + min-height: 300px; +}