add total sum

src/views/agnetManagement/gambleMemberManagement/index.vue

             </template>
           </el-table-column>
       </el-table>
-      <el-table :data="combine" v-loading.body="listLoading" element-loading-text="Loading" border fit highlight-current-row>
+      <el-table show-summary :summary-method="getSummaries" :data="combine" v-loading.body="listLoading" element-loading-text="Loading" border fit highlight-current-row>
         <el-table-column :label="`${this.data.secondLayer.GambleMember.name}的會員`" align="center">
           <el-table-column label="名稱" align="center">
             <template slot-scope="scope">
               <span>{{scope.row.name}}</span>
             </template>
           </el-table-column>
-          <el-table-column label="會員當前分數" align="center">
-            <template slot-scope="scope">
-              <span>{{scope.row.chips}}</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="總上分額" align="center">
-            <template slot-scope="scope">
-              <span>{{scope.row.totalUp}}</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="總下分額" align="center">
-            <template slot-scope="scope">
-              <span>{{scope.row.totalDown}}</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="總獎勵" align="center">
-            <template slot-scope="scope">
-              <span>{{scope.row.totalReward}}</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="總懲罰" align="center">
-            <template slot-scope="scope">
-              <span>{{scope.row.totalPunishment}}</span>
-            </template>
-          </el-table-column>
+          <el-table-column label="會員當前分數" prop="chips" align="center"></el-table-column>
+          <el-table-column label="總上分額" prop="totalUp" align="center"></el-table-column>
+          <el-table-column label="總下分額" prop="totalDown" align="center"></el-table-column>
+          <el-table-column label="總獎勵" prop="totalReward" align="center"></el-table-column>
+          <el-table-column label="總懲罰" prop="totalPunishment" align="center"></el-table-column>
           <el-table-column label="有效投注量" align="center">
             <template slot-scope="scope">
               <span>{{0}}</span>
               <span :style="moneyColor(scope.row.memberEarned)">{{scope.row.memberEarned}}</span>
             </template>
           </el-table-column> -->
-          <el-table-column label="莊家總投注量抽水" align="center">
-            <template slot-scope="scope">
-              <span>{{scope.row.bookieWagerFee}}</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="莊家總投注量退水" align="center">
-            <template slot-scope="scope">
-              <span>{{scope.row.feeRatio.times(scope.row.bookieWagerFee).valueOf()}}</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="莊家總抽水" align="center">
-            <template slot-scope="scope">
-              <span>{{scope.row.bookieServiceFees}}</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="莊家退水" align="center">
-            <template slot-scope="scope">
-              <span>{{scope.row.feeRatio.times(scope.row.bookieServiceFees).valueOf()}}</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="閒家總抽水" align="center">
-            <template slot-scope="scope">
-              <span>{{scope.row.memberServiceFees}}</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="閒家退水" align="center">
-            <template slot-scope="scope">
-              <span>{{scope.row.feeRatio.times(scope.row.memberServiceFees).valueOf()}}</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="總退水" align="center">
-            <template slot-scope="scope">
-              <span>{{scope.row.totalServiceFees}}</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="會員結帳" align="center">
+          <el-table-column label="莊家總投注量抽水" prop="bookieWagerFee" align="center"></el-table-column>
+          <el-table-column label="莊家總投注量退水" prop="bookieWagerFeeRatio" align="center"></el-table-column>
+          <el-table-column label="莊家總抽水" prop="bookieServiceFees" align="center"></el-table-column>
+          <el-table-column label="莊家退水" prop="bookieServiceFeesRatio" align="center"></el-table-column>
+          <el-table-column label="閒家總抽水" prop="memberServiceFees" align="center"></el-table-column>
+          <el-table-column label="閒家退水" prop="memberServiceFeesRatio" align="center"></el-table-column>
+          <el-table-column label="總退水" prop="totalServiceFees" align="center"></el-table-column>
+          <el-table-column label="會員結帳" prop="memberCheckOut" align="center">
             <template slot-scope="scope">
-              <span :style="moneyColor((scope.row.memberCheckOut)*(-1))">{{(scope.row.memberCheckOut)*(-1)}}</span>
+              <span :style="moneyColor((scope.row.memberCheckOut))">{{(scope.row.memberCheckOut)}}</span>
             </template>
           </el-table-column>
           <el-table-column align="center" label="操作" width="100">
       'SetVisible',
       'SetData',
     ]),
-    getList() {
+    async getList() {
       this.listLoading = true
       this.allCombine = []
       this.combine = []
-      fetchMemberList(this.data.secondLayer, this.listQuery).then(response => {
+      await fetchMemberList(this.data.secondLayer, this.listQuery).then(response => {
         response.data.rows.map(member => {
           let row = {
             id: member.id,
             bookieEarned: 0,
             memberEarned: 0,
             bookieWagerFee: 0,
+            bookieWagerFeeRatio: 0,
             bookieServiceFees: 0,
+            bookieServiceFeesRatio: 0,
             memberServiceFees: 0,
+            memberServiceFeesRatio: 0,
             totalServiceFees: 0,
             memberCheckOut: 0,
             feeRatio: new Decimal(this.data.secondLayer.feeRatio/100),
             });
             console.log('membeEarned', row.memberEarned)
             row.memberServiceFees = _.sumBy(bookie.false, 'serviceFees');
+            row.memberServiceFeesRatio = row.feeRatio.times(row.memberServiceFees).valueOf()
+            
           }
           if (bookie.true) {
             row.bookieWagerFee = _.sumBy(bookie.true, (item) => {
               return item.wagerServiceFees
             });
+            row.bookieWagerFeeRatio = row.feeRatio.times(row.bookieWagerFee).valueOf()
             console.log('eeee', bookie.true)
             row.bookieEarned = _.sumBy(bookie.true, item => {
               return Math.abs(item.earned)
             });
             console.log('bookieEarned' , row.bookieEarned)
             row.bookieServiceFees = _.sumBy(bookie.true, (item) => { return item.serviceFees});
+            row.bookieServiceFeesRatio = row.feeRatio.times(row.bookieServiceFees).valueOf()
           }
           row.totalServiceFees = Number(new Decimal(row.bookieServiceFees).plus(row.memberServiceFees).plus(row.bookieWagerFee).times(row.feeRatio).valueOf())
           let chipsLog = _.groupBy(member.GambleMemberChipsLogs, 'type')
             })
 
           }
-          row.memberCheckOut = row.totalUp + row.totalDown - row.chips
+          row.memberCheckOut = (row.totalUp + row.totalDown - row.chips)*(-1)
           // TODO CHECK 是否需要
           if(chipsLog['1']) {
             row.totalReward = _.sumBy(chipsLog['1'], (item) => { 
     },
     all(scope) {
       return (scope.row.allUp+scope.row.allDown-scope.row.allChips-scope.row.allServiceFees)*(-1)
-    }
+    },
+    getSummaries(param) {
+        const { columns, data } = param;
+        const sums = [];
+        console.log('cl', columns)
+        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))) {
+            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] = 'N/A';
+          }
+        });
+
+        return sums;
+      }
   },
   destroyed() {
     this.SetVisible(1)