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/im/manager/group/modules/ban-form.vue | 65 ++++++++++++++++++++++++++++++++
1 files changed, 65 insertions(+), 0 deletions(-)
diff --git a/src/views/im/manager/group/modules/ban-form.vue b/src/views/im/manager/group/modules/ban-form.vue
new file mode 100644
index 0000000..e610c4f
--- /dev/null
+++ b/src/views/im/manager/group/modules/ban-form.vue
@@ -0,0 +1,65 @@
+<script lang="ts" setup>
+import type { ImManagerGroupApi } from '#/api/im/manager/group';
+
+import { reactive } from 'vue';
+
+import { useVbenModal } from '#/packages/effects/common-ui/src';
+
+import { Form, FormItem, Input, message } from 'ant-design-vue';
+
+import { banManagerGroup } from '#/api/im/manager/group';
+
+const emit = defineEmits(['success']);
+
+const formData = reactive({
+ id: 0,
+ groupName: '',
+ reason: '',
+});
+
+const [Modal, modalApi] = useVbenModal({
+ async onConfirm() {
+ if (!formData.reason.trim()) {
+ message.warning('璇疯緭鍏ュ皝绂佸師鍥�');
+ return;
+ }
+ modalApi.lock();
+ try {
+ await banManagerGroup({ id: formData.id, reason: formData.reason });
+ await modalApi.close();
+ emit('success');
+ message.success('灏佺鎴愬姛');
+ } finally {
+ modalApi.unlock();
+ }
+ },
+ onOpenChange(isOpen: boolean) {
+ if (!isOpen) {
+ return;
+ }
+ const data = modalApi.getData<ImManagerGroupApi.Group>();
+ formData.id = data.id;
+ formData.groupName = data.name;
+ formData.reason = '';
+ },
+});
+</script>
+
+<template>
+ <Modal class="w-1/3" title="灏佺缇�">
+ <Form :label-col="{ style: { width: '80px' } }">
+ <FormItem label="缇ゅ悕绉�">
+ {{ formData.groupName }}
+ </FormItem>
+ <FormItem label="灏佺鍘熷洜" required>
+ <Input.TextArea
+ v-model:value="formData.reason"
+ :maxlength="200"
+ :rows="3"
+ placeholder="璇疯緭鍏ュ皝绂佸師鍥�"
+ show-count
+ />
+ </FormItem>
+ </Form>
+ </Modal>
+</template>
--
Gitblit v1.9.3