add search round

src/api/gambleGameBucket.js

   })
 }
 
-export function fetchDetails(data) {
-  const round = 1
+export function fetchDetails(data, query = { round: 1 }) {
+  console.log('round', query.round)
   return request({
-    url: `/gambleGameBuckets/${data.id}/round/${round}/detail`,
+    url: `/gambleGameBuckets/${data.id}/round/${query.round}/detail`,
     method: 'get'
   })
 }

src/views/gambleGameBucket/detail/index.vue

 <template>
 <div class="app-container calendar-list-container">
   <div class="app-container">
-    <el-table :data="detail" :span-method="objectSpanMethod" border style="width: 100% margin-top: 20px">
+      <el-select clearable @change='handleFilter' style="width: 120px" class="filter-item" v-model="listQuery.round" placeholder="輪">
+        <el-option v-for="item in roundOptions" :key="item.label" :label="item.label" :value="item.key">
+        </el-option>
+      </el-select>
+  </div>
+    <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 prop="MemberRecord.GambleMember.name" label="玩家" width="180">
       </el-table-column>
       <el-table-column prop="MemberRecord.door" label="押">
       <el-table-column prop="MemberRecord.GambleMember.chips" label="最終積分">
       </el-table-column>
     </el-table>
-  </div>
 </div>
 </template>
 
     return {
       list: null,
       listLoading: true,
-      total: null,
-      memberRecords: [],
-      dealingRecords: [],
-      groupMember: [],
+      listQuery: {
+        round: 1
+      },
       detail: [],
       group: [],
       statement: '',
       col: 0,
       func: '',
       rowIndex: 0,
-      colIndex: 0
+      colIndex: 0,
+      roundOptions: [{ label: '第 1 輪', key: 1 }, { label: '第 2 輪', key: 2 },
+                      { label: '第 3 輪', key: 3 }, { label: '第 4 輪', key: 4 }],
     }
   },
   props: [ 'bucket' ],
     ]),    
     getList() {
       this.listLoading = true
-      let group ,detailTemp
-
-      fetchDetails(this.bucket).then(reponse => {
-        let group, dealingTemp
+      let group ,dealingTemp
+      this.detail = []
+      fetchDetails(this.bucket, this.listQuery).then(reponse => {
         dealingTemp = reponse.data.rows.filter(record => {
           return  record.DealingRecord.door !== -1 && 
             record.MemberRecord.door !== -1 &&
           colspan: this.col
         }
       }
-    }
+    },
+    handleFilter() {
+      this.getList()
+    },
   },
   destroyed() {
     this.SetListVisble(true)