use vues fix visble bug

src/store/getters.js

@@ -3,6 +3,7 @@ const getters = {
   token: state => state.user.token,
   avatar: state => state.user.avatar,
   username: state => state.user.username,
-  roles: state => state.user.roles
+  roles: state => state.user.roles,
+  listVisble: state => state.gambleGameBucket.listVisble
 }
 export default getters

src/store/index.js

@@ -2,6 +2,7 @@ import Vue from 'vue'
 import Vuex from 'vuex'
 import app from './modules/app'
 import user from './modules/user'
+import gambleGameBucket from './modules/gambleGameBucket'
 import getters from './getters'
 
 Vue.use(Vuex)
@@ -9,7 +10,8 @@ Vue.use(Vuex)
 const store = new Vuex.Store({
   modules: {
     app,
-    user
+    user,
+    gambleGameBucket
   },
   getters
 })

src/store/modules/gambleGameBucket.js

@@ -0,0 +1,17 @@
+const gambleGameBucket = {
+  state: {
+    listVisble: true
+  },
+  mutations: {
+    SET_LISTVISBLE: (state, listVisble) => {
+      state.listVisble = listVisble
+    }
+  },
+  actions: {
+    SetListVisble({ commit }, listVisble) {
+      commit('SET_LISTVISBLE', listVisble)
+    }
+  }
+}
+
+export default gambleGameBucket

src/views/gambleGameBucket/detail/index.vue

@@ -26,6 +26,8 @@
 </template>
 
 <script>
+
+import { mapGetters, mapActions } from 'vuex'
 import { fetchDetails, fetchMemberRecords, fetchDealingRecords } from '@/api/gambleGameBucket'
 import _ from 'lodash'
 
@@ -52,7 +54,15 @@ export default {
   created() {
     this.getList()
   },
+  computed: {
+    ...mapGetters([
+      'listVisble',
+    ])
+  },
   methods: {
+    ...mapActions([
+      'SetListVisble',
+    ]),    
     getList() {
       this.listLoading = true
       let group ,detailTemp
@@ -126,6 +136,9 @@ export default {
         }
       }
     }
+  },
+  destroyed() {
+    this.SetListVisble(true)
   }
 }
 </script>

src/views/gambleGameBucket/index.vue

@@ -38,6 +38,8 @@
 </template>
 
 <script>
+
+import { mapGetters, mapActions } from 'vuex'
 import { fetchList, fetchMemberRecords, fetchDealingRecords } from '@/api/gambleGameBucket'
 
 export default {
@@ -46,7 +48,6 @@ export default {
       list: null,
       listLoading: true,
       total: null,
-      listVisble: true,
       bucket: '',
       listQuery: {
         page: 1,
@@ -69,7 +70,15 @@ export default {
   created() {
     this.getList()
   },
+  computed: {
+    ...mapGetters([
+      'listVisble',
+    ])
+  },
   methods: {
+    ...mapActions([
+      'SetListVisble',
+    ]),
     getList() {
       this.listLoading = true
       fetchList(this.listQuery).then(response => {
@@ -80,7 +89,7 @@ export default {
     },
     handlePage(row) {
       this.temp = Object.assign({}, row) // copy obj
-      this.listVisble = false
+      this.SetListVisble(false)
       this.bucket = row
       // fetchMemberRecords(row).then(response => {
       //   console.log(response.data)