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/mes/pd/project/modules/document-form.vue | 45 ++++++++++++++++++++++++++++-----------------
1 files changed, 28 insertions(+), 17 deletions(-)
diff --git a/src/views/mes/pd/project/modules/document-form.vue b/src/views/mes/pd/project/modules/document-form.vue
index 9d015cf..d32b29c 100644
--- a/src/views/mes/pd/project/modules/document-form.vue
+++ b/src/views/mes/pd/project/modules/document-form.vue
@@ -1,7 +1,7 @@
<script lang="ts" setup>
import type { MesPdDocumentApi } from '#/api/mes/pd/document';
-import { ref } from 'vue';
+import { markRaw, ref } from 'vue';
import { useVbenModal } from '#/packages/effects/common-ui/src';
import { MesPdDocumentTypeEnum } from '#/packages/constants/src';
@@ -14,6 +14,7 @@
getPdDocument,
updatePdDocument,
} from '#/api/mes/pd/document';
+import { FileUpload } from '#/components/upload';
import { $t } from '#/locales';
import { getPdDocumentTypeOptions } from '../data';
@@ -25,9 +26,11 @@
const [Form, formApi] = useVbenForm({
commonConfig: {
componentProps: { class: 'w-full' },
+ formItemClass: 'col-span-1',
labelWidth: 100,
},
layout: 'horizontal',
+ wrapperClass: 'grid-cols-1',
schema: [
{
fieldName: 'id',
@@ -50,36 +53,35 @@
rules: 'selectRequired',
},
{
- fieldName: 'name',
+ fieldName: 'documentName',
label: '璧勬枡鍚嶇О',
component: 'Input',
componentProps: { placeholder: '璇疯緭鍏ヨ祫鏂欏悕绉�' },
rules: 'required',
},
{
- fieldName: 'version',
+ fieldName: 'documentVersion',
label: '鐗堟湰鍙�',
component: 'Input',
componentProps: { placeholder: '濡� V1.0' },
rules: 'required',
},
{
- fieldName: 'fileUrl',
- label: '鏂囦欢鍦板潃',
- component: 'Input',
- componentProps: { placeholder: '璇疯緭鍏ユ枃浠� URL 鎴栦笂浼犲悗濉叆' },
+ fieldName: 'blobIds',
+ label: '鏂囦欢',
+ component: markRaw(FileUpload),
+ componentProps: {
+ valueKey: 'id',
+ directory: 'mes/pd',
+ maxNumber: 10,
+ multiple: true,
+ },
},
{
fieldName: 'fileName',
label: '鏂囦欢鍚�',
component: 'Input',
- componentProps: { placeholder: '濡� bom-list.xlsx' },
- },
- {
- fieldName: 'remark',
- label: '澶囨敞',
- component: 'Textarea',
- componentProps: { placeholder: '璇疯緭鍏ュ娉�', rows: 3 },
+ componentProps: { placeholder: '涓婁紶鍚庤嚜鍔ㄥ～鍏ワ紝涔熷彲鎵嬪姩杈撳叆' },
},
],
showDefaultActions: false,
@@ -113,15 +115,24 @@
const data = modalApi.getData<{
id?: number;
projectId: number;
- documentType?: number;
+ documentType?: string;
}>();
isUpdate.value = !!data.id;
- modalApi.setState({ title: isUpdate.value ? '缂栬緫闄勪欢' : '涓婁紶闄勪欢' });
+ modalApi.setState({ title: isUpdate.value ? '缂栬緫璧勬枡' : '涓婁紶璧勬枡' });
if (data.id) {
modalApi.lock();
try {
const detail = await getPdDocument(data.id);
await formApi.setValues(detail);
+ if (detail.attachmentList?.length) {
+ await formApi.setFieldValue('blobIds', detail.attachmentList.map(item => ({
+ uid: String(item.id),
+ name: item.name || '',
+ url: item.url || '',
+ status: 'done',
+ id: item.id,
+ })));
+ }
} finally {
modalApi.unlock();
}
@@ -136,7 +147,7 @@
</script>
<template>
- <Modal class="w-[560px]">
+ <Modal class="w-[720px]">
<Form class="mx-4" />
</Modal>
</template>
--
Gitblit v1.9.3