finish all member chips table

src/views/gambleGameBucket/detail/index.vue

@@ -30,12 +30,26 @@
     </el-table>
 
 
-    <el-table :data="member_0" v-loading.body="listLoading" element-loading-text="Loading" border fit highlight-current-row
+    <el-table :data="members" 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-column label="當前玩家餘額" align="center">
+        <el-table-column prop="name_0" label="成員">
+        </el-table-column>
+        <el-table-column prop="chips_0" label="當前積分">
+        </el-table-column>
+        <el-table-column prop="name_1" label="成員">
+        </el-table-column>
+        <el-table-column prop="chips_1" label="當前積分">
+        </el-table-column>
+        <el-table-column prop="name_2" label="成員">
+        </el-table-column>
+        <el-table-column prop="chips_2" label="當前積分">
+        </el-table-column>
+        <el-table-column prop="name_3" label="成員">
+        </el-table-column>
+        <el-table-column prop="chips_3" label="當前積分">
+        </el-table-column>
+        </el-table-column>      
     </el-table>
 </div>
 </template>
@@ -64,10 +78,7 @@ export default {
       rowIndex: 0,
       colIndex: 0,
       roundOptions: [],
-      member_0: [],
-      member_1: [],
-      member_2: [],
-      member_3: [],      
+      members: []
     }
   },
   props: ['bucket'],
@@ -79,17 +90,27 @@ 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)
+    fetchList({ page: 1, limit: 9999999999, chipsSort: 'DESC' }).then(response => {
+      const { rows } = response.data
+      let members = {}
+      rows.map((person, index) => {
+        if (index % 4 === 0) {
+          members.name_0 = person.name
+          members.chips_0 = person.chips
+          index === response.data.count - 1 ? this.members.push(members) : false
+        } else if (index % 4 === 1) {
+          members.name_1 = person.name
+          members.chips_1 = person.chips
+          index === response.data.count - 1 ? this.members.push(members) : false
+        } else if (index % 4 === 2) {
+          members.name_2 = person.name
+          members.chips_2 = person.chips
+          index === response.data.count - 1 ? this.members.push(members) : false
+        } else if (index % 4 === 3) {
+          members.name_3 = person.name
+          members.chips_3 = person.chips
+          this.members.push(members)
+          members = {}
         }
       })
     })