银企直连：交易金额合计

src/views/finance/Statements/mingsheng.vue

@@ -92,21 +92,23 @@
                 v-loading="loading"
                 ref="statementsTableRef"
                 :data="tableDataList"
+                :summary-method="getSummaries"
+                show-summary
                 border
                 row-key="orderNo"
                 :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
                 class="cust-table"
-                height="100%"
+                max-height="520px"
               >
                 <el-table-column label="序号" align="center" width="50" type="index" />
-                <el-table-column label="对手方账号" align="center" width="200" prop="payeeAcNo" />
+                <el-table-column label="对手方账号" align="center" width="170" prop="payeeAcNo" />
                 <el-table-column label="对手方名称" align="center" width="200" prop="payeeName" />
                 <el-table-column label="开户信息" align="center" width="200" prop="payeeOpBank" />
-                <el-table-column label="交易时间" align="center" width="200" prop="transDate" />
-                <el-table-column label="交易金额(元)" align="center" width="200" prop="transAmt" />
-                <el-table-column label="借贷标志" align="center" width="200" prop="loan" />
-                <el-table-column label="余额(元)" align="center" width="200" prop="balance" />
-                <el-table-column label="摘要" align="center" prop="remark" />
+                <el-table-column label="交易时间" align="center" prop="transDate" />
+                <el-table-column label="交易金额(元)" align="center" prop="transAmt" />
+                <el-table-column label="借贷标志" align="center" prop="loan" />
+                <el-table-column label="余额(元)" align="center" prop="balance" />
+                <el-table-column label="摘要" align="center" prop="remark" width="140" />
               </el-table>
               <!-- 页面表格数据区域 End -->
           </div>
@@ -163,6 +165,32 @@
         this.initData();
     },
     methods: {
+      getSummaries(param) {
+        const { columns, data } = param;
+        const sums = [];
+        columns.forEach((column, index) => {
+          if (index === 0) {
+            sums[index] = '合计';
+            return;
+          }
+          const values = data.map(item => Number(item[column.property]));
+          if (!values.every(value => isNaN(value)) && column.property == 'transAmt') {
+            sums[index] = values.reduce((prev, curr) => {
+              const value = Number(curr);
+              if (!isNaN(value)) {
+                return prev + curr;
+              } else {
+                return prev;
+              }
+            }, 0);
+            sums[index] += '';
+          } else {
+            sums[index] = '';
+          }
+        });
+
+        return sums;
+      },
       /** 初始化数据 */
       async initData() {
         this.loading = true;