Sfoglia il codice sorgente

fix: 修改菜单样式

ldong 4 mesi fa
parent
commit
90333cf238

BIN
src/assets/icons/menu/active-icon01.png


BIN
src/assets/icons/menu/active-icon02.png


BIN
src/assets/icons/menu/active-icon03.png


BIN
src/assets/icons/menu/active-icon04.png


BIN
src/assets/icons/menu/active-icon05.png


BIN
src/assets/icons/menu/active-icon06.png


BIN
src/assets/icons/menu/active-icon07.png


BIN
src/assets/icons/menu/active-icon08.png


BIN
src/assets/icons/menu/active-icon09.png


BIN
src/assets/icons/menu/active-icon10.png


BIN
src/assets/icons/menu/active-icon11.png


BIN
src/assets/icons/menu/active-icon12.png


+ 20 - 1
src/views/Home.vue

@@ -47,7 +47,7 @@
                     @click="handleClickSubMenuItem(item, $event)"
                   >
                     <img
-                      :src="getMenuIcon(item)"
+                      :src="item.path === activePath?getActiveMenuIcon(item):getMenuIcon(item)"
                       alt=""
                       style="width: 20px; height: 20px;margin-top: -2px;"
                     />
@@ -595,6 +595,7 @@ export default {
     };
   },
   created() {
+    this.activePath=this.$route.path?this.$route.path.split('/')[1]:'home'
     //this.isInitialPwd(); //判断是否为初始密码
     this.Role = localStorage.getItem("Role") || "";
     this.RoleType = localStorage.getItem("RoleType") || "";
@@ -638,6 +639,24 @@ export default {
       ])
       return iconMap.get(item.name) || require('@/assets/icons/menu/icon01.png')
     },
+    // 获取激活状态图片
+    getActiveMenuIcon(item) {
+      const iconMap = new Map([
+        ['首页', require('@/assets/icons/menu/active-icon01.png')],
+        ['数据分析', require('@/assets/icons/menu/active-icon02.png')],
+        ['模型应用', require('@/assets/icons/menu/active-icon03.png')],
+        ['图表工具', require('@/assets/icons/menu/active-icon04.png')],
+        ['知识资源', require('@/assets/icons/menu/active-icon05.png')],
+        ['语义分析', require('@/assets/icons/menu/active-icon06.png')],
+        ['BI看板', require('@/assets/icons/menu/active-icon07.png')],
+        ['研报管理', require('@/assets/icons/menu/active-icon08.png')],
+        ['审批管理', require('@/assets/icons/menu/active-icon12.png')],
+        ['任务管理', require('@/assets/icons/menu/active-icon09.png')],
+        ['AI问答', require('@/assets/icons/menu/active-icon11.png')],
+        ['系统设置', require('@/assets/icons/menu/active-icon10.png')],
+      ])
+      return iconMap.get(item.name) || require('@/assets/icons/menu/active-icon01.png')
+    },
     
     // 跳转数据节点
     handleGoSJJD(){