persistence gambleGameBucket detail

src/views/gambleGameBucket/detail/index.vue

       <el-row :gutter="20">
         <el-col :span="6">
           <span class="demonstration">關數選擇</span>
-          <el-select @change='handleFilter' style="width: 120px" class="filter-item" v-model="listQuery.round" placeholder="關">
+          <el-select @change='handleFilter' style="width: 120px" class="filter-item" v-model="query.secondLayer.round" placeholder="關">
           <el-option v-for="item in roundOptions" :key="item.label" :label="item.label" :value="item.key">
           </el-option>
         </el-select>
         </el-col >
         <el-col :offset="10" :span="8">
-            <span class="demonstration">時間 : {{moment(this.bucket.createdAt)}}</span>
+            <span class="demonstration">時間 : {{moment(this.data.secondLayer.createdAt)}}</span>
         </el-col>
       </el-row>
     </div>
     return {
       list: null,
       listLoading: true,
-      listQuery: {
-        round: 1
-      },
       detail: [],
       group: [],
       statement: '',
       memberRecord: []
     }
   },
-  props: ['bucket'],
   created() {
-    fetchRoundCount(this.bucket).then((response) => {
+    fetchRoundCount(this.data.secondLayer).then((response) => {
       for (let i = 1; i <= response.data; i++) {
         this.roundOptions.push({ label: `第 ${i} 關`, key: i })
       }
   },
   computed: {
     ...mapGetters([
-      'visible'
+      'visible',
+      'data',
+      'query'
     ])
   },
   methods: {
     ...mapActions([
-      'SetVisible'
+      'SetVisible',
+      'SetData',
+      'SetQuery'
     ]),
     getList() {
       this.listLoading = true
       let detailTemp, dealingTemp, memberRecordTemp
       this.detail = []
-      fetchDealingRecords(this.bucket, this.listQuery).then(response => {
+      fetchDealingRecords(this.data.secondLayer, this.query.secondLayer).then(response => {
         dealingTemp = response.data.rows.filter(record => {
           return record.door !== -1
         })
           }
         })
       })
-      fetchMemberRecords(this.bucket, this.listQuery).then(response => {
+      fetchMemberRecords(this.data.secondLayer, this.query.secondLayer).then(response => {
         memberRecordTemp = _.groupBy(response.data.rows, record => {
           return record.door
         })
         this.memberRecord = Object.values(memberRecordTemp)
       })
-      fetchDetails(this.bucket, this.listQuery).then(response => {
+      fetchDetails(this.data.secondLayer, this.query.secondLayer).then(response => {
         detailTemp = response.data.rows.filter(record => {
           return record.DealingRecord.door !== -1 &&
             record.MemberRecord.door !== -1 &&
             record.MemberRecord.door === -1 &&
             record.MemberRecord.door === record.DealingRecord.door
         })
-        this.bucket.bidChips ? this.bookie[0].bidChips = this.bucket.bidChips : false
+        this.data.secondLayer.bidChips ? this.bookie[0].bidChips = this.data.secondLayer.bidChips : false
         this.group = _.groupBy(detailTemp, record => {
           return record.MemberRecord.GambleMember.name
         })