refactor(token): 优化令牌详情页面的数据获取逻辑

- 移除 fetchInfo 函数中的加载状态管理
- 将 loading 状态管理移到 refresh 函数中
- 为 refresh 函数添加异步支持和加载状态显示
- 保留数据获取成功后的消息提示功能
- 简化了请求处理流程并改善用户体验

web/src/views/TokenDetailView.vue

@@ -22,19 +22,15 @@ const isLoading = ref(false)
 
 const fetchInfo = async () => {
   if (!value.value) return
-  loading.value = true
+
-  try {
+  const res = await axios.get('/api/token/info', {
-    const res = await axios.get('/api/token/info', {
+    params: {
-      params: {
+      token: value.value
-        token: value.value
-      }
-    })
-    if (res.status === 200) {
-      result.value = res.data.result
-      lastUpdate.value = new Date().toLocaleTimeString()
     }
-  } finally {
+  })
-    loading.value = false
+  if (res.status === 200) {
+    result.value = res.data.result
+    lastUpdate.value = new Date().toLocaleTimeString()
   }
 }
 
@@ -49,8 +45,10 @@ const fetchTokens = async () => {
   }
 }
 
-const refresh = () => {
+const refresh = async () => {
-  fetchInfo()
+  loading.value = true
+  await fetchInfo()
+  loading.value = false
   ElMessage({message: '刷新成功', type: 'success', duration: 1500})
 }