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

web/src/views/TokenDetailView.vue

@@ -70,34 +70,35 @@ axios.get('/api/token').then(res => {
 
 
 <template>
-  <b>当前Token：</b>
-  <b v-if="!useCounterStore().isAdmin">{{ route.query.token }}</b>
-  <el-select v-if="useCounterStore().isAdmin" v-model="value" placeholder="选择Token" style="width: 240px">
-    <el-option
-        v-for="item in options"
-        :key="item.value"
-        :value="item.value"
-    />
-  </el-select>
-
-
-  <el-divider/>
-  <b>Token信息（每5秒刷新）</b>
-  <el-button type="primary" plain @click="getInfo">手动刷新</el-button>
-  <el-descriptions
-      direction="vertical"
-      :column="4"
-      border
-  >
-    <el-descriptions-item label="去重对象">{{ result?.dedup_object }}</el-descriptions-item>
-    <el-descriptions-item label="上传数据格式">{{ result?.data_format }}</el-descriptions-item>
-    <el-descriptions-item label="去重记录值">{{ result?.dedup_items_number }}</el-descriptions-item>
-    <el-descriptions-item label="Redis中数据条数">{{ result?.cache_list_number }}</el-descriptions-item>
-  </el-descriptions>
+  <div v-if="!useCounterStore().isAdmin">
+    <el-alert title="您没有权限访问此页面" type="error" center show-icon/>
+  </div>
 
   <div v-if="useCounterStore().isAdmin">
-    <p><b>管理</b></p>
+    <b>当前Token：</b>
+    <el-select v-model="value" placeholder="选择Token" style="width: 240px">
+      <el-option
+          v-for="item in options"
+          :key="item.value"
+          :value="item.value"
+      />
+    </el-select>
 
+    <el-divider/>
+    <b>Token信息（每5秒刷新）</b>
+    <el-button type="primary" plain @click="getInfo">手动刷新</el-button>
+    <el-descriptions
+        direction="vertical"
+        :column="4"
+        border
+    >
+      <el-descriptions-item label="去重对象">{{ result?.dedup_object }}</el-descriptions-item>
+      <el-descriptions-item label="上传数据格式">{{ result?.data_format }}</el-descriptions-item>
+      <el-descriptions-item label="去重记录值">{{ result?.dedup_items_number }}</el-descriptions-item>
+      <el-descriptions-item label="Redis中数据条数">{{ result?.cache_list_number }}</el-descriptions-item>
+    </el-descriptions>
+
+    <p><b>管理</b></p>
     <el-button type="danger" @click="deleteDedup">删除去重记录值</el-button>
     <el-button type="danger" @click="deleteRedis">删除Redis数据</el-button>
   </div>