From 73d112ddc9bdfeb7eaaf3b7308cfb4dbeb470c89 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期五, 07 八月 2026 17:28:10 +0800
Subject: [PATCH] 天津_意博凯信 1.备件管理-新增独立备件出库功能入口,支持直接完成备件领用出库操作。 2.设备保养-支持按日期分组折叠展示,分组条目可展开查看明细;单条明细行末尾增加【保养完成】操作按钮,可单独办结单条保养任务;折叠汇总状态下,新增【一键保养完成】批量操作按钮,快速办结当前分组全部保养项。 3.设备巡检-按日期分组折叠展示,分组支持展开查看明细;每条巡检明细后增设【巡检完成】按钮,支持单独办结单条巡检记录;分组折叠未展开状态下,提供【一键巡检完成】批量操作,统一办结该分组下所有巡检任务。 4.增值税对比-优化数据展示逻辑,列表展示各订单增值税明细;页面右侧新增柱状可视化图表,直观对比进销项增值税数据。 5.管理驾驶舱-指标修改:将顶部「销售产品数」调整为「销售订单数」;时间筛选:页面左上角新增日期范围下拉筛选控件,所有统计指标标注当前筛选时段;

---
 src/views/officeProcessAutomation/ApproveManage/approve-template/index.vue |   73 ++++++++++++++++++++++++++----------
 1 files changed, 53 insertions(+), 20 deletions(-)

diff --git a/src/views/officeProcessAutomation/ApproveManage/approve-template/index.vue b/src/views/officeProcessAutomation/ApproveManage/approve-template/index.vue
index d094c13..0a495c6 100644
--- a/src/views/officeProcessAutomation/ApproveManage/approve-template/index.vue
+++ b/src/views/officeProcessAutomation/ApproveManage/approve-template/index.vue
@@ -380,23 +380,18 @@
 
       <template v-if="detailAttachments.length">
 
-        <el-tag
-
-          v-for="(f, i) in detailAttachments"
-
-          :key="i"
-
-          class="detail-attachment-tag"
-
-          type="info"
-
-          effect="plain"
-
-        >
-
-          {{ attachmentDisplayName(f) }}
-
-        </el-tag>
+        <div class="detail-attachment-list">
+          <div
+            v-for="(f, i) in detailAttachments"
+            :key="i"
+            class="detail-attachment-item"
+            @click="openAttachmentFile(f)"
+          >
+            <el-icon class="attachment-icon"><Document /></el-icon>
+            <span class="attachment-name">{{ attachmentDisplayName(f) }}</span>
+            <el-icon class="attachment-download"><Download /></el-icon>
+          </div>
+        </div>
 
       </template>
 
@@ -422,7 +417,7 @@
 
 <script setup>
 
-import { ArrowRight, Plus, RefreshRight } from "@element-plus/icons-vue";
+import { ArrowRight, Document, Download, Plus, RefreshRight } from "@element-plus/icons-vue";
 
 import { ElMessage } from "element-plus";
 
@@ -525,6 +520,14 @@
 
 }
 
+function openAttachmentFile(file) {
+  const url = file?.url || file?.previewURL || file?.downloadURL || file?.previewUrl || "";
+  if (url) {
+    window.open(url, "_blank");
+  } else {
+    ElMessage.warning("鏃犳硶鎵撳紑璇ラ檮浠�");
+  }
+}
 
 
 function unwrapArray(payload) {
@@ -795,10 +798,40 @@
 
 }
 
-.detail-attachment-tag {
+.detail-attachment-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
 
-  margin: 0 8px 8px 0;
+.detail-attachment-item {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 8px 12px;
+  background: var(--el-fill-color-light);
+  border-radius: 6px;
+  cursor: pointer;
+  transition: background 0.2s;
+}
 
+.detail-attachment-item:hover {
+  background: var(--el-fill-color);
+}
+
+.attachment-icon {
+  font-size: 16px;
+  color: var(--el-text-color-regular);
+}
+
+.attachment-name {
+  font-size: 14px;
+  color: var(--el-text-color-primary);
+}
+
+.attachment-download {
+  font-size: 14px;
+  color: var(--el-text-color-secondary);
 }
 
 .text-muted {

--
Gitblit v1.9.3