From 14817696a26eb142ccae03fa7c43050840e057f5 Mon Sep 17 00:00:00 2001
From: hsy <1029150275@qq.com>
Date: 星期一, 17 八月 2026 09:35:03 +0800
Subject: [PATCH] feat(mes): 优化生产订单与排产任务列表显示,新增启停工及校验逻辑 1. 生产订单列表展示优化 (WorkOrder) - 新增「生产状态」列,全局注册 `ORDER_PRODUCTION_STATUS` 常量并绑定系统动态字典。 - 彻底重构「工序生产进度」单元格显示:弃用臃肿的 Steps 组件,改为极简横向布局(彩色状态圆点 + 进度百分比),解决表格行高被强行撑开及内容截断问题,支持横向滚动。 - 优化「完成进度」列宽及展示样式,将百分比数值外置同行显示,更加直观。 2. 排产任务列表改造 (Task) - 顶部表头重构,由单一标题重构为「全部 / 未完成 / 已完成」的 Tabs 标签页切换结构。 - 重写数据过滤逻辑,剥离写死的 status 查询,改为使用 `scheduleStatus` 字段动态响应 Tabs 切换 (0: 未完成, 1: 已完成)。 3. 工单业务逻辑增强与状态流转 - 落实「工单查询逻辑设计方案」,优化底层的工单条件检索逻辑。 - 实现「添加工单启停功能」与「停工状态」,支持工单在执行过程中的暂停与恢复业务流转。 - 强化容错与防呆设计:操作「完成订单」时增加前置校验 `handleCheckFinish`,若生产状态为未完成,强制弹出二次确认 Modal,避免误操作。 # 相关讨论/参考方案 # - 添加工单启停功能 # - 停工状态功能设计方案 # - 工单查询逻辑设计方案 # - 工单完成进度显示优化
---
src/views/wls/batch/components/detail.vue | 54 ++++++++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 52 insertions(+), 2 deletions(-)
diff --git a/src/views/wls/batch/components/detail.vue b/src/views/wls/batch/components/detail.vue
index 2f0dff0..db02e8a 100644
--- a/src/views/wls/batch/components/detail.vue
+++ b/src/views/wls/batch/components/detail.vue
@@ -1,18 +1,58 @@
<script lang="ts" setup>
+import type { MdmItemApi } from '#/api/mdm/item';
import type { MesWmBatchApi } from '#/api/mes/wm/batch';
+import type { DescriptionItemSchema } from '#/components/description';
import { ref } from 'vue';
import { useVbenModal } from '@vben/common-ui';
+import { getItem } from '#/api/mdm/item';
import { getBatch } from '#/api/mes/wm/batch';
import { useDescription } from '#/components/description';
import { useDetailSchema } from '../data';
-const detailData = ref<MesWmBatchApi.Batch>(); // 褰撳墠鎵规璇︽儏
+const detailData = ref<MesWmBatchApi.Batch>();
+const itemData = ref<MdmItemApi.Item>();
-const [Descriptions] = useDescription({
+/** 鏍规嵁鐗╂枡鎵规灞炴�ч厤缃繃婊よ鎯呭瓧娈� */
+function filterSchemaByItemFlags(
+ schema: DescriptionItemSchema[],
+ item: MdmItemApi.Item | undefined,
+): DescriptionItemSchema[] {
+ // 鍩虹鏁版嵁瀛楁濮嬬粓鏄剧ず
+ const basicFields = new Set([
+ 'code',
+ 'itemCode',
+ 'itemName',
+ 'itemSpecification',
+ 'unitName',
+ ]);
+
+ // 鎵规灞炴�у瓧娈典笌 flag 鐨勬槧灏�
+ const flagFieldMap: Record<string, keyof MdmItemApi.Item> = {
+ produceDate: 'produceDateFlag',
+ expireDate: 'expireDateFlag',
+ receiptDate: 'receiptDateFlag',
+ vendorName: 'vendorFlag',
+ purchaseOrderCode: 'purchaseOrderCodeFlag',
+ lotNumber: 'lotNumberFlag',
+ qualityStatus: 'qualityStatusFlag',
+ };
+
+ return schema.filter((s) => {
+ if (basicFields.has(s.field!)) return true;
+ const flagField = flagFieldMap[s.field!];
+ if (flagField) {
+ return item?.[flagField] === true;
+ }
+ // 闈炲熀纭�銆侀潪鎵规灞炴�у瓧娈典笉灞曠ず
+ return false;
+ });
+}
+
+const [Descriptions, descApi] = useDescription({
bordered: true,
column: 3,
schema: useDetailSchema(),
@@ -25,6 +65,7 @@
async onOpenChange(isOpen) {
if (!isOpen) {
detailData.value = undefined;
+ itemData.value = undefined;
return;
}
const data = modalApi.getData<{ id?: number }>();
@@ -34,6 +75,15 @@
modalApi.lock();
try {
detailData.value = await getBatch(data.id);
+ // 鑾峰彇鐗╂枡璇︽儏浠ヨ鍙栨壒娆″睘鎬ч厤缃�
+ if (detailData.value?.itemId) {
+ itemData.value = await getItem(detailData.value.itemId);
+ const filtered = filterSchemaByItemFlags(
+ useDetailSchema(),
+ itemData.value,
+ );
+ descApi.setDescProps({ schema: filtered });
+ }
} finally {
modalApi.unlock();
}
--
Gitblit v1.9.3