菜单布局等初步完成

schoolNewsWeb/src/router/index.ts

@@ -3,87 +3,125 @@ import { createRouter, createWebHistory, RouteRecordRaw } from "vue-router";
 /**
  * 基础路由配置（无需权限）
  */
-const routes: Array<RouteRecordRaw> = [
+export const routes: Array<RouteRecordRaw> = [
   {
     path: "/",
-    redirect: "/dashboard",
+    redirect: "/home",
   },
   {
     path: "/login",
-    name: "Login",
-    component: () => import("@/views/login/Login.vue"),
-    meta: {
-      title: "登录",
-      requiresAuth: false,
-    },
+    component: () => import("@/layouts/BlankLayout.vue"),
+    children: [
+      {
+        path: "",
+        name: "Login",
+        component: () => import("@/views/login/Login.vue"),
+        meta: {
+          title: "登录",
+          requiresAuth: false,
+          menuType: 3,
+        },
+      }
+    ],
   },
   {
     path: "/register", 
-    name: "Register",
-    component: () => import("@/views/login/Register.vue"),
-    meta: {
-      title: "注册",
-      requiresAuth: false,
-    },
+    component: () => import("@/layouts/BlankLayout.vue"),
+    children: [
+      {
+        path: "",
+        name: "Register",
+        component: () => import("@/views/login/Register.vue"),
+        meta: {
+          title: "注册",
+          requiresAuth: false,
+          menuType: 3,
+        },
+      }
+    ],
   },
   {
     path: "/forgot-password",
-    name: "ForgotPassword", 
-    component: () => import("@/views/login/ForgotPassword.vue"),
-    meta: {
-      title: "忘记密码",
-      requiresAuth: false,
-    },
-  },
-  // 主应用布局（需要权限，动态路由会添加到这里）
-  {
-    path: "/dashboard",
-    name: "Dashboard",
-    component: () => import("@/layouts/BasicLayout.vue"),
-    redirect: "/dashboard/workplace",
-    meta: {
-      title: "工作台",
-      requiresAuth: true,
-    },
+    component: () => import("@/layouts/BlankLayout.vue"),
     children: [
       {
-        path: "workplace",
-        name: "DashboardWorkplace", 
-        component: () => import("@/views/dashboard/Workplace.vue"),
+        path: "",
+        name: "ForgotPassword",
+        component: () => import("@/views/login/ForgotPassword.vue"),
         meta: {
-          title: "工作台",
-          requiresAuth: true,
+          title: "忘记密码",
+          requiresAuth: false,
+          menuType: 3,
         },
-      },
+      }
+    ],
+  },
+  // 首页（显示在导航栏）
+  {
+    path: "/home",
+    component: () => import("@/layouts/NavigationLayout.vue"),
+    children: [
+      {
+        path: "",
+        name: "Home",
+        component: () => import("@/views/Home.vue"),
+        meta: {
+          title: "首页",
+          requiresAuth: false,
+          menuType: 1, // NAVIGATION 类型，显示在顶部导航栏
+          orderNum: -1, // 排在动态路由之前
+        },
+      }
     ],
   },
   // 错误页面
   {
     path: "/403",
-    name: "Forbidden",
-    component: () => import("@/views/error/403.vue"),
-    meta: {
-      title: "403 - 无权限访问",
-      requiresAuth: false,
-    },
+    component: () => import("@/layouts/BlankLayout.vue"),
+    children: [
+      {
+        path: "",
+        name: "Forbidden",
+        component: () => import("@/views/error/403.vue"),
+        meta: {
+          title: "403 - 无权限访问",
+          requiresAuth: false,
+          menuType: 3,
+        },
+      }
+    ],
   },
   {
     path: "/404", 
-    name: "NotFound",
-    component: () => import("@/views/error/404.vue"),
-    meta: {
-      title: "404 - 页面不存在",
-      requiresAuth: false,
-    },
+    component: () => import("@/layouts/BlankLayout.vue"),
+    children: [
+      {
+        path: "",
+        name: "NotFound",
+        component: () => import("@/views/error/404.vue"),
+        meta: {
+          title: "404 - 页面不存在",
+          requiresAuth: false,
+          menuType: 3,
+        },
+      }
+    ],
   },
   {
     path: "/500",
-    name: "ServerError",
-    component: () => import("@/views/error/500.vue"),
-    meta: {
-      title: "500 - 服务器错误",
-      requiresAuth: false,
-    },
+    component: () => import("@/layouts/BlankLayout.vue"),
+    children: [
+      {
+        path: "",
+        name: "ServerError",
+        component: () => import("@/views/error/500.vue"),
+        meta: {
+          title: "500 - 服务器错误",
+          requiresAuth: false,
+          menuType: 3,
+        },
+      }
+    ],
   },
   // 捕获所有未匹配的路由
   {