浏览代码

use vues fix visble bug

Unknown 7 年之前
父节点
当前提交
25fa2556e5

+ 2 - 1
src/store/getters.js

3
   token: state => state.user.token,
3
   token: state => state.user.token,
4
   avatar: state => state.user.avatar,
4
   avatar: state => state.user.avatar,
5
   username: state => state.user.username,
5
   username: state => state.user.username,
6
-  roles: state => state.user.roles
6
+  roles: state => state.user.roles,
7
+  listVisble: state => state.gambleGameBucket.listVisble
7
 }
8
 }
8
 export default getters
9
 export default getters

+ 3 - 1
src/store/index.js

2
 import Vuex from 'vuex'
2
 import Vuex from 'vuex'
3
 import app from './modules/app'
3
 import app from './modules/app'
4
 import user from './modules/user'
4
 import user from './modules/user'
5
+import gambleGameBucket from './modules/gambleGameBucket'
5
 import getters from './getters'
6
 import getters from './getters'
6
 
7
 
7
 Vue.use(Vuex)
8
 Vue.use(Vuex)
9
 const store = new Vuex.Store({
10
 const store = new Vuex.Store({
10
   modules: {
11
   modules: {
11
     app,
12
     app,
12
-    user
13
+    user,
14
+    gambleGameBucket
13
   },
15
   },
14
   getters
16
   getters
15
 })
17
 })

+ 17 - 0
src/store/modules/gambleGameBucket.js

1
+const gambleGameBucket = {
2
+  state: {
3
+    listVisble: true
4
+  },
5
+  mutations: {
6
+    SET_LISTVISBLE: (state, listVisble) => {
7
+      state.listVisble = listVisble
8
+    }
9
+  },
10
+  actions: {
11
+    SetListVisble({ commit }, listVisble) {
12
+      commit('SET_LISTVISBLE', listVisble)
13
+    }
14
+  }
15
+}
16
+
17
+export default gambleGameBucket

+ 13 - 0
src/views/gambleGameBucket/detail/index.vue

26
 </template>
26
 </template>
27
 
27
 
28
 <script>
28
 <script>
29
+
30
+import { mapGetters, mapActions } from 'vuex'
29
 import { fetchDetails, fetchMemberRecords, fetchDealingRecords } from '@/api/gambleGameBucket'
31
 import { fetchDetails, fetchMemberRecords, fetchDealingRecords } from '@/api/gambleGameBucket'
30
 import _ from 'lodash'
32
 import _ from 'lodash'
31
 
33
 
52
   created() {
54
   created() {
53
     this.getList()
55
     this.getList()
54
   },
56
   },
57
+  computed: {
58
+    ...mapGetters([
59
+      'listVisble',
60
+    ])
61
+  },
55
   methods: {
62
   methods: {
63
+    ...mapActions([
64
+      'SetListVisble',
65
+    ]),    
56
     getList() {
66
     getList() {
57
       this.listLoading = true
67
       this.listLoading = true
58
       let group ,detailTemp
68
       let group ,detailTemp
126
         }
136
         }
127
       }
137
       }
128
     }
138
     }
139
+  },
140
+  destroyed() {
141
+    this.SetListVisble(true)
129
   }
142
   }
130
 }
143
 }
131
 </script>
144
 </script>

+ 11 - 2
src/views/gambleGameBucket/index.vue

38
 </template>
38
 </template>
39
 
39
 
40
 <script>
40
 <script>
41
+
42
+import { mapGetters, mapActions } from 'vuex'
41
 import { fetchList, fetchMemberRecords, fetchDealingRecords } from '@/api/gambleGameBucket'
43
 import { fetchList, fetchMemberRecords, fetchDealingRecords } from '@/api/gambleGameBucket'
42
 
44
 
43
 export default {
45
 export default {
46
       list: null,
48
       list: null,
47
       listLoading: true,
49
       listLoading: true,
48
       total: null,
50
       total: null,
49
-      listVisble: true,
50
       bucket: '',
51
       bucket: '',
51
       listQuery: {
52
       listQuery: {
52
         page: 1,
53
         page: 1,
69
   created() {
70
   created() {
70
     this.getList()
71
     this.getList()
71
   },
72
   },
73
+  computed: {
74
+    ...mapGetters([
75
+      'listVisble',
76
+    ])
77
+  },
72
   methods: {
78
   methods: {
79
+    ...mapActions([
80
+      'SetListVisble',
81
+    ]),
73
     getList() {
82
     getList() {
74
       this.listLoading = true
83
       this.listLoading = true
75
       fetchList(this.listQuery).then(response => {
84
       fetchList(this.listQuery).then(response => {
80
     },
89
     },
81
     handlePage(row) {
90
     handlePage(row) {
82
       this.temp = Object.assign({}, row) // copy obj
91
       this.temp = Object.assign({}, row) // copy obj
83
-      this.listVisble = false
92
+      this.SetListVisble(false)
84
       this.bucket = row
93
       this.bucket = row
85
       // fetchMemberRecords(row).then(response => {
94
       // fetchMemberRecords(row).then(response => {
86
       //   console.log(response.data)
95
       //   console.log(response.data)