From 3b1fbf611e093d2c9da90c9783b907e191fc5712 Mon Sep 17 00:00:00 2001
From: Kane <wangkane@qq.com>
Date: Thu, 5 Jan 2023 13:18:28 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=9D=E5=AD=98=E8=BF=9B=E5=BA=A6=EF=BC=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../web/admin_system/src/layout/Index.vue     | 58 ++++++++++++++++++
 .../src/layout/components/Aside.vue           | 60 +++++++++++++++++++
 .../src/layout/components/Header.vue          | 23 +++++++
 .../src/layout/components/Main.vue            | 23 +++++++
 .../web/admin_system/src/router/index.js      | 17 ++++--
 5 files changed, 175 insertions(+), 6 deletions(-)
 create mode 100644 企业级管理系统/web/admin_system/src/layout/Index.vue
 create mode 100644 企业级管理系统/web/admin_system/src/layout/components/Aside.vue
 create mode 100644 企业级管理系统/web/admin_system/src/layout/components/Header.vue
 create mode 100644 企业级管理系统/web/admin_system/src/layout/components/Main.vue

diff --git a/企业级管理系统/web/admin_system/src/layout/Index.vue b/企业级管理系统/web/admin_system/src/layout/Index.vue
new file mode 100644
index 0000000..af9bc9f
--- /dev/null
+++ b/企业级管理系统/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>
\ No newline at end of file
diff --git a/企业级管理系统/web/admin_system/src/layout/components/Aside.vue b/企业级管理系统/web/admin_system/src/layout/components/Aside.vue
new file mode 100644
index 0000000..8cb45be
--- /dev/null
+++ b/企业级管理系统/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>
\ No newline at end of file
diff --git a/企业级管理系统/web/admin_system/src/layout/components/Header.vue b/企业级管理系统/web/admin_system/src/layout/components/Header.vue
new file mode 100644
index 0000000..a14bb4c
--- /dev/null
+++ b/企业级管理系统/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>
\ No newline at end of file
diff --git a/企业级管理系统/web/admin_system/src/layout/components/Main.vue b/企业级管理系统/web/admin_system/src/layout/components/Main.vue
new file mode 100644
index 0000000..246ef4a
--- /dev/null
+++ b/企业级管理系统/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>
\ No newline at end of file
diff --git a/企业级管理系统/web/admin_system/src/router/index.js b/企业级管理系统/web/admin_system/src/router/index.js
index aa5d00e..d3ec505 100644
--- a/企业级管理系统/web/admin_system/src/router/index.js
+++ b/企业级管理系统/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",
-    redirect: "Login",
+    name: "Root",
+    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;