From 5b26f73b191ca95f12df24ec3e3d7930b4590be7 Mon Sep 17 00:00:00 2001
From: WXL <wl_5969728@163.com>
Date: 星期三, 12 八月 2026 09:11:26 +0800
Subject: [PATCH] srm维护

---
 src/views/project/fund/performancedetails/index.vue |  284 +++++++++++++++++++++++++++++++++++++++++++++-----------
 1 files changed, 226 insertions(+), 58 deletions(-)

diff --git a/src/views/project/fund/performancedetails/index.vue b/src/views/project/fund/performancedetails/index.vue
index eb1b9c3..d80fa8d 100644
--- a/src/views/project/fund/performancedetails/index.vue
+++ b/src/views/project/fund/performancedetails/index.vue
@@ -14,7 +14,7 @@
                 type="date"
                 value-format="yyyy-MM-dd HH:mm:ss"
                 placeholder="鐢宠鏃ユ湡"
-                disabled="true"
+                :disabled="true"
               >
               </el-date-picker>
             </el-form-item>
@@ -141,12 +141,15 @@
             max-height="800"
             border
             highlight-current-row
+            :summary-method="getSummaries"
+            show-summary
           >
             <el-table-column
               prop="orderno"
               align="center"
               label="搴忓彿"
               width="88"
+              fixed
             >
               <template slot-scope="scope">
                 <el-input v-model="scope.row.orderno" placeholder="搴忓彿" />
@@ -157,6 +160,7 @@
               align="center"
               label="鏈嶅姟绫诲瀷"
               width="200"
+              fixed
             >
               <template slot-scope="scope">
                 <el-select
@@ -194,8 +198,28 @@
                     :value="dict.id"
                   ></el-option>
                 </el-select>
+                <!-- <el-cascader
+                  v-model="scope.row.applytype"
+                  :options="aaoptions"
+                  :show-all-levels="false"
+                ></el-cascader> -->
               </template>
             </el-table-column>
+            <!-- <el-table-column
+              prop="jxrq"
+              align="center"
+              label="缁╂晥鏃ユ湡"
+              width="260"
+            >
+              <template slot-scope="scope">
+                <el-date-picker
+                  v-model="scope.row.jxrq"
+                  type="date"
+                  placeholder="閫夋嫨鏃ユ湡"
+                >
+                </el-date-picker>
+              </template>
+            </el-table-column> -->
             <el-table-column
               prop="amount"
               align="center"
@@ -206,11 +230,21 @@
                 <el-input
                   v-model="scope.row.amount"
                   placeholder="绋庡墠閲戦"
-                  @blur="
-                    val => {
-                      calculateTax(scope.row, 'A');
-                    }
-                  "
+                  @blur="chargeSum"
+                />
+              </template>
+            </el-table-column>
+            <el-table-column
+              prop="taxamount"
+              align="center"
+              label="鎵g◣閲戦"
+              width="120"
+            >
+              <template slot-scope="scope">
+                <el-input
+                  @blur="chargeSum"
+                  v-model="scope.row.taxamount"
+                  placeholder="鎵g◣閲戦"
                 />
               </template>
             </el-table-column>
@@ -224,28 +258,11 @@
                 <el-input
                   v-model="scope.row.taxedamount"
                   placeholder="绋庡悗閲戦"
-                  @blur="
-                    val => {
-                      calculateTax(scope.row, 'B');
-                    }
-                  "
+                  @blur="queenchargeSum"
                 />
               </template>
             </el-table-column>
-            <el-table-column
-              prop="taxamount"
-              align="center"
-              label="鎵g◣閲戦"
-              width="120"
-              
-            >
-              <template slot-scope="scope">
-                <el-input
-                  v-model="scope.row.taxamount"
-                  placeholder="鎵g◣閲戦"
-                />
-              </template>
-            </el-table-column>
+
             <el-table-column
               prop="beneficiaryname"
               align="center"
@@ -644,16 +661,18 @@
               v-if="this.previewpdf && pdfimgsrcList.length"
               class="pdfimgmin"
             >
