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/archive/modules/detail.vue | 70 ++++++++++++++++++++++------------
1 files changed, 45 insertions(+), 25 deletions(-)
diff --git a/src/views/mes/pd/archive/modules/detail.vue b/src/views/mes/pd/archive/modules/detail.vue
index adb24db..e13a306 100644
--- a/src/views/mes/pd/archive/modules/detail.vue
+++ b/src/views/mes/pd/archive/modules/detail.vue
@@ -1,16 +1,34 @@
<script lang="ts" setup>
import type { MesPdArchiveApi } from '#/api/mes/pd/archive';
-import { ref } from 'vue';
+import { ref, watch } from 'vue';
-import { Modal, Descriptions, Table, Tabs, message } from 'ant-design-vue';
+import { Modal, Descriptions, Table, Tabs, Spin, message } from 'ant-design-vue';
import { getPdArchiveDetailByProduct } from '#/api/mes/pd/archive';
+import { FilePreviewModal, useFilePreview } from '#/components/file-preview';
+
+interface Props {
+ visible: boolean;
+ productCode?: string;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+ productCode: '',
+});
+
+interface Emits {
+ (e: 'update:visible', value: boolean): void;
+}
+
+const emit = defineEmits<Emits>();
const open = ref(false);
const loading = ref(false);
const detailList = ref<MesPdArchiveApi.DetailItem[]>([]);
const activeProject = ref('0');
+
+const { openPreview, previewState } = useFilePreview();
const archiveColumns = [
{ title: '褰掓。缂栧彿', dataIndex: 'archiveCode', key: 'archiveCode' },
@@ -30,40 +48,39 @@
{
title: '鎿嶄綔',
key: 'action',
- width: 80,
+ width: 120,
},
];
-async function handleOpen(productCode?: string) {
- if (!productCode) {
- message.warning('浜у搧缂栫爜涓虹┖锛屾棤娉曟煡鐪嬪綊妗�');
- return;
+watch(() => props.visible, async (newVal) => {
+ if (newVal && props.productCode) {
+ open.value = true;
+ loading.value = true;
+ detailList.value = [];
+ activeProject.value = '0';
+ try {
+ detailList.value = await getPdArchiveDetailByProduct(props.productCode);
+ } catch {
+ message.error('鑾峰彇褰掓。璇︽儏澶辫触');
+ } finally {
+ loading.value = false;
+ }
+ } else if (!newVal) {
+ open.value = false;
+ detailList.value = [];
}
- open.value = true;
- detailList.value = [];
- activeProject.value = '0';
- loading.value = true;
- try {
- detailList.value = await getPdArchiveDetailByProduct(productCode);
- } catch {
- message.error('鑾峰彇褰掓。璇︽儏澶辫触');
- } finally {
- loading.value = false;
- }
-}
+});
function handleClose() {
- open.value = false;
- detailList.value = [];
+ emit('update:visible', false);
}
-
-defineExpose({ open: handleOpen });
</script>
<template>
+ <FilePreviewModal v-bind="previewState" />
<Modal v-model:open="open" title="褰掓。璇︽儏" width="80%" :footer="null" @cancel="handleClose">
<div v-if="loading" class="flex justify-center py-8">
- <a-spin />
+ <Spin />
</div>
<template v-else>
<Tabs v-if="detailList.length > 0" v-model:active-key="activeProject" type="card">
@@ -110,7 +127,10 @@
>
<template #bodyCell="{ column, record }">
<template v-if="column.key === 'action'">
- <a v-if="record.fileUrl" :href="record.fileUrl" target="_blank" class="text-primary">涓嬭浇</a>
+ <template v-if="record.fileUrl">
+ <a class="mr-2" @click="openPreview(record.fileUrl, record.fileName)">棰勮</a>
+ <a :href="record.fileUrl" target="_blank">涓嬭浇</a>
+ </template>
<span v-else class="text-gray-400">-</span>
</template>
</template>
--
Gitblit v1.9.3