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/fund/applyDetail/index.vue |   70 ++++++++++++++++++++++++++--------
 1 files changed, 53 insertions(+), 17 deletions(-)

diff --git a/src/views/project/fund/applyDetail/index.vue b/src/views/project/fund/applyDetail/index.vue
index 34ba88e..a6687bb 100644
--- a/src/views/project/fund/applyDetail/index.vue
+++ b/src/views/project/fund/applyDetail/index.vue
@@ -817,8 +817,13 @@
             </el-form-item>
           </el-col>
         </el-row>
-        <el-row v-if="selectionType == 'account' && accountfrom == '2'&&
-              accountselectform.usertype == 'org'">
+        <el-row
+          v-if="
+            selectionType == 'account' &&
+              accountfrom == '2' &&
+              accountselectform.usertype == 'org'
+          "
+        >
           <el-col :span="24">
             <el-form-item label="绋庡彿" prop="unitTaxNo">
               <el-input
@@ -1125,16 +1130,22 @@
             >
               <!-- <img :src="pdfimg" /> -->
               <el-image
+                ref="imagePreview"
                 style="width: 95%; height: 90%"
-                @error="handleImageError"
-                @load="handleImageLoad"
                 :src="pdfimg"
-                :preview-src-list="pdfimgsrcList"
+                @click="handleImageClick(initialIndex)"
               >
                 <!-- <div slot="error" class="image-slot">
-              <i class="el-icon-picture-outline"></i>
-            </div> -->
+                <i class="el-icon-picture-outline"></i>
+              </div> -->
               </el-image>
+              <custom-image-viewer
+                :url-list="pdfimgsrcList"
+                :initial-index="currentIndex"
+                :visible="viewerVisible"
+                @update:visible="viewerVisible = $event"
+                @close="handleViewerClose"
+              />
             </div>
             <div v-else class="pdfimgmins">{{ hintitle }}</div>
           </div>
@@ -1231,15 +1242,20 @@
               <!-- <img :src="pdfimg" /> -->
               <el-image
                 style="width: 95%; height: 90%"
-                @error="handleImageError"
-                @load="handleImageLoad"
                 :src="invoicepdfimg"
-                :preview-src-list="invoicepdfimgsrcList"
+                @click="invoicehandleImageClick(initialIndex)"
               >
                 <!-- <div slot="error" class="image-slot">
-              <i class="el-icon-picture-outline"></i>
-            </div> -->
+                <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>
@@ -1375,12 +1391,14 @@
 import Li_area_select from "@/components/Address";
 import OrgSelecter from "@/views/project/components/orgselect";
 import { getToken } from "@/utils/auth";
+import CustomImageViewer from "@/components/CustomImageViewer"; // 鏍规嵁浣犵殑璺緞璋冩暣
 
 export default {
   //import寮曞叆鐨勭粍浠堕渶瑕佹敞鍏ュ埌瀵硅薄涓墠鑳戒娇鐢�
   components: {
     Li_area_select,
-    OrgSelecter
+    OrgSelecter,
+    CustomImageViewer
   },
   name: "fundApply",
 
@@ -1527,9 +1545,7 @@
         username: [
           { required: true, message: "璇疯緭鍏ヨ处鎴峰悕绉�", trigger: "blur" }
         ],
-         unitTaxNo: [
-          { required: true, message: "璇疯緭鍏ョ◣鍙�", trigger: "blur" }
-        ],
+        unitTaxNo: [{ required: true, message: "璇疯緭鍏ョ◣鍙�", trigger: "blur" }],
         idcardno: [
           { required: true, message: "璇疯緭鍏ヨ韩浠借处鍙�", trigger: "blur" }
         ],
@@ -1673,6 +1689,11 @@
       pdftitle: "",
       pdfimg: "",
       pdfimgsrcList: [],
+      currentIndex: 0, // 鍒濆绱㈠紩
+      invoicecurrentIndex: 0, // 鍒濆绱㈠紩
+      initialIndex: 0, // 鍒濆绱㈠紩
+      viewerVisible: false, // 鎺у埗棰勮缁勪欢鏄剧ず
+      invoiceviewerVisible: false, // 鎺у埗棰勮缁勪欢鏄剧ず
       pdfVisible: false,
       previewpdf: false,
       hintitle: "璇蜂笂浼犳枃浠跺悗鏌ョ湅",
@@ -2337,7 +2358,8 @@
         if (
           this.userprofile.userName == "admin" ||
           this.userprofile.userName == "053" ||
-          this.userprofile.userName == "047"|| store.getters.rolesor[0].roleSort=='13'
+          this.userprofile.userName == "047" ||
+          store.getters.rolesor[0].roleSort == "13"
         ) {
           this.ismanager = true;
         } else {
@@ -3181,6 +3203,20 @@
       // 鍥剧墖鍔犺浇鎴愬姛鏃舵墽琛岀殑鎿嶄綔
       console.log("Image loaded successfully");
     },
+    handleImageClick(index) {
+      this.currentIndex = index;
+      this.viewerVisible = true;
+    },
+    invoicehandleImageClick(index) {
+      this.invoicecurrentIndex = index;
+      this.invoiceviewerVisible = true;
+    },
+    handleViewerClose() {
+      this.viewerVisible = false;
+    },
+    invoicehandleViewerClose() {
+      this.invoiceviewerVisible = false;
+    },
     handleUploadError() {},
     remove(file, fileList) {
       const rbDetails = [...this.rbDetails];

--
Gitblit v1.9.3