-              <!-- <img :src="pdfimg" /> -->
               <el-image
                 style="width: 95%; height: 90%"
                 :src="pdfimg"
-                :preview-src-list="pdfimgsrcList"
-              >
-                <!-- <div slot="error" class="image-slot">
-              <i class="el-icon-picture-outline"></i>
-            </div> -->
-              </el-image>
+                @click="handleImageClick(0)"
+              />
+              <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>
@@ -747,16 +766,18 @@
               v-if="this.previewpdf && invoicepdfimgsrcList.length"
               class="pdfimgmin"
             >
-              <!-- <img :src="pdfimg" /> -->
               <el-image
                 style="width: 95%; height: 90%"
                 :src="invoicepdfimg"
-                :preview-src-list="invoicepdfimgsrcList"
-              >
-                <!-- <div slot="error" class="image-slot">
-              <i class="el-icon-picture-outline"></i>
-            </div> -->
-              </el-image>
+                @click="invoiceHandleImageClick(0)"
+              />
+              <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>
@@ -855,12 +876,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",
 
@@ -969,7 +992,52 @@
 
       //琛岃褰曠殑璐圭敤绫诲瀷鏁扮粍
       rowfeeItemTypes: [{ label: "绠$悊鎴愭湰", value: "9" }],
-
+      aaoptions: [
+        {
+          value: "niandu",
+          label: "骞村害"
+        },
+        {
+          value: "jidu",
+          label: "瀛e害",
+          children: [
+            {
+              value: "2024-03-31",
+              label: "绗竴瀛e害"
+            },
+            {
+              value: "2024-6-30",
+              label: "绗簩瀛e害"
+            },
+            {
+              value: "2024-9-30",
+              label: "绗笁瀛e害"
+            },
+            {
+              value: "2024-12-31",
+              label: "绗洓瀛e害"
+            }
+          ]
+        },
+        {
+          value: "yuedu",
+          label: "鏈堝害",
+          children: [
+            { label: "涓�鏈�", value: new Date(2024, 0 + 1, 0).getDate() },
+            { label: "浜屾湀", value: new Date(2024, 1 + 1, 0).getDate() },
+            { label: "涓夋湀", value: new Date(2024, 2 + 1, 0).getDate() },
+            { label: "鍥涙湀", value: new Date(2024, 3 + 1, 0).getDate() },
+            { label: "浜旀湀", value: new Date(2024, 4 + 1, 0).getDate() },
+            { label: "鍏湀", value: new Date(2024, 5 + 1, 0).getDate() },
+            { label: "涓冩湀", value: new Date(2024, 6 + 1, 0).getDate() },
+            { label: "鍏湀", value: new Date(2024, 7 + 1, 0).getDate() },
+            { label: "涔濇湀", value: new Date(2024, 8 + 1, 0).getDate() },
+            { label: "鍗佹湀", value: new Date(2024, 9 + 1, 0).getDate() },
+            { label: "鍗佷竴鏈�", value: new Date(2024, 10 + 1, 0).getDate() },
+            { label: "鍗佷簩鏈�", value: new Date(2024, 11 + 1, 0).getDate() }
+          ]
+        }
+      ],
       //璐圭敤璇存槑
       feeBlocks: [],
 
@@ -1116,6 +1184,10 @@
       pdfimgsrcList: [],
       pdfVisible: false,
       previewpdf: false,
+      viewerVisible: false,
+      currentIndex: 0,
+      invoiceViewerVisible: false,
+      invoiceCurrentIndex: 0,
       hintitle: "璇蜂笂浼犳枃浠跺悗鏌ョ湅",
       atpresent: "",
       Savereminder: false, //鎻愰啋淇濆瓨寮规
@@ -1727,12 +1799,21 @@
       };
       this.$modal.loading("姝e湪鎻愪氦瀹℃牳锛岃绋嶅�欙紒");
       checkfund(checkFundObj).then(res => {
-        //鍏抽棴绐楀彛
-        this.reset();
-        this.$modal.closeLoading();
-        this.$modal.msgSuccess("瀹℃牳瀹屾垚!");
-        this.$store.dispatch("tagsView/delView", this.$route);
-        this.$router.go(-1);
+        if (res.code == 200) {
+          //鍏抽棴绐楀彛
+          this.reset();
+          this.$modal.closeLoading();
+          this.$modal.msgSuccess("瀹℃牳瀹屾垚!");
+          this.$store.dispatch("tagsView/delView", this.$route);
+          this.$router.go(-1);
+        } else {
+          this.$modal.closeLoading();
+          if (res.msg) {
+            this.$modal.msgError("鎿嶄綔澶辫");
+          } else {
+            this.$modal.msgError(res.msg);
+          }
+        }
       });
     },
 
@@ -1750,7 +1831,7 @@
         this.standardlevel = res.data.standardlevel;
         if (
           this.userprofile.userName == "admin" ||
-          this.userprofile.userName == "001" ||
+          this.userprofile.userName == "053" ||
           this.userprofile.userName == "047"
         ) {
           this.ismanager = true;
@@ -1984,17 +2065,39 @@
       }
     },
 
-    //璁$畻閲戦
-    calculateTax(row, type) {
+    //绋庡墠鎵g◣绠楃◣鍚�
+    chargeSum(row, type) {
       let targetValue = 0;
       for (let i = 0; i < this.rbDetails.length; i++) {
         if (!this.rbDetails[i].amount) {
           this.rbDetails[i].amount = 0;
         }
+        if (!this.rbDetails[i].taxamount) {
+          this.rbDetails[i].taxamount = 0;
+        }
+        this.rbDetails[i].taxedamount = (
+          parseFloat(this.rbDetails[i].amount) -
+          parseFloat(this.rbDetails[i].taxamount)
+        ).toFixed(2);
         targetValue += parseFloat(this.rbDetails[i].amount); // 鍋囪姣忎釜瀵硅薄涓殑鐗瑰畾鍊煎瓨鍌ㄥ湪'specificValue'灞炴�т笅
+        console.log(this.rbDetails[i].taxedamount, "鍚堣");
       }
       console.log(targetValue, "鍚堣");
       this.form.pretaxcost = targetValue;
+    },
+    //绋庡悗鎵g◣绠楃◣鍓�
+    queenchargeSum(row, type) {
+      for (let i = 0; i < this.rbDetails.length; i++) {
+        if (!this.rbDetails[i].amount) {
+          this.rbDetails[i].amount = 0;
+        }
+        if (!this.rbDetails[i].taxamount) {
+          this.rbDetails[i].taxamount = 0;
+        }
+        this.rbDetails[i].amount =
+          parseFloat(this.rbDetails[i].taxamount) +
+          parseFloat(this.rbDetails[i].taxedamount);
+      }
     },
 
     unsave() {
@@ -2531,7 +2634,6 @@
       this.pdfVisible = true;
 
       if (this.rbDetails[index].annexfilesList) {
-
         const fetchPromises = this.rbDetails[index].annexfilesList.map(
           (value, indexson) => {
             const pdfimg = this.Networkheader + "/prod-api" + value.url;
@@ -2584,10 +2686,14 @@
         );
 
         Promise.all(fetchPromises).then(invoicefileListto => {
-          this.invoicefileListto = invoicefileListto.filter(item => item !== null);
+          this.invoicefileListto = invoicefileListto.filter(
+            item => item !== null
+          );
           this.invoicepdfimg = this.invoicefileListto[0].url;
           console.log(this.invoicepdfimg, "invoicepdfimg");
-          this.invoicepdfimgsrcList = this.invoicefileListto.map(item => item.url);
+          this.invoicepdfimgsrcList = this.invoicefileListto.map(
+            item => item.url
+          );
         });
 
         this.previewpdf = true;
@@ -2703,8 +2809,10 @@
         const index = this.getIndexInArray(this.fileListto, row);
         const item = this.fileListto.splice(index, 1)[0]; // 绉婚櫎鎸囧畾绱㈠紩澶勭殑鍏冪礌锛屽苟淇濆瓨鍒癷tem鍙橀噺涓�
         this.fileListto.splice(index - 1, 0, item); // 灏唅tem鎻掑叆鍒扮储寮曚綅缃殑鍓嶄竴浣�
-     
-        const indexann = this.rbDetails[this.atpresent].annexfilesList.findIndex(item => item.name == row.name);
+
+        const indexann = this.rbDetails[
+          this.atpresent
+        ].annexfilesList.findIndex(item => item.name == row.name);
         const itemann = this.rbDetails[this.atpresent].annexfilesList.splice(
           indexann,
           1
@@ -2718,8 +2826,10 @@
         const index = this.getIndexInArray(this.invoicefileListto, row);
         const item = this.invoicefileListto.splice(index, 1)[0]; // 绉婚櫎鎸囧畾绱㈠紩澶勭殑鍏冪礌锛屽苟淇濆瓨鍒癷tem鍙橀噺涓�
         this.invoicefileListto.splice(index - 1, 0, item); // 灏唅tem鎻掑叆鍒扮储寮曚綅缃殑鍓嶄竴浣�
-      
-        const indexinvo = this.rbDetails[this.atpresent].invoicefilesList.findIndex(item => item.name == row.name);
+
+        const indexinvo = this.rbDetails[
+          this.atpresent
+        ].invoicefilesList.findIndex(item => item.name == row.name);
         const iteminvo = this.rbDetails[this.atpresent].invoicefilesList.splice(
           indexinvo,
           1
@@ -2734,6 +2844,48 @@
     Downloadfile(row) {
       console.log(row);
       window.location.href = this.Networkheader + "/prod-api" + row.url;
+    },
+    //琛ㄦ牸鍚堣
+    getSummaries(param) {
+      const { columns, data } = param;
+      const sums = [];
+      var columnnames = [
+        "applytype",
+        "itemid",
+        // "jxrq",
+        "beneficiaryname",
+        "idcardno",
+        "depositbank",
+        "bankcardno",
+        "remark"
+      ];
+      columns.forEach((column, index) => {
+        if (index === 0) {
+          sums[index] = "鍚堣";
+          return;
+        }
+
+        //鍘婚櫎閮ㄥ垎瀛楁璁$畻
+        if (columnnames.indexOf(column.property) > -1) {
+          return;
+        }
+
+        const values = data.map(item => Number(item[column.property]));
+        if (!values.every(value => isNaN(value))) {
+          sums[index] = values.reduce((prev, curr) => {
+            const value = Number(curr);
+            if (!isNaN(value)) {
+              return prev + curr;
+            } else {
+              return prev;
+            }
+          }, 0);
+          sums[index] = sums[index].toFixed(2); // 淇濈暀2浣嶅皬鏁帮紝瑙e喅灏忔暟鍚堣鍒�;
+        } else {
+          sums[index] = "";
+        }
+      });
+      return sums;
     }
   },
 
@@ -2757,7 +2909,23 @@
   destroyed() {
     window.removeEventListener("beforeunload", e => this.beforeunloadFn(e));
   }, //鐢熷懡鍛ㄦ湡 - 閿�姣佸畬鎴�
-  activated() {} //濡傛灉椤甸潰鏈塳eep-alive缂撳瓨鍔熻兘锛岃繖涓嚱鏁颁細瑙﹀彂
+  activated() {}, //濡傛灉椤甸潰鏈塳eep-alive缂撳瓨鍔熻兘锛岃繖涓嚱鏁颁細瑙﹀彂
+
+  // 鍥剧墖棰勮
+  handleImageClick(index) {
+    this.currentIndex = index;
+    this.viewerVisible = true;
+  },
+  handleViewerClose() {
+    this.viewerVisible = false;
+  },
+  invoiceHandleImageClick(index) {
+    this.invoiceCurrentIndex = index;
+    this.invoiceViewerVisible = true;
+  },
+  invoiceHandleViewerClose() {
+    this.invoiceViewerVisible = false;
+  },
 };
 </script>
 

--
Gitblit v1.9.3