保存进度！

企业级管理系统/web/admin_system/src/layout/Index.vue

@@ -0,0 +1,58 @@
+<!--
+ * @Author: Kane
+ * @Date: 2023-01-04 11:05:44
+ * @LastEditors: Kane
+ * @LastEditTime: 2023-01-05 11:22:34
+ * @FilePath: \admin_system\src\layout\index.vue
+ * @Description: 
+ * 
+ * Copyright (c) ${2022} by Kane, All Rights Reserved. 
+-->
+<template>
+    <el-container id="layout-container">
+        <el-aside id="layout-aside">
+            <LayoutAside />
+        </el-aside>
+        <el-container>
+            <el-header id="layout-header">
+                <LayoutHeader />
+            </el-header>
+            <el-main id="layout-main">
+                <LayoutMain />
+            </el-main>
+        </el-container>
+    </el-container>
+</template>
+
+<script>
+import LayoutAside from "./components/Aside.vue";
+import LayoutHeader from "./components/Header.vue";
+import LayoutMain from "./components/Main.vue";
+
+export default {
+    name: "layoutPage",
+    components: {
+        LayoutAside, LayoutHeader, LayoutMain,
+    }
+};
+</script>
+
+<style scoped>
+#layout-container {
+    height: 100vh;
+}
+
+#layout-aside {
+    width: 200px;
+    background-color: #344a5f;
+}
+
+#layout-header {
+    height: 75px;
+    background-color: #77bc99;
+}
+
+#layout-main {
+    background-color: #bc77a1;
+}
+</style>

企业级管理系统/web/admin_system/src/layout/components/Aside.vue

@@ -0,0 +1,60 @@
+<!--
+ * @Author: Kane
+ * @Date: 2023-01-04 11:30:33
+ * @LastEditors: Kane
+ * @LastEditTime: 2023-01-05 11:31:59
+ * @FilePath: \admin_system\src\layout\components\Aside.vue
+ * @Description: 
+ * 
+ * Copyright (c) ${2022} by Kane, All Rights Reserved. 
+-->
+<template>
+    <el-menu id="side-bar" default-active="4" background-color="#344a5f" text-color="#fff" active-text-color="#ffd04b">
+        <el-menu-item index="4">
+            <template #title>控制台</template>
+        </el-menu-item>
+        <el-sub-menu index="1">
+            <template #title>信息管理</template>
+            <el-menu-item index="1-4-1">
+                <template #title>信息列表</template>
+            </el-menu-item>
+        </el-sub-menu>
+        <el-sub-menu index="1">
+            <template #title>信息管理</template>
+            <el-menu-item index="1-4-1">
+                <template #title>信息列表</template>
+            </el-menu-item>
+        </el-sub-menu>
+        <el-sub-menu index="2">
+            <template #title>信息管理</template>
+            <el-menu-item index="1-4-1">
+                <template #title>信息列表</template>
+            </el-menu-item>
+        </el-sub-menu>
+        <el-sub-menu index="3">
+            <template #title>信息管理</template>
+            <el-menu-item index="1-4-1">
+                <template #title>信息列表</template>
+            </el-menu-item>
+        </el-sub-menu>
+        <el-sub-menu index="4">
+            <template #title>信息管理</template>
+            <el-menu-item index="1-4-1">
+                <template #title>信息列表</template>
+            </el-menu-item>
+        </el-sub-menu>
+    </el-menu>
+</template>
+
+<script>
+export default {
+    name: "LayoutAside"
+};
+</script>
+
+<style scoped>
+.el-menu {
+    border-right: none;
+    border-left: 5px solid #1d74b2;
+}
+</style>

企业级管理系统/web/admin_system/src/layout/components/Header.vue

@@ -0,0 +1,23 @@
+<!--
+ * @Author: Kane
+ * @Date: 2023-01-04 11:39:04
+ * @LastEditors: Kane
+ * @LastEditTime: 2023-01-04 11:39:05
+ * @FilePath: \admin_system\src\layout\components\Header.vue
+ * @Description: 
+ * 
+ * Copyright (c) ${2022} by Kane, All Rights Reserved. 
+-->
+<template>
+    <div>Header</div>
+</template>
+
+<script>
+export default {
+    name: "LayoutHeader"
+};
+</script>
+
+<style scoped>
+
+</style>

企业级管理系统/web/admin_system/src/layout/components/Main.vue

@@ -0,0 +1,23 @@
+<!--
+ * @Author: Kane
+ * @Date: 2023-01-04 11:40:03
+ * @LastEditors: Kane
+ * @LastEditTime: 2023-01-04 11:40:04
+ * @FilePath: \admin_system\src\layout\components\Main.vue
+ * @Description: 
+ * 
+ * Copyright (c) ${2022} by Kane, All Rights Reserved. 
+-->
+<template>
+    Main
+</template>
+
+<script>
+export default {
+    name: "LayoutMain"
+};
+</script>
+
+<style scoped>
+
+</style>

企业级管理系统/web/admin_system/src/router/index.js

@@ -2,30 +2,35 @@
  * @Author: Kane
  * @Date: 2022-12-14 15:12:46
  * @LastEditors: Kane
- * @LastEditTime: 2022-12-14 16:19:17
+ * @LastEditTime: 2023-01-04 11:26:12
  * @FilePath: \admin_system\src\router\index.js
  * @Description: 
  * 
  * Copyright (c) ${2022} by Kane, All Rights Reserved. 
  */
-import { createRouter, createWebHashHistory } from 'vue-router'
+import { createRouter, createWebHashHistory } from 'vue-router';
 
 const routes = [
   {
     path: "/",
-    name: "Home",
+    name: "Root",
-    redirect: "Login",
+    redirect: "Home",
   },
   {
     path: "/login",
     name: "Login",
     component: () => import("../views/account/Login.vue"),
+  },
+  {
+    path: "/home",
+    name: "Home",
+    component: () => import("../layout/Index.vue"),
   }
 ];
 
 const router = createRouter({
   history: createWebHashHistory(),
   routes
-})
+});
 
-export default router
+export default router;