From 93d5657d06b8678bb668b6827e4389c67d7277ca Mon Sep 17 00:00:00 2001
From: lanyuanxiaoyao <lanyuanxiaoyao@gmail.com>
Date: Thu, 6 Mar 2025 10:08:52 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E6=A0=87=E9=A2=98=E5=92=8C?=
 =?UTF-8?q?=E5=9B=BE=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/index.html                     |   1 +
 client/public/icon.png                | Bin 0 -> 2227 bytes
 client/src/App.vue                    |  32 ++++++++-----
 client/src/main.js                    |  64 +++++++++++++-------------
 client/src/views/management/Index.vue |  15 +++---
 5 files changed, 59 insertions(+), 53 deletions(-)
 create mode 100644 client/public/icon.png
diff --git a/client/index.html b/client/index.html
index e5d6a6b..580c286 100644
--- a/client/index.html
+++ b/client/index.html
@@ -2,6 +2,7 @@
 <html lang="zh">
 <head>
     <meta charset="UTF-8"/>
+    <link rel="icon" href="/icon.png">
     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
     <title>API Client</title>
     <style>
diff --git a/client/public/icon.png b/client/public/icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..28fb7f10086d8f4fbdd4f443dc287eafd62d27d9
GIT binary patch
literal 2227
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

literal 0
HcmV?d00001

diff --git a/client/src/App.vue b/client/src/App.vue
index 5c6631a..8ffe460 100644
--- a/client/src/App.vue
+++ b/client/src/App.vue
@@ -1,27 +1,31 @@
 <script setup>
-import {ref} from 'vue'
-import {useRouter} from 'vue-router'
+import {ref} from "vue";
 
-const router = useRouter()
-const headerNav = ref(['home'])
-
-function handleHeaderNavSelect({item, key, selectedKeys}) {
-  router.push({name: key})
-}
+const headerNavSelected = ref(['home'])
 </script>
 
 <template>
   <a-layout class="container">
     <a-layout-header class="header">
+      <div class="float-left">
+        <img class="icon w-12 h-12" src="/icon.png" alt="icon">
+        <span class="title mx-3 text-white text-xl">智能服务</span>
+      </div>
       <a-menu
-          v-model:selectedKeys="headerNav"
-          @select="handleHeaderNavSelect"
+          v-model:selected-keys="headerNavSelected"
           theme="dark"
           mode="horizontal"
       >
-        <a-menu-item key="home">首页</a-menu-item>
-        <a-menu-item key="management">管理台</a-menu-item>
+        <a-menu-item key="home">
+          <router-link to="/home">首页</router-link>
+        </a-menu-item>
+        <a-menu-item key="management">
+          <router-link to="/management">管理台</router-link>
+        </a-menu-item>
       </a-menu>
+      <div class="float-right">
+
+      </div>
     </a-layout-header>
     <router-view/>
   </a-layout>
@@ -31,4 +35,8 @@ function handleHeaderNavSelect({item, key, selectedKeys}) {
 .container {
   min-height: 100vh;
 }
+
+.header {
+  padding: 0 20px 0 20px;
+}
 </style>
\ No newline at end of file
diff --git a/client/src/main.js b/client/src/main.js
index cceb294..bd0cb3a 100644
--- a/client/src/main.js
+++ b/client/src/main.js
@@ -1,39 +1,39 @@
 import {createApp} from 'vue'
-import {createRouter, createWebHistory} from 'vue-router'
+import {createMemoryHistory, createRouter, createWebHistory} from 'vue-router'
 import App from './App.vue'
 import {Layout, Menu} from 'ant-design-vue'
 import 'ant-design-vue/dist/reset.css'
 
 createApp(App)
-    .use(Layout)
-    .use(Menu)
-    .use(createRouter({
-        history: createWebHistory(),
-        routes: [
-            {path: '/', redirect: 'home'},
-            {
-                name: 'home',
-                path: '/home',
-                component: () => import('./views/Home.vue'),
-            },
-            {
-                name: 'management',
-                path: '/management',
-                component: () => import('./views/management/Index.vue'),
-                redirect: 'overview',
-                children: [
-                    {
-                        name: 'overview',
-                        path: '/overview',
-                        component: () => import('./views/management/Overview.vue'),
-                    },
-                    {
-                        name: 'setting',
-                        path: '/setting',
-                        component: () => import('./views/management/Setting.vue'),
-                    },
-                ],
-            },
+  .use(Layout)
+  .use(Menu)
+  .use(createRouter({
+    history: createWebHistory(),
+    routes: [
+      {path: '/', redirect: 'home'},
+      {
+        name: 'home',
+        path: '/home',
+        component: () => import('./views/Home.vue'),
+      },
+      {
+        name: 'management',
+        path: '/management',
+        component: () => import('./views/management/Index.vue'),
+        redirect: '/management/overview',
+        children: [
+          {
+            name: 'overview',
+            path: 'overview',
+            component: () => import('./views/management/Overview.vue'),
+          },
+          {
+            name: 'setting',
+            path: 'setting',
+            component: () => import('./views/management/Setting.vue'),
+          },
         ],
-    }))
-    .mount('#app')
+      },
+    ],
+  }))
+  .mount('#app')
diff --git a/client/src/views/management/Index.vue b/client/src/views/management/Index.vue
index e2b9b53..f9373e8 100644
--- a/client/src/views/management/Index.vue
+++ b/client/src/views/management/Index.vue
@@ -1,13 +1,7 @@
 <script setup>
 import {ref} from 'vue'
-import {useRouter} from 'vue-router'
 
-const router = useRouter()
 const sideNav = ref(['overview'])
-
-function handleSideNavSelect({item, key, selectedKeys}) {
-  router.push({name: key})
-}
 </script>
 
 <template>
@@ -16,17 +10,20 @@ function handleSideNavSelect({item, key, selectedKeys}) {
       <a-menu
           class="h-full"
           v-model:selectedKeys="sideNav"
-          @select="handleSideNavSelect"
           mode="inline"
       >
-        <a-menu-item key="overview">概览</a-menu-item>
+        <a-menu-item key="overview">
+          <router-link to="/management/overview">概览</router-link>
+        </a-menu-item>
         <a-sub-menu key="system">
           <template #title>
               <span>
                 系统管理
               </span>
           </template>
-          <a-menu-item key="setting">设置</a-menu-item>
+          <a-menu-item key="setting">
+            <router-link to="/management/setting">设置</router-link>
+          </a-menu-item>
         </a-sub-menu>
       </a-menu>
     </a-layout-sider>
