updates

pages/roadmap/index.vue

 <template>
   <div>
     <div class="banner">
-      <div v-if="roadList && roadList.length">
-        <div v-for="(item, index) in list" :key="index" class="roadList">
-          <el-popover
-            title="我的项目"
-            trigger="click"
-            popper-class="popover"
-            :placement="item.position"
-            v-model="item.isShow"
-            visible-arrow="true"
-            @show="handleShow(item)"
-          >
-            <div>
-              <!-- 我的项目 -->
-              <div v-for="(it, indexItem) in item.projectList" :key="indexItem" class="project_name">
-                <AppLink :data="it">
-                  {{ it.name }}
-                </AppLink>
-              </div>
-              <!-- 未来可选项目 -->
-              <div class="line"></div>
-              <div class="el-popover__title">未来可选目标:</div>
-              <div v-for="(it, indexItem) in item.checkList" :key="it.name" class="project_name">{{ it.name }}</div>
-            </div>
-            <div slot="reference" class="roadList_con">
-              <img :src="item.icon" alt="" />
-              <div class="title">{{ item.title }}</div>
+      <div v-for="(item, index) in list" :key="index" class="roadList">
+        <el-popover
+          title="我的项目"
+          trigger="click"
+          popper-class="popover"
+          :placement="item.position"
+          v-model="item.isShow"
+          visible-arrow="true"
+          @show="handleShow(item)"
+        >
+          <div>
+            <!-- 我的项目 -->
+            <div v-for="(it, indexItem) in item.projectList" :key="indexItem" class="project_name">
+              <AppLink :data="it">
+                {{ it.name }}
+              </AppLink>
             </div>
-          </el-popover>
-        </div>
+            <!-- 未来可选项目 -->
+            <div class="line"></div>
+            <div class="el-popover__title">未来可选目标:</div>
+            <div v-for="(it, indexItem) in item.checkList" :key="it.name" class="project_name">{{ it.name }}</div>
+          </div>
+          <div slot="reference" class="roadList_con">
+            <img :src="item.icon" alt="" />
+            <div class="title">{{ item.title }}</div>
+          </div>
+        </el-popover>
       </div>
       <div class="homeList" v-if="homeList && homeList.length">
         <div class="homeList_con" v-for="(itemRoad, index) in homeList" :key="index">
@@ -69,17 +67,16 @@ import ProjectCard from '@/components/ProjectCard.vue'
 export default {
   components: { AppLink, ProjectCard },
   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) {
+      if (this.learningInfo.length) {
         this.roadList.forEach(item => {
-          console.log(item, '000')
-          if (item.projectList.find(it => it.tenant === this.learning[0].tenant)) {
+          if (item.projectList.find(it => it.tenant === this.learningInfo[0].tenant)) {
             item.isShow = true
             item.project_name = '我的项目:'
-            item.projectList = item.projectList.filter(it => it.tenant === this.learning[0].tenant)
+            item.projectList = item.projectList.filter(it => it.tenant === this.learningInfo[0].tenant)
           }
         })
         return this.roadList
@@ -90,6 +87,7 @@ export default {
   },
   data() {
     return {
+      learning: [],
       roadList: roadMapList,
       homeList: homeList,
       internationalDegreeProjectList: [
@@ -131,6 +129,9 @@ export default {
         }
       })
     }
+  },
+  mounted() {
+    this.learning = JSON.parse(window.localStorage.getItem('learningList'))
   }
 }
 </script>

pages/roadmap/roadMap.js

@@ -197,7 +197,7 @@ export const homeList = [
     ]
   },
   {
-    position: 'top-start',
+    position: 'top',
     icon: 'https://webapp-pub.ezijing.com/www/pc/lifeLearning/home.png',
     isShow: false,
     title: '企业培训',

store/index.js

@@ -44,6 +44,9 @@ export const actions = {
     const isLogin = await getUser()
       .then(response => {
         commit('setUser', response.data)
+        console.log(response.data.learning_info, 'data')
+        window.localStorage.setItem('learningList', JSON.stringify(response.data.learning_info))
+        console.log(JSON.parse(window.localStorage.getItem('learningList')))
         return true
       })
       .catch(() => {