From 92d9944b50ec2c53f3a2ab744ef161e03031a256 Mon Sep 17 00:00:00 2001
From: xuewuerduo <53554701+xuewuerduo@users.noreply.github.com>
Date: Tue, 16 Jul 2024 21:52:29 +0800
Subject: [PATCH] =?UTF-8?q?17.=E4=BE=A7=E8=BE=B9=E6=A0=8F=E5=92=8C?=
 =?UTF-8?q?=E5=B0=81=E8=A3=85=E4=BE=A7=E8=BE=B9=E6=A0=8F=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/admin/home/HomeSide.vue | 27 ++++++++++++++++++++++++++
 src/router/index.js                    | 18 +++++++++++++++++
 src/views/admin/administrator/add.vue  | 19 ++++++++++++++++++
 src/views/admin/administrator/list.vue | 20 +++++++++++++++++++
 src/views/admin/category/list.vue      | 20 +++++++++++++++++++
 src/views/admin/home.vue               |  8 ++++----
 6 files changed, 108 insertions(+), 4 deletions(-)
 create mode 100644 src/components/admin/home/HomeSide.vue
 create mode 100644 src/views/admin/administrator/add.vue
 create mode 100644 src/views/admin/administrator/list.vue
 create mode 100644 src/views/admin/category/list.vue

diff --git a/src/components/admin/home/HomeSide.vue b/src/components/admin/home/HomeSide.vue
new file mode 100644
index 0000000..21597f5
--- /dev/null
+++ b/src/components/admin/home/HomeSide.vue
@@ -0,0 +1,27 @@
+<template>
+      <div class="side">
+        <el-menu router background-color="#545c64" text-color="#fff" active-text-color="#ffd04b">
+          <el-sub-menu index="admin">
+            <template #title>
+              <el-icon><UserFilled /></el-icon> 管理员
+            </template>
+            <el-menu-item-group>
+              <el-menu-item index="/admin/administrator/add">添加管理员</el-menu-item>
+              <el-menu-item index="/admin/administrator/list">管理员列表</el-menu-item>
+            </el-menu-item-group>
+          </el-sub-menu>
+
+          <el-menu-item index="/admin/category/list?parent_id=0">
+            <el-icon><Files /></el-icon> 类别管理
+          </el-menu-item>
+        </el-menu>
+
+      </div>
+</template>
+
+<script>
+</script>
+
+<style lang="scss" scoped>
+
+</style>
diff --git a/src/router/index.js b/src/router/index.js
index 59795eb..ac774af 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,6 +13,24 @@ const routes= [
         path: "/admin", // http://localhost:5173/admin
         component: () => import("@/views/admin/home.vue"),
         meta: { requiresAuth: true }, //身份验证
+        children: [
+            //管理员
+            {
+                path: "administrator/add", // http://localhost:5173/admin/administrator/add
+                component: () => import("@/views/admin/administrator/add.vue")
+            },
+            {
+                path: "administrator/list", // http://localhost:5173/admin/administrator/list
+                component: () => import("@/views/admin/administrator/list.vue")
+            },
+
+            //类别管理
+            {
+                path: "category/list", // http://localhost:5173/admin/category/list
+                component: () => import("@/views/admin/category/list.vue")
+            },
+
+        ]
     }
 ]
 
diff --git a/src/views/admin/administrator/add.vue b/src/views/admin/administrator/add.vue
new file mode 100644
index 0000000..cae5998
--- /dev/null
+++ b/src/views/admin/administrator/add.vue
@@ -0,0 +1,19 @@
+<template>
+  <div>
+    添加管理员
+  </div>
+</template>
+
+<script>
+export default {
+  setup() {
+
+
+    return {}
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>
diff --git a/src/views/admin/administrator/list.vue b/src/views/admin/administrator/list.vue
new file mode 100644
index 0000000..54d6d9c
--- /dev/null
+++ b/src/views/admin/administrator/list.vue
@@ -0,0 +1,20 @@
+<template>
+  <div>
+    管理员列表
+
+  </div>
+</template>
+
+<script>
+export default {
+  setup() {
+
+
+    return {}
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>
diff --git a/src/views/admin/category/list.vue b/src/views/admin/category/list.vue
new file mode 100644
index 0000000..dcc8a7b
--- /dev/null
+++ b/src/views/admin/category/list.vue
@@ -0,0 +1,20 @@
+<template>
+  <div>
+    类别管理页面
+
+  </div>
+</template>
+
+<script>
+export default {
+  setup() {
+
+
+    return {}
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>
diff --git a/src/views/admin/home.vue b/src/views/admin/home.vue
index 63ecc0b..52150f1 100644
--- a/src/views/admin/home.vue
+++ b/src/views/admin/home.vue
@@ -1,5 +1,6 @@
 <script setup>
 import '@/assets/admin/css/home.css' //导入央视
+import HomeSide from "@/components/admin/home/HomeSide.vue";
 
 </script>
 
@@ -8,13 +9,12 @@ import '@/assets/admin/css/home.css' //导入央视
     <div class="header">
 
     </div>
-    <div class="main">
-      <div class="side">
 
-      </div>
+    <div class="main">
+      <HomeSide />
 
       <div class="content">
-
+        <router-view />
       </div>
     </div>
   </div>