fix: 修复组织存在的一些问题

package.json

@@ -19,7 +19,8 @@
     "vant": "^2.8.6",
     "vue": "^2.6.11",
     "vue-meta": "^2.4.0",
-    "vue-router": "^3.3.4"
+    "vue-router": "^3.3.4",
+    "vuex": "^3.4.0"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "~4.4.1",

src/components/TabBar.vue

@@ -35,11 +35,12 @@
 import * as api from '@/api'
 export default {
   data() {
-    return {
-      groupList: []
-    }
+    return {}
   },
   computed: {
+    groupList() {
+      return this.$store.state.groupList
+    },
     hasCreate() {
       return !!this.groupList.find(item => item.is_mine)
     }
@@ -51,13 +52,16 @@ export default {
     // 获取我加入的组织
     getJoinedGroupes() {
       api.getJoinedGroupes().then(response => {
-        this.groupList = Array.isArray(response) ? response : []
+        const list = Array.isArray(response) ? response : []
+        this.$store.commit('setGroupList', list)
       })
     }
   },
   beforeMount() {
+    if (!this.groupList.length) {
       this.getJoinedGroupes()
     }
+  }
 }
 </script>
 

src/main.js

 import Vue from 'vue'
 import App from './App.vue'
 import router from './router'
-// import store from '@/store'
+import store from '@/store'
 
 // vue-meta
 // import VueMeta from 'vue-meta'
@@ -75,7 +75,7 @@ Vue.filter('avatar', function(value) {
 })
 
 new Vue({
-  // store,
+  store,
   router,
   render: h => h(App)
 }).$mount('#app')

src/store/index.js

@@ -5,11 +5,11 @@ Vue.use(Vuex)
 
 export default new Vuex.Store({
   state: {
-    menuCollapse: false
+    groupList: []
   },
   mutations: {
-    toggleMenuCollapse(state, collapse) {
-      state.menuCollapse = collapse
+    setGroupList(state, list) {
+      state.groupList = list
     }
   },
   actions: {}

src/views/group/Member.vue

@@ -26,9 +26,9 @@
             :data="item"
             :key="item.id"
           >
-            <template #member-before>
+            <!-- <template #member-before>
               <span class="member-creater"></span>
-            </template>
+            </template> -->
           </member-item>
         </div>
       </div>