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