From 452e5c5e9a340367c8fdb14b0bdecc96dcb29491 Mon Sep 17 00:00:00 2001
From: 云 <2163098428@qq.com>
Date: 星期三, 19 八月 2026 11:01:28 +0800
Subject: [PATCH] fix(router): 更新一袋一码首页路由标题
---
src/views/mes/pd/archive/modules/detail.vue | 176 +++++++++++++++++++++++++++++++++-------------------------
1 files changed, 101 insertions(+), 75 deletions(-)
diff --git a/src/views/mes/pd/archive/modules/detail.vue b/src/views/mes/pd/archive/modules/detail.vue
index 9eeee80..e13a306 100644
--- a/src/views/mes/pd/archive/modules/detail.vue
+++ b/src/views/mes/pd/archive/modules/detail.vue
@@ -1,18 +1,34 @@
<script lang="ts" setup>
import type { MesPdArchiveApi } from '#/api/mes/pd/archive';
-import { ref } from 'vue';
+import { ref, watch } from 'vue';
-import { useVbenModal } from '#/packages/effects/common-ui/src';
-import { DICT_TYPE } from '#/packages/constants/src';
-
-import { Descriptions, Table, Tabs } 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' },
@@ -32,89 +48,99 @@
{
title: '鎿嶄綔',
key: 'action',
- width: 80,
+ width: 120,
},
];
-const [Modal, modalApi] = useVbenModal({
- async onOpenChange(isOpen: boolean) {
- if (!isOpen) {
- detailList.value = [];
- activeProject.value = '0';
- return;
- }
- const data = modalApi.getData<{ productCode: number }>();
+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(data.productCode);
- activeProject.value = '0';
+ detailList.value = await getPdArchiveDetailByProduct(props.productCode);
+ } catch {
+ message.error('鑾峰彇褰掓。璇︽儏澶辫触');
} finally {
loading.value = false;
}
- },
+ } else if (!newVal) {
+ open.value = false;
+ detailList.value = [];
+ }
});
-defineExpose({
- open: (productCode: number) => modalApi.setData({ productCode }).open(),
-});
+function handleClose() {
+ emit('update:visible', false);
+}
</script>
<template>
- <Modal class="w-4/5" title="褰掓。璇︽儏" :loading="loading">
- <Tabs v-if="detailList.length > 0" v-model:active-key="activeProject" type="card">
- <Tabs.TabPane
- v-for="(detail, index) in detailList"
- :key="String(index)"
- :tab="detail.project.taskName || '椤圭洰'"
- >
- <!-- 椤圭洰淇℃伅 -->
- <Descriptions :column="3" bordered size="small" class="mb-4">
- <Descriptions.Item label="浠诲姟缂栫爜">{{ detail.project.taskCode }}</Descriptions.Item>
- <Descriptions.Item label="浠诲姟鍚嶇О">{{ detail.project.taskName }}</Descriptions.Item>
- <Descriptions.Item label="浜у搧缂栫爜">{{ detail.project.productCode }}</Descriptions.Item>
- <Descriptions.Item label="浜у搧鍚嶇О">{{ detail.project.productName }}</Descriptions.Item>
- <Descriptions.Item label="鐗堟湰鍙�">{{ detail.project.version }}</Descriptions.Item>
- <Descriptions.Item label="涓昏璁″笀">{{ detail.project.chiefDesignerNickname }}</Descriptions.Item>
- <Descriptions.Item label="瀹℃牳浜�">{{ detail.project.reviewerNickname }}</Descriptions.Item>
- <Descriptions.Item label="璁″垝瀹屾垚">{{ detail.project.planFinishTime }}</Descriptions.Item>
- </Descriptions>
-
- <!-- 褰掓。璁板綍 -->
- <div class="mb-4">
- <h4 class="mb-2 text-sm font-medium">褰掓。璁板綍</h4>
- <Table
- :columns="archiveColumns"
- :data-source="detail.archives"
- :pagination="false"
- bordered
- row-key="id"
- size="small"
- />
- </div>
-
- <!-- 璁捐璧勬枡 -->
- <div>
- <h4 class="mb-2 text-sm font-medium">璁捐璧勬枡</h4>
- <Table
- :columns="documentColumns"
- :data-source="detail.documents"
- :pagination="false"
- bordered
- row-key="id"
- size="small"
- >
- <template #bodyCell="{ column, record }">
- <template v-if="column.key === 'action'">
- <a v-if="record.fileUrl" :href="record.fileUrl" target="_blank" class="text-primary">涓嬭浇</a>
- <span v-else class="text-gray-400">-</span>
- </template>
- </template>
- </Table>
- </div>
- </Tabs.TabPane>
- </Tabs>
- <div v-else class="py-8 text-center text-gray-400">
- 鏆傛棤褰掓。璁板綍
+ <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">
+ <Spin />
</div>
+ <template v-else>
+ <Tabs v-if="detailList.length > 0" v-model:active-key="activeProject" type="card">
+ <Tabs.TabPane
+ v-for="(detail, index) in detailList"
+ :key="String(index)"
+ :tab="detail.project.taskName || '椤圭洰'"
+ >
+ <!-- 椤圭洰淇℃伅 -->
+ <Descriptions :column="3" bordered size="small" class="mb-4">
+ <Descriptions.Item label="浠诲姟缂栫爜">{{ detail.project.taskCode }}</Descriptions.Item>
+ <Descriptions.Item label="浠诲姟鍚嶇О">{{ detail.project.taskName }}</Descriptions.Item>
+ <Descriptions.Item label="浜у搧缂栫爜">{{ detail.project.productCode }}</Descriptions.Item>
+ <Descriptions.Item label="浜у搧鍚嶇О">{{ detail.project.productName }}</Descriptions.Item>
+ <Descriptions.Item label="鐗堟湰鍙�">{{ detail.project.version }}</Descriptions.Item>
+ <Descriptions.Item label="涓昏璁″笀">{{ detail.project.chiefDesignerNickname }}</Descriptions.Item>
+ <Descriptions.Item label="瀹℃牳浜�">{{ detail.project.reviewerNickname }}</Descriptions.Item>
+ <Descriptions.Item label="璁″垝瀹屾垚">{{ detail.project.planFinishTime }}</Descriptions.Item>
+ </Descriptions>
+
+ <!-- 褰掓。璁板綍 -->
+ <div class="mb-4">
+ <h4 class="mb-2 text-sm font-medium">褰掓。璁板綍</h4>
+ <Table
+ :columns="archiveColumns"
+ :data-source="detail.archives"
+ :pagination="false"
+ bordered
+ row-key="id"
+ size="small"
+ />
+ </div>
+
+ <!-- 璁捐璧勬枡 -->
+ <div>
+ <h4 class="mb-2 text-sm font-medium">璁捐璧勬枡</h4>
+ <Table
+ :columns="documentColumns"
+ :data-source="detail.documents"
+ :pagination="false"
+ bordered
+ row-key="id"
+ size="small"
+ >
+ <template #bodyCell="{ column, record }">
+ <template v-if="column.key === 'action'">
+ <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>
+ </Table>
+ </div>
+ </Tabs.TabPane>
+ </Tabs>
+ <div v-else class="py-8 text-center text-gray-400">
+ 鏆傛棤褰掓。璁板綍
+ </div>
+ </template>
</Modal>
</template>
--
Gitblit v1.9.3