From e2d9cc31cd1c36b6bb9d00e31e20f5fd56c8e2f3 Mon Sep 17 00:00:00 2001
From: yxh <172933527@qq.com>
Date: 星期五, 26 十二月 2025 17:06:45 +0800
Subject: [PATCH] 报销请款表中合计金额不等于报销单的报销金额,请更正后再保存

---
 src/views/project/travelexpenseapply/travelexpensedetail/index.vue |   71 +++++++++++++++++++++++++----------
 1 files changed, 50 insertions(+), 21 deletions(-)

diff --git a/src/views/project/travelexpenseapply/travelexpensedetail/index.vue b/src/views/project/travelexpenseapply/travelexpensedetail/index.vue
index 75a7a06..347d718 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>
@@ -1248,6 +1256,7 @@
 
 <script>
 import pdf from "vue-pdf";
+import Decimal from 'decimal.js';
 import Treeselect from "@riophae/vue-treeselect";
 import "@riophae/vue-treeselect/dist/vue-treeselect.css";
 import { listDonatebaseinfo } from "@/api/project/donatebaseinfo";
@@ -1281,6 +1290,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 +1301,7 @@
   components: {
     Treeselect,
     Li_area_select,
+    CustomImageViewer,
     pdf
   },
   name: "Funddetail",
@@ -1453,7 +1464,12 @@
       invoicefileListto: [],
       invoicepdfimg: "",
       invoicepdfimgsrcList: [],
+      currentIndex: 0, // 鍒濆绱㈠紩
+      invoicecurrentIndex: 0, // 鍒濆绱㈠紩
       initialIndex: 0, // 鍒濆绱㈠紩
+      viewerVisible: false, // 鎺у埗棰勮缁勪欢鏄剧ず
+      invoiceviewerVisible: false, // 鎺у埗棰勮缁勪欢鏄剧ず
+
       //浜哄憳绫诲埆
       persontype: null,
       //鍒拌揪鍦�
@@ -1602,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("鍥剧墖鍔犺浇澶辫触");
@@ -2595,16 +2625,16 @@
       this.$refs["form"].validate(valid => {
         if (valid) {
           //绁ㄦ嵁鏂囦欢澶勭悊
-          const addnumber = this.rbPayees.reduce(
+          const addnumber = new Decimal(this.rbPayees.reduce(
             (amount, item) => amount + Number(item.amount),
             0
-          );
-
+          ));
+          console.log(this.form.amountrequested,addnumber);
           //鏍¢獙璇锋閲戦鍚堣鏄惁绛変簬鎶ラ攢鍗曢噾棰�
           if (this.form.amountrequested != addnumber) {
             this.$message({
               message:
-                "鎶ラ攢璇锋琛ㄤ腑鍚堣閲戦涓嶇瓑浜庢姤閿�鍗曠殑鎶ラ攢閲戦锛岃鏇存鍚庡啀淇濆瓨锛�",
+                "鎶ラ攢璇锋琛ㄤ腑鍚堣閲戦涓嶇瓑浜庢姤閿�鍗曠殑鎶ラ攢閲戦锛岃鏇存鍚庡啀淇濆瓨锛侊紒",
               type: "warning"
             });
             return;
@@ -2806,7 +2836,6 @@
         (amount, item) => amount + Number(item.amount),
         0
       );
-      console.log(addnumber, "addnumber");
       this.$refs["form"].validate(valid => {
         if (valid) {
           //绁ㄦ嵁鏂囦欢澶勭悊
@@ -2814,7 +2843,7 @@
           if (this.form.amountrequested != addnumber) {
             this.$message({
               message:
-                "鎶ラ攢璇锋琛ㄤ腑鍚堣閲戦涓嶇瓑浜庢姤閿�鍗曠殑鎶ラ攢閲戦锛岃鏇存鍚庡啀淇濆瓨锛�",
+                "鎶ラ攢璇锋琛ㄤ腑鍚堣閲戦涓嶇瓑浜庢姤閿�鍗曠殑鎶ラ攢閲戦锛岃鏇存鍚庡啀淇濆瓨锛侊紒锛�",
               type: "warning"
             });
             return;

--
Gitblit v1.9.3