chore: 菜单图标可编辑

src/pages/account/json/routes.json

@@ -9,6 +9,7 @@
         "element": "home/index.vue",
         "title": "home",
         "level": 1,
+        "icon": "401",
         "showInAsideMenu": true
       }
     },
@@ -18,6 +19,7 @@
       "meta": {
         "title": "管理员",
         "level": 1,
+        "icon": "401",
         "showInAsideMenu": true
       },
       "children": [
@@ -28,6 +30,7 @@
             "element": "admin/index.vue",
             "title": "列表",
             "level": 2,
+            "icon": "401",
             "showInAsideMenu": true
           }
         },
@@ -38,6 +41,7 @@
             "element": "admin/create.vue",
             "title": "新建",
             "level": 2,
+            "icon": "401",
             "showInAsideMenu": false
           }
         },
@@ -48,6 +52,7 @@
             "element": "admin/edit.vue",
             "title": "编辑",
             "level": 2,
+            "icon": "401",
             "showInAsideMenu": false
           }
         }

src/shared/layouts/components/aside-menu-item/index.vue

 <template>
   <el-sub-menu :index="menu.name" v-if="menuList?.length">
     <template #title>
+      <i :class="`font-${menu.meta.icon}`" class="mr-6 text-xl cursor-pointer" />
       <span>{{ menu.meta.title }}</span>
     </template>
-    <aside-menu-item v-for="item in menuList" :key="item.path" :menu="item" />
+    <aside-menu-item v-for="item in menuList" :key="item.name" :menu="item" />
   </el-sub-menu>
   <el-menu-item :index="menu.name" @click="handleClickMenu()" v-else>
+    <i :class="`font-${menu.meta.icon}`" class="mr-6 text-xl cursor-pointer" />
     <template #title>
       <span>{{ menu.meta.title }}</span>
     </template>

src/shared/layouts/components/aside-menu-list/index.vue

 <template>
   <aside-menu-item
     v-for="menu in $router.options.routes.find(_ => _.name === 'default').children.filter(_ => _.meta.showInAsideMenu)"
-    :key="menu.path"
+    :key="menu.name"
     :menu="menu"
   />
 </template>

src/shared/layouts/default-layout.vue

@@ -111,10 +111,10 @@ import { layoutStore } from '@shared/store/modules/layout'
 const PROJECT_NAME = process.env.PROJECT_NAME
 let { proxy } = getCurrentInstance()
 
-let currentActiveRoute = ref('/')
+let currentActiveRoute = ref('home')
 onMounted(() => {
   setTheme(false)
-  currentActiveRoute.value = proxy.$route.path
+  currentActiveRoute.value = proxy.$route.name
 })
 /**
  * @description 面包屑导航和侧边导航

src/shared/router/constants.ts

@@ -42,6 +42,7 @@ export const LOOKUP_ROUTES =
             title: '开发参考',
             showInAsideMenu: true,
             level: 1,
+            icon: '401',
           },
           children: [
             {
@@ -52,6 +53,7 @@ export const LOOKUP_ROUTES =
                 title: '图标库',
                 showInAsideMenu: true,
                 level: 2,
+                icon: '401',
               },
             },
           ],