updates

pages/roadmap/index.vue

@@ -31,22 +31,22 @@
           </div>
         </el-popover>
       </div>
-      <div class="banner_homeList">
-        <div v-for="(itemRoad, indexRoad) in homeList" :key="indexRoad">
-          <el-popover trigger="hover" popper-class="popover" :placement="itemRoad.position" v-model="itemRoad.isShow">
-            <div>
-              <div v-for="(it, indexItem) in itemRoad.itemList" :key="indexItem" class="project_name">
-                <AppLink :data="it">
-                  {{ it.name }}
-                </AppLink>
-              </div>
-            </div>
-            <div slot="reference" class="banner_homeList_con">
-              <img :src="itemRoad.icon" alt="" />
-              <div class="item_title">{{ itemRoad.title }}</div>
+    </div>
+    <div class="banner_homeList">
+      <div v-for="(itemRoad, indexRoad) in homeList" :key="indexRoad">
+        <el-popover trigger="hover" popper-class="popover" :placement="itemRoad.position" v-model="itemRoad.isShow">
+          <div>
+            <div v-for="(it, indexItem) in itemRoad.itemList" :key="indexItem" class="project_name">
+              <AppLink :data="it">
+                {{ it.name }}
+              </AppLink>
             </div>
-          </el-popover>
-        </div>
+          </div>
+          <div slot="reference" class="banner_homeList_con">
+            <img :src="itemRoad.icon" alt="" />
+            <div class="item_title">{{ itemRoad.title }}</div>
+          </div>
+        </el-popover>
       </div>
     </div>
     <div class="w1200">
@@ -68,11 +68,11 @@ import AppLink from '@/components/Link.vue'
 export default {
   components: { ProjectCard, AppLink },
   computed: {
-    learning() {
-      return this.$store.state.user.learning_info.filter(item => item.status === '1')
+    learningInfo() {
+      return this.learning.filter(item => item.status === '1')
     },
     list() {
-      if (this.learning.length > 0) {
+      if (this.learningInfo.length > 0) {
         this.roadList.forEach(item => {
           if (item.projectList.find(it => it.tenant === this.learning[0].tenant)) {
             item.isShow = true
@@ -88,6 +88,7 @@ export default {
   },
   data() {
     return {
+      learning: [],
       roadList: roadMapList,
       homeList: homeList,
       // 热门专业
@@ -130,6 +131,9 @@ export default {
         }
       })
     }
+  },
+  mounted() {
+    console.log(JSON.parse(window.localStorage.getItem('learning')))
   }
 }
 </script>

store/index.js

 import { getUser, logout } from '@/api/my'
 
 export const state = () => ({
+  learning: [],
   user: {},
   isMobile: false,
   searchVisible: false,
@@ -10,6 +11,9 @@ export const state = () => ({
 })
 
 export const mutations = {
+  setLearning() {
+    state.learning = learning
+  },
   setUser(state, user) {
     state.user = user
   },
@@ -36,6 +40,9 @@ export const actions = {
   getUser({ commit }) {
     getUser().then(response => {
       commit('setUser', response.data)
+      commit('setLearning', response.data.learning_info)
+      this.$store.commit('setUserId', item.id)
+      window.localStorage.setItem('learning', JSON.stringify(response.data.learning_info))
     })
   },
   // 退出登录