增加标题和图标

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>