From 84d5f2ddb619b227a6f8b2e331326bc824dd68d5 Mon Sep 17 00:00:00 2001
From: WXL <wl_5969728@163.com>
Date: 星期日, 28 九月 2025 10:13:20 +0800
Subject: [PATCH] 档案和附件相关

---
 src/views/project/travelexpenseapply/travelexpensedetail/index.vue |   59 ++++++++++++++++++++++++++++++++++++++++++++---------------
 1 files changed, 44 insertions(+), 15 deletions(-)

diff --git a/src/views/project/travelexpenseapply/travelexpensedetail/index.vue b/src/views/project/travelexpenseapply/travelexpensedetail/index.vue
index 75a7a06..2f36bc2 100644
--- a/src/views/project/travelexpenseapply/travelexpensedetail/index.vue
+++ b/src/views/project/travelexpenseapply/travelexpensedetail/index.vue
@@ -1111,17 +1111,21 @@
                 :src="pdfimg"
                 :preview-src-list="pdfimgsrcList" -->
               >
-                <el-image
-                  ref="imagePreview"
-                  style="width: 95%; height: 90%"
-                  :src="pdfimg"
-                  :preview-src-list="pdfimgsrcList"
-                  :initial-index="initialIndex"
-                  @error="handleImageError"
-                  @load="handleImageLoad"
-                >
-                </el-image>
-                <!-- <div slot="error" class="image-slot">
+              <el-image
+                ref="imagePreview"
+                style="width: 95%; height: 90%"
+                :src="pdfimg"
+                @click="handleImageClick(initialIndex)"
+              >
+              </el-image>
+              <custom-image-viewer
+                :url-list="pdfimgsrcList"
+                :initial-index="currentIndex"
+                :visible="viewerVisible"
+                @update:visible="viewerVisible = $event"
+                @close="handleViewerClose"
+              />
+              <!-- <div slot="error" class="image-slot">
               <i class="el-icon-picture-outline"></i>
             </div> -->
               <!-- </el-image> -->
@@ -1216,12 +1220,16 @@
               <el-image
                 style="width: 95%; height: 90%"
                 :src="invoicepdfimg"
-                :preview-src-list="invoicepdfimgsrcList"
+                @click="invoicehandleImageClick(initialIndex)"
               >
-                <!-- <div slot="error" class="image-slot">
-              <i class="el-icon-picture-outline"></i>
-            </div> -->
               </el-image>
+              <custom-image-viewer
+                :url-list="invoicepdfimgsrcList"
+                :initial-index="invoicecurrentIndex"
+                :visible="invoiceviewerVisible"
+                @update:visible="invoiceviewerVisible = $event"
+                @close="invoicehandleViewerClose"
+              />
             </div>
             <div v-else class="pdfimgmins">{{ hintitle }}</div>
           </div>
@@ -1281,6 +1289,7 @@
 import { getInfoBytheUserNo } from "@/api/project/externalperson";
 import { regionDataPlus, CodeToText } from "element-china-area-data";
 import Li_area_select from "@/components/Address";
+import CustomImageViewer from "@/components/CustomImageViewer"; // 鏍规嵁浣犵殑璺緞璋冩暣
 import { getUser, getUserProfile } from "@/api/system/user";
 import { treeselect } from "@/api/system/dept";
 import { getSubsidy } from "@/api/project/travelcity";
@@ -1291,6 +1300,7 @@
   components: {
     Treeselect,
     Li_area_select,
+    CustomImageViewer,
     pdf
   },
   name: "Funddetail",
@@ -1453,7 +1463,12 @@
       invoicefileListto: [],
       invoicepdfimg: "",
       invoicepdfimgsrcList: [],
+      currentIndex: 0, // 鍒濆绱㈠紩
+      invoicecurrentIndex: 0, // 鍒濆绱㈠紩
       initialIndex: 0, // 鍒濆绱㈠紩
+      viewerVisible: false, // 鎺у埗棰勮缁勪欢鏄剧ず
+      invoiceviewerVisible: false, // 鎺у埗棰勮缁勪欢鏄剧ず
+
       //浜哄憳绫诲埆
       persontype: null,
       //鍒拌揪鍦�
@@ -1603,6 +1618,20 @@
       }
       return 0;
     },
+    handleImageClick(index) {
+      this.currentIndex = index;
+      this.viewerVisible = true;
+    },
+    invoicehandleImageClick(index) {
+      this.invoicecurrentIndex = index;
+      this.invoiceviewerVisible = true;
+    },
+    handleViewerClose() {
+      this.viewerVisible = false;
+    },
+    invoicehandleViewerClose() {
+      this.invoiceviewerVisible = false;
+    },
     handleImageError() {
       console.error("鍥剧墖鍔犺浇澶辫触");
     },

--
Gitblit v1.9.3