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/WorkstationPanel.vue | 91 +++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 91 insertions(+), 0 deletions(-)
diff --git a/src/views/mes/workbench/components/WorkstationPanel.vue b/src/views/mes/workbench/components/WorkstationPanel.vue
index eb93fcb..3d44c26 100644
--- a/src/views/mes/workbench/components/WorkstationPanel.vue
+++ b/src/views/mes/workbench/components/WorkstationPanel.vue
@@ -7,10 +7,14 @@
defineProps<{
workstation?: MesMdWorkstationApi.Workstation;
+ /** 鏄惁宸蹭笂宸� */
+ isClockIn?: boolean;
}>();
const emit = defineEmits<{
change: [];
+ 'clock-in': [];
+ 'clock-out': [];
}>();
</script>
@@ -61,6 +65,32 @@
<span class="ws-panel__meta-label">鍦扮偣</span>
<span class="ws-panel__meta-value">{{ workstation.address ?? '鈥�' }}</span>
</div>
+ </div>
+
+ <!-- 涓婂伐/涓嬪伐 -->
+ <div v-if="workstation" class="ws-panel__clock">
+ <div v-if="isClockIn" class="ws-panel__clock-status">
+ <IconifyIcon icon="lucide:check-circle" class="ws-panel__clock-icon" />
+ <span>宸蹭笂宸�</span>
+ </div>
+ <button
+ v-if="!isClockIn"
+ type="button"
+ class="ws-panel__clock-btn ws-panel__clock-btn--in"
+ @click="emit('clock-in')"
+ >
+ <IconifyIcon class="ws-panel__clock-btn-icon" icon="lucide:play" />
+ 涓婂伐
+ </button>
+ <button
+ v-else
+ type="button"
+ class="ws-panel__clock-btn ws-panel__clock-btn--out"
+ @click="emit('clock-out')"
+ >
+ <IconifyIcon class="ws-panel__clock-btn-icon" icon="lucide:pause" />
+ 涓嬪伐
+ </button>
</div>
</section>
</template>
@@ -262,4 +292,65 @@
text-overflow: ellipsis;
white-space: nowrap;
}
+
+// --- 涓婂伐/涓嬪伐 ---
+.ws-panel__clock {
+ margin-top: 12px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 10px;
+}
+
+.ws-panel__clock-status {
+ display: flex;
+ align-items: center;
+ gap: 6px;
+ font-size: 14px;
+ font-weight: 600;
+ color: #a5d6a7;
+}
+
+.ws-panel__clock-icon {
+ font-size: 18px;
+}
+
+.ws-panel__clock-btn {
+ flex: 1;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ gap: 6px;
+ padding: 10px 0;
+ border: none;
+ border-radius: 8px;
+ font-size: 15px;
+ font-weight: 700;
+ cursor: pointer;
+ transition: all 0.2s;
+}
+
+.ws-panel__clock-btn-icon {
+ font-size: 16px;
+}
+
+.ws-panel__clock-btn--in {
+ background: #4caf50;
+ color: #fff;
+ box-shadow: 0 2px 8px rgb(0 0 0 / 18%);
+
+ &:hover {
+ background: #43a047;
+ }
+}
+
+.ws-panel__clock-btn--out {
+ background: rgb(255 255 255 / 18%);
+ color: #ffcdd2;
+ border: 1px solid rgb(255 255 255 / 28%);
+
+ &:hover {
+ background: rgb(255 255 255 / 28%);
+ }
+}
</style>
--
Gitblit v1.9.3