From ece2dfeb926d728b10db38038e4d12e9e9851c24 Mon Sep 17 00:00:00 2001
From: chenrui <1187576398@qq.com>
Date: 星期五, 06 六月 2025 17:38:10 +0800
Subject: [PATCH] 分页修改

---
 src/views/procurementManagement/paymentLedger/index.vue |   90 +++++++++++++++++++++++++++++++--------------
 1 files changed, 62 insertions(+), 28 deletions(-)

diff --git a/src/views/procurementManagement/paymentLedger/index.vue b/src/views/procurementManagement/paymentLedger/index.vue
index 4d24bbb..24d019e 100644
--- a/src/views/procurementManagement/paymentLedger/index.vue
+++ b/src/views/procurementManagement/paymentLedger/index.vue
@@ -17,11 +17,12 @@
       </div>
       <div></div>
     </div>
-    <el-row>
+    <el-row :gutter="20">
       <el-col :span="14">
         <div class="table_list">
           <el-table
             ref="multipleTable"
+            border
             v-loading="tableLoading"
             :data="tableData"
             :header-cell-style="{ background: '#F0F1F5', color: '#333333' }"
@@ -31,6 +32,7 @@
             tooltip-effect="dark"
             @row-click="rowClick"
             :show-summary="isShowSummary"
+            :summary-method="summarizeMainTable"
             class="lims-table"
           >
             <el-table-column
@@ -55,6 +57,7 @@
               :sortable="!!item.sortable"
               :type="item.type"
               :width="item.width"
+              :formatter="formattedNumber"
             >
             </el-table-column>
           </el-table>
@@ -72,10 +75,11 @@
         <div class="table_list">
           <PIMTable
             :column="tableColumnSon"
-            :tableData="tableDataSon"
+            :tableData="originalTableDataSon"
             :isSelection="false"
             :tableLoading="tableLoadingSon"
             :isShowSummary="isShowSummarySon"
+            :summaryMethod="summarizeMainTable1"
           ></PIMTable>
           <pagination
               v-show="sonTotal > 0"
@@ -95,6 +99,7 @@
 import { ref, toRefs } from "vue";
 import { Search } from "@element-plus/icons-vue";
 import { paymentLedgerList,paymentRecordList } from "@/api/procurementManagement/paymentLedger.js";
+import Pagination from "../../../components/PIMTable/Pagination.vue";
 
 const tableColumn = ref([
   {
@@ -145,37 +150,61 @@
     prop: "happenTime",
   },
   {
-    label: "鍙戠エ閲戦",
+    label: "鍙戠エ閲戦(鍏�)",
     prop: "invoiceAmount",
+    formatData: (params) => {
+      return parseFloat(params).toFixed(2);
+    }
   },
   {
     label: "浠樻閲戦(鍏�)",
     prop: "currentPaymentAmount",
+    formatData: (params) => {
+      return parseFloat(params).toFixed(2);
+    }
   },
   {
     label: "搴斾粯閲戦(鍏�)",
     prop: "payableAmount",
+    formatData: (params) => {
+      return parseFloat(params).toFixed(2);
+    }
   },
 ]);
 const tableDataSon = ref([]);
+const originalTableDataSon = ref([]);
 const tableLoadingSon = ref(false);
 const isShowSummarySon = ref(true);
 const detailPageNum = ref(1);
 const detailPageSize = ref(10);
+const { proxy } = getCurrentInstance()
 
+// 涓昏〃鍚堣鏂规硶
+const summarizeMainTable = (param) => {
+  return proxy.summarizeTable(param, ['invoiceAmount', 'paymentAmount', 'payableAmount'], {
+    ticketsNum: { noDecimal: true }, // 涓嶄繚鐣欏皬鏁�
+    futureTickets: { noDecimal: true }, // 涓嶄繚鐣欏皬鏁�
+  });
+};
+// 瀛愯〃鍚堣鏂规硶
+const summarizeMainTable1 = (param) => {
+  return proxy.summarizeTable(param, ['invoiceAmount', 'currentPaymentAmount', 'payableAmount'], {
+    ticketsNum: { noDecimal: true }, // 涓嶄繚鐣欏皬鏁�
+    futureTickets: { noDecimal: true }, // 涓嶄繚鐣欏皬鏁�
+  });
+};
 /** 鎼滅储鎸夐挳鎿嶄綔 */
 const handleQuery = () => {
   page.current = 1;
   getList();
 };
-const paginationSearch = ({ current, limit }) => {
-  page.current = current;
-  page.size = limit;
-  tableDataSon.value = [];
+const paginationSearch = ( obj) => {
+  page.current = obj.page;
+  page.size = obj.limit;
   getList();
 };
 const getList = () => {
-  tableLoading.value = false;
+  tableLoading.value = true;
   paymentLedgerList({
     ...searchForm.value,
     ...page,
@@ -195,33 +224,42 @@
 };
 
 const getPaymenRecordtList = (supplierId) => {
+  tableLoadingSon.value = true;
   paymentRecordList(supplierId).then(res => {
+    tableLoadingSon.value = false;
     tableDataSon.value = res.data
+    handlePagination({ page: 1, limit: sonPage.size });
     sonTotal.value = res.data.length
+  }).catch((e) => {
+    tableLoadingSon.value = false;
   })
 }
-
-const sonPaginationSearch = ({ current, limit }) => {
-  sonPage.current = current;
+const handlePagination = ({ page, limit }) => {
+  sonPage.current = page;
   sonPage.size = limit;
-};
 
+  const start = (page - 1) * limit;
+  const end = start + limit;
+
+  originalTableDataSon.value = tableDataSon.value.slice(start, end);
+}
+
+const sonPaginationSearch = (pagination) => {
+  // 鎺ユ敹鍒嗛〉鍣ㄥ弬鏁� { page, limit }
+  handlePagination(pagination);
+}
+const formattedNumber = (row, column, cellValue) => {
+  if (column.property !== 'supplierName') {
+    return parseFloat(cellValue).toFixed(2);
+  } else {
+    return cellValue
+  }
+};
 getList();
 </script>
 
 <style scoped lang="scss">
-.el-row {
-  .el-col-14 {
-    .table_list {
-      padding-right: 0px;
-    }
-  }
-  .el-col-10 {
-    .table_list {
-      padding-left: 0px;
-    }
-  }
-}
+
 .el-pagination {
   width: 100%;
   height: 55px;
@@ -236,9 +274,5 @@
 }
 .pagination-container {
   margin-top: 0;
-}
-.table_list {
-  height: calc(100vh - 13.5em);
-  overflow: auto;
 }
 </style>

--
Gitblit v1.9.3