存放课程分类id集合map

src/main.js

@@ -85,6 +85,22 @@ const initDictTree = (key) => {
         (res) => {
           console.log(res.data.result,'课程分类接口')
           store.commit("SET_DICT", {key, data: res.data.result});
+          //转化为map放到状态中
+          let map=new Map();
+          res.data.result.forEach(item=>{
+             map.set(item.id, item.name);
+             if(item.children && item.children!=''){
+                item.children.forEach(child=>{
+                  map.set(child.id, child.name);
+                  if(child.children && child.children!=''){
+                     child.children.forEach(last=>{
+                       map.set(last.id, last.name);
+                     })
+                  }
+                })
+             }
+          });
+          store.commit("SET_SYSTYPEMAP", map);
         },
         (err) => {
           message.error(err);

src/store/index.js

@@ -26,7 +26,8 @@ export default createStore({
     pathmapPic: [],//学习路径背景图
     memberInitInfo: [],//学员默认
     sysType: [],//学员默认
-    menus: []
+    menus: [],
+    sysTypeMap:null
   },
   getters: {},
   mutations: {
@@ -51,6 +52,9 @@ export default createStore({
     SET_DICT(state, { key, data }) {
       state[key] = data;
     },
+    SET_SYSTYPEMAP(state, map) {
+      state.sysTypeMap = map;
+    },
     SET_MEMBER_INFO(state, data) {
       state.memberInitInfo = data;
     },

src/views/courselibrary/CourseRecommended.vue

@@ -340,6 +340,11 @@ export default defineComponent({
     console.log(route);
     const router = useRouter();
     console.log(router);
+    const getSysTypeMap = (code) => {
+      console.log(store.state.sysTypeMap,'map集合');
+      // return store.state.sysTypeMap.get(code)
+    }
+    // getSysTypeMap()
 
     // 渲染列表1操作
     const getTableDate = async () => {