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/workbench/components/tabs/TaskDetailTab.vue | 126 +++++++++++++++++++++++++++++++++++++++++
1 files changed, 125 insertions(+), 1 deletions(-)
diff --git a/src/views/mes/workbench/components/tabs/TaskDetailTab.vue b/src/views/mes/workbench/components/tabs/TaskDetailTab.vue
index 68e1a68..9b0dcc7 100644
--- a/src/views/mes/workbench/components/tabs/TaskDetailTab.vue
+++ b/src/views/mes/workbench/components/tabs/TaskDetailTab.vue
@@ -1,7 +1,7 @@
<script lang="ts" setup>
import type { PendingTask } from '../../../types';
-import { Descriptions, Progress, Tag } from 'ant-design-vue';
+import { Descriptions, Progress, Tag, Timeline, TimelineItem } from 'ant-design-vue';
defineOptions({ name: 'WorkbenchTaskDetailTab' });
@@ -91,6 +91,48 @@
</Descriptions.Item>
<Descriptions.Item label="澶囨敞" :span="2">{{ task.remark ?? '鈥�' }}</Descriptions.Item>
</Descriptions>
+
+ <!-- 鍋滃伐璁板綍 -->
+ <div v-if="task.pauseRecords && task.pauseRecords.length > 0" class="detail-pause-records">
+ <div class="detail-pause-records__title">鍋滃伐鍘嗗彶璁板綍</div>
+ <Timeline class="pause-timeline">
+ <TimelineItem
+ v-for="record in task.pauseRecords"
+ :key="record.id"
+ :color="record.resumeTime ? 'green' : 'red'"
+ >
+ <div class="pause-timeline-item">
+ <div class="pause-timeline-time">
+ <span class="time-label">{{ record.pauseTime }}</span>
+ <span class="time-separator">鑷�</span>
+ <span class="time-label" :class="{ 'is-ongoing': !record.resumeTime }">
+ {{ record.resumeTime || '姝ｅ湪鍋滃伐' }}
+ </span>
+ </div>
+ <div class="pause-timeline-content">
+ <div class="pause-info-row">
+ <span class="info-label">鎿嶄綔浜哄憳锛�</span>
+ <span class="info-value">
+ {{ record.pauseUserName }} (鍋滃伐)
+ <template v-if="record.resumeTime">
+ <span style="margin: 0 4px; color: #d9d9d9">|</span>
+ {{ record.resumeUserName }} (澶嶅伐)
+ </template>
+ </span>
+ </div>
+ <div class="pause-info-row">
+ <span class="info-label">鍋滃伐鍘熷洜锛�</span>
+ <span class="info-value">{{ record.reason }}</span>
+ </div>
+ <div class="pause-info-row" v-if="record.remark">
+ <span class="info-label">澶囨敞锛�</span>
+ <span class="info-value">{{ record.remark }}</span>
+ </div>
+ </div>
+ </div>
+ </TimelineItem>
+ </Timeline>
+ </div>
</template>
</div>
</template>
@@ -187,4 +229,86 @@
font-size: 14px;
}
}
+
+.detail-pause-records {
+ margin-top: 24px;
+}
+
+.detail-pause-records__title {
+ font-size: 16px;
+ font-weight: 600;
+ color: #1a1a1a;
+ margin-bottom: 20px;
+}
+
+.pause-timeline {
+ padding-top: 6px;
+ padding-left: 4px;
+}
+
+.pause-timeline-item {
+ background: #fafafa;
+ border: 1px solid #f0f0f0;
+ border-radius: 8px;
+ padding: 14px 18px;
+ margin-top: -6px;
+ box-shadow: 0 1px 2px rgb(0 0 0 / 2%);
+ transition: all 0.3s ease;
+
+ &:hover {
+ box-shadow: 0 4px 12px rgb(0 0 0 / 5%);
+ border-color: #e6d8d8;
+ }
+}
+
+.pause-timeline-time {
+ font-size: 13px;
+ color: #595959;
+ font-weight: 500;
+ margin-bottom: 10px;
+ display: flex;
+ align-items: center;
+ gap: 8px;
+}
+
+.time-label {
+ background: #e6f7ff;
+ color: #1890ff;
+ padding: 2px 8px;
+ border-radius: 4px;
+ font-variant-numeric: tabular-nums;
+}
+
+.time-label.is-ongoing {
+ background: #fff1f0;
+ color: #f5222d;
+}
+
+.time-separator {
+ color: #bfbfbf;
+ font-size: 12px;
+}
+
+.pause-timeline-content {
+ display: flex;
+ flex-direction: column;
+ gap: 6px;
+}
+
+.pause-info-row {
+ font-size: 13px;
+ display: flex;
+ line-height: 1.5;
+}
+
+.pause-info-row .info-label {
+ color: #8c8c8c;
+ width: 70px;
+ flex-shrink: 0;
+}
+
+.pause-info-row .info-value {
+ color: #262626;
+ flex: 1;
+}
</style>
--
Gitblit v1.9.3