add effectiveWagger

src/views/gambleGameBucket/detail/index.vue

               <span>{{`${scope.row.DealingRecord.point1} | ${scope.row.DealingRecord.point2} / ${point(scope.row.DealingRecord)}`}}</span>
             </template>
           </el-table-column>
-          <el-table-column label="上莊分數" prop="bidChips"></el-table-column>      
+          <el-table-column label="上莊分數" prop="bidChips"></el-table-column>  
+          <el-table-column label="有效下注量">
+            <template slot-scope="scope">
+              <div :style="moneyColor(scope.row.effectiveWagger)">{{scope.row.effectiveWagger}}</div>
+            </template>
+          </el-table-column>     
           <el-table-column label="莊輸贏">
             <template slot-scope="scope">
               <div :style="moneyColor(scope.row.MemberRecord.earned)">{{scope.row.MemberRecord.earned}}</div>
         </el-table-column>
       </el-table-column>      
     </el-table>
-    <el-table :data="bookie" v-loading.body="listLoading" element-loading-text="Loading" border fit highlight-current-row
-      style="width: 100%">      
-      <el-table-column label="莊家紀錄" align="center">            
-        <el-table-column label="莊家" prop="MemberRecord.GambleMember.name"></el-table-column>
-        <el-table-column label="點數">
-          <template slot-scope="scope">
-            <span>{{`${scope.row.DealingRecord.point1} | ${scope.row.DealingRecord.point2} / ${point(scope.row.DealingRecord)}`}}</span>
-          </template>
-        </el-table-column>
-        <el-table-column label="上莊分數" prop="bidChips"></el-table-column>      
-        <el-table-column label="莊輸贏">
-          <template slot-scope="scope">
-            <div :style="moneyColor(scope.row.MemberRecord.earned)">{{scope.row.MemberRecord.earned}}</div>
-          </template>
-        </el-table-column>      
-        <el-table-column label="抽水" prop="MemberRecord.serviceFees"></el-table-column>
-        <el-table-column prop="ass" label="服務費">
-        </el-table-column>     
-      </el-table-column>                   
-    </el-table>
     <el-table :data="detail" :span-method="objectSpanMethod"  v-loading.body="listLoading" element-loading-text="Loading" border fit highlight-current-row
       style="width: 100%">
       <el-table-column label="此關結果" align="center">
             record.MemberRecord.door === -1 &&
             record.MemberRecord.door === record.DealingRecord.door
         })
+        console.log('this', this.bookie)
         this.bidChips ? this.bookie[0].bidChips = this.bidChips : false        
         this.group = _.groupBy(detailTemp, record => {
           return record.MemberRecord.GambleMember.name
         this.detail = this.group.reduce((arr, element) => {
           return arr.concat(element)
         }, [])
+
+        this.bookie[0].effectiveWagger = _.sumBy(this.detail, item => {
+          return Math.abs(item.MemberRecord.earned);
+        })
+        console.log('bookie', this.bookie[0].effectiveWagger)
         this.group.map((item, itemIndex) => {
           let totalChips = 0
           item.map((person, personIndex) => {