TODO parallel table

src/views/gambleGameBucket/detail/index.vue

@@ -28,6 +28,15 @@
       <el-table-column prop="MemberRecord.GambleMember.chips" label="最終積分">
       </el-table-column>
     </el-table>
+
+
+    <el-table :data="member_0" v-loading.body="listLoading" element-loading-text="Loading" border fit highlight-current-row
+      style="width: 100%">
+      <el-table-column prop="name" label="成員" width="%">
+      </el-table-column>
+      <el-table-column prop="chips" label="當前積分" width="100%">
+      </el-table-column>
+    </el-table>
 </div>
 </template>
 
@@ -35,6 +44,7 @@
 
 import { mapGetters, mapActions } from 'vuex'
 import { fetchDetails, fetchRoundCount } from '@/api/gambleGameBucket'
+import { fetchList } from '@/api/gambleMember'
 import _ from 'lodash'
 
 export default {
@@ -53,7 +63,11 @@ export default {
       func: '',
       rowIndex: 0,
       colIndex: 0,
-      roundOptions: []
+      roundOptions: [],
+      member_0: [],
+      member_1: [],
+      member_2: [],
+      member_3: [],      
     }
   },
   props: ['bucket'],
@@ -65,6 +79,20 @@ export default {
     })
     this.SetListVisble(false)
     this.getList()
+    fetchList({page: 1, limit: 9999999999, chipsSort: 'DESC',}).then( response => {
+      let { rows } = response.data
+      rows.map((person,index) => {
+        if(index%4===0){
+          this.member_0.push(person)
+        }else if(index%4===1){
+          this.member_1.push(person)
+        }else if(index%4 === 2){
+          this.member_2.push(person)
+        }else if(index%4 === 3 ){
+          this.member_3.push(person)
+        }
+      })
+    })
   },
   computed: {
     ...mapGetters([