bookie table

src/views/gambleGameBucket/detail/index.vue

         </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} / ${scope.row.DealingRecord.totalPoints}`}}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="上莊分數"></el-table-column>      
+        <el-table-column label="莊輸贏" prop="MemberRecord.earned"></el-table-column>      
+        <el-table-column label="總押注"></el-table-column>      
+        <el-table-column label="抽水" prop="MemberRecord.serviceFees"></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">
       colIndex: 0,
       roundOptions: [],
       members: [],
-      dealing: []
+      dealing: [],
+      bookie: [],
     }
   },
   props: ['bucket'],
             record.MemberRecord.door === record.DealingRecord.door
         })
 
+        this.bookie = response.data.rows.filter(record =>{
+            return record.DealingRecord.door === -1 &&
+            record.MemberRecord.door === -1 &&
+            record.MemberRecord.door === record.DealingRecord.door 
+        })
+        console.log(this.bookie)
         this.group = _.groupBy(detailTemp, record => {
           return record.MemberRecord.GambleMember.name
         })