feat(auth): 重构权限管理系统和路由结构

web/src/App.vue

@@ -1,64 +1,15 @@
 <script setup lang="ts">
-import {ref, watch} from 'vue'
-import {useRoute, useRouter} from "vue-router";
-import {useCounterStore} from "@/stores/counter.ts";
 
-const router = useRouter()
-const route = useRoute()
-
-const activeIndex = ref(route.name?.toString() || "TokenList")
-
-watch(route, (newRoute) => {
-  activeIndex.value = newRoute.name?.toString() || "TokenList"
-})
-
-const handleSelect = (key: string) => {
-  router.push({
-    name: key
-  })
-}
 </script>
 
-
 <template>
-  <el-container>
-    <el-header>
-      <el-menu
-          :default-active="activeIndex"
-          class="el-menu-demo"
-          mode="horizontal"
-          @select="handleSelect"
-      >
-        <el-menu-item index="TokenDetail">Token详细信息</el-menu-item>
-        <el-menu-item index="TokenManage">管理Token</el-menu-item>
-        <el-menu-item v-if="useCounterStore().isAdmin">
-          <el-button type="danger" plain @click="useCounterStore().isAdmin=false">退出管理员</el-button>
-        </el-menu-item>
-      </el-menu>
-
-    </el-header>
-
-    <el-container>
-      <el-main>
-        <router-view></router-view>
-      </el-main>
-    </el-container>
-  </el-container>
+  <router-view></router-view>
 </template>
 
-
-<style>
+<style scoped>
 html, body, #app {
   height: 100%;
   margin: 0;
   padding: 0;
 }
-
-.el-container {
-  height: 100%;
-}
-
-.el-menu-demo {
-  line-height: 60px;
-}
 </style>