支持一级菜单

tangllty · Dec 28, 2023 · c27d0b4 · c27d0b4
1 parent d6e5a20
commit c27d0b4
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 2 deletions.
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
@@ -1,6 +1,6 @@
 <template>
   <div v-if="!item.meta || !item.meta.hidden">
-    <el-sub-menu v-if="item.children" :index="resolvePath(item.path)">
+    <el-sub-menu v-if="item.children && item.type === 'DIRECTORY'" :index="resolvePath(item.path)">
       <template #title>
         <el-icon>
           <svg-icon
@@ -21,6 +21,20 @@
       />
     </el-sub-menu>
 
+    <el-menu-item v-else-if="item.root && item.type === 'MENU'" :index="resolvePath(item.path)">
+      <template #title>
+        <el-icon>
+          <svg-icon
+            v-if="item.meta && item.meta.icon"
+            :name="item.meta.icon"
+          />
+        </el-icon>
+        <span>
+          {{ item.meta.title }}
+        </span>
+      </template>
+    </el-menu-item>
+
     <el-menu-item v-else :index="resolvePath('')">
       <template #title>
         <el-icon>

diff --git a/src/store/modules/permission.ts b/src/store/modules/permission.ts
@@ -23,7 +23,15 @@ export const usePermissionStore = defineStore('permission', () => {
   const filterAsyncRoutes = (routes: RouteRecordRaw[]): RouteRecordRaw[] => {
     return routes.map((route) => {
       const tempRoute: any = { ...route }
-      if (tempRoute.component === 'Layout') {
+      if (tempRoute.root) {
+        if (tempRoute.type === 'MENU') {
+          const children = {
+            path: tempRoute.path,
+            meta: tempRoute.meta,
+            component: tempRoute.component,
+          }
+          tempRoute.children = [children]
+        }
         tempRoute.component = Layout
       } else {
         tempRoute.component = modules[`../../views/${route.component}.vue`] as any