From c09b09a73a7905f980f5ebb8f25df0500d7c8ccb Mon Sep 17 00:00:00 2001
From: WXL <wl_5969728@163.com>
Date: 星期三, 24 九月 2025 16:15:26 +0800
Subject: [PATCH] 器官编辑的比对国家表自动排序功能和新写了个附件预览的组件

---
 src/views/project/fund/applyDetail/index.vue |   51 +++++++++++++++++++++++++++++++++++++--------------
 1 files changed, 37 insertions(+), 14 deletions(-)

diff --git a/src/views/project/fund/applyDetail/index.vue b/src/views/project/fund/applyDetail/index.vue
index 34ba88e..f5a64fc 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> -->
-              </el-image>
+              <!-- <div slot="error" class="image-slot">
+                <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>
@@ -1375,12 +1386,15 @@
 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 +1541,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 +1685,9 @@
       pdftitle: "",
       pdfimg: "",
       pdfimgsrcList: [],
+      currentIndex: 0, // 鍒濆绱㈠紩
+      initialIndex: 0, // 鍒濆绱㈠紩
+      viewerVisible: false, // 鎺у埗棰勮缁勪欢鏄剧ず
       pdfVisible: false,
       previewpdf: false,
       hintitle: "璇蜂笂浼犳枃浠跺悗鏌ョ湅",
@@ -2337,7 +2352,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 +3197,13 @@
       // 鍥剧墖鍔犺浇鎴愬姛鏃舵墽琛岀殑鎿嶄綔
       console.log("Image loaded successfully");
     },
+    handleImageClick(index) {
+      this.currentIndex = index;
+      this.viewerVisible = true;
+    },
+    handleViewerClose() {
+      this.viewerVisible = false;
+    },
     handleUploadError() {},
     remove(file, fileList) {
       const rbDetails = [...this.rbDetails];

--
Gitblit v1.9.3