From 75242bbba28ae8902ddf86d33febb497d79e5fc3 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期一, 03 八月 2026 10:45:27 +0800
Subject: [PATCH] 银川 1.首页修改 2.ai辅助功能
---
src/views/mes/pd/archive/modules/detail.vue | 164 ++++++++++++++++++++++++++++--------------------------
1 files changed, 85 insertions(+), 79 deletions(-)
diff --git a/src/views/mes/pd/archive/modules/detail.vue b/src/views/mes/pd/archive/modules/detail.vue
index 9eeee80..adb24db 100644
--- a/src/views/mes/pd/archive/modules/detail.vue
+++ b/src/views/mes/pd/archive/modules/detail.vue
@@ -3,13 +3,11 @@
import { ref } 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, message } from 'ant-design-vue';
import { getPdArchiveDetailByProduct } from '#/api/mes/pd/archive';
+const open = ref(false);
const loading = ref(false);
const detailList = ref<MesPdArchiveApi.DetailItem[]>([]);
const activeProject = ref('0');
@@ -36,85 +34,93 @@
},
];
-const [Modal, modalApi] = useVbenModal({
- async onOpenChange(isOpen: boolean) {
- if (!isOpen) {
- detailList.value = [];
- activeProject.value = '0';
- return;
- }
- const data = modalApi.getData<{ productCode: number }>();
- loading.value = true;
- try {
- detailList.value = await getPdArchiveDetailByProduct(data.productCode);
- activeProject.value = '0';
- } finally {
- loading.value = false;
- }
- },
-});
+async function handleOpen(productCode?: string) {
+ if (!productCode) {
+ message.warning('浜у搧缂栫爜涓虹┖锛屾棤娉曟煡鐪嬪綊妗�');
+ return;
+ }
+ open.value = true;
+ detailList.value = [];
+ activeProject.value = '0';
+ loading.value = true;
+ try {
+ detailList.value = await getPdArchiveDetailByProduct(productCode);
+ } catch {
+ message.error('鑾峰彇褰掓。璇︽儏澶辫触');
+ } finally {
+ loading.value = false;
+ }
+}
-defineExpose({
- open: (productCode: number) => modalApi.setData({ productCode }).open(),
-});
+function handleClose() {
+ open.value = false;
+ detailList.value = [];
+}
+
+defineExpose({ open: handleOpen });
</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">
- 鏆傛棤褰掓。璁板綍
+ <Modal v-model:open="open" title="褰掓。璇︽儏" width="80%" :footer="null" @cancel="handleClose">
+ <div v-if="loading" class="flex justify-center py-8">
+ <a-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'">
+ <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">
+ 鏆傛棤褰掓。璁板綍
+ </div>
+ </template>
</Modal>
</template>
--
Gitblit v1.9.3