Add dynamic select

src/api/gambleGameBucket.js

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

src/views/gambleGameBucket/detail/index.vue

 <script>
 
 import { mapGetters, mapActions } from 'vuex'
-import { fetchDetails, fetchMemberRecords, fetchDealingRecords } from '@/api/gambleGameBucket'
+import { fetchDetails, fetchRoundCount } from '@/api/gambleGameBucket'
 import _ from 'lodash'
 
 export default {
       func: '',
       rowIndex: 0,
       colIndex: 0,
-      roundOptions: [{ label: '第 1 輪', key: 1 }, { label: '第 2 輪', key: 2 },
-                      { label: '第 3 輪', key: 3 }, { label: '第 4 輪', key: 4 }],
+      roundOptions: [],
     }
   },
   props: [ 'bucket' ],
   created() {
+    fetchRoundCount(this.bucket).then((response)=>{
+      for(let i = 1 ; i<=response.data; i++){
+        this.roundOptions.push({ label: `第 ${i} 輪`, key: i })
+      }
+    })
     this.SetListVisble(false)    
     this.getList()
   },