From d7b15c99cf66f38ef9dc175bf794660ba42a979e Mon Sep 17 00:00:00 2001
From: YGXB_net <ygxb-net@outlook.com>
Date: Tue, 2 Jun 2026 23:42:57 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E5=89=8D=E7=AB=AF):=20=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E5=88=A0=E9=99=A4=E6=93=8D=E4=BD=9C=E5=8A=A0=E8=BD=BD=E7=8A=B6?=
 =?UTF-8?q?=E6=80=81=E6=8F=90=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/views/TokenDetailView.vue | 62 ++++++++++++++++++++++++-------
 1 file changed, 48 insertions(+), 14 deletions(-)

diff --git a/web/src/views/TokenDetailView.vue b/web/src/views/TokenDetailView.vue
index 2d7ba75..15a9a55 100644
--- a/web/src/views/TokenDetailView.vue
+++ b/web/src/views/TokenDetailView.vue
@@ -18,13 +18,16 @@ const deleteSpecifyDedupVisible = ref(false)
 const inputSpecifyDedup = ref('')
 const deleteSpecifyRawVisible = ref(false)
 const inputSpecifyRaw = ref('')
+const isLoading = ref(false)
 
 const fetchInfo = async () => {
   if (!value.value) return
   loading.value = true
   try {
     const res = await axios.get('/api/token/info', {
-      params: {token: value.value}
+      params: {
+        token: value.value
+      }
     })
     if (res.status === 200) {
       result.value = res.data.result
@@ -58,10 +61,13 @@ const deleteDedup = () => {
     type: 'warning',
   }).then(async () => {
     await axios.delete('/api/token/info', {
-      params: {token: value.value, dedup_bf: "all"}
+      params: {
+        token: value.value,
+        dedup_bf: "all"
+      }
     })
     ElMessage({message: '删除成功', type: 'success'})
-    fetchInfo()
+    await fetchInfo()
   }).catch(() => {
   })
 }
@@ -73,42 +79,69 @@ const deleteRedis = () => {
     type: 'warning',
   }).then(async () => {
     await axios.delete('/api/token/info', {
-      params: {token: value.value, cache_list: "all"}
+      params: {
+        token: value.value,
+        cache_list: "all"
+      }
     })
     ElMessage({message: '删除成功', type: 'success'})
-    fetchInfo()
+    await fetchInfo()
   }).catch(() => {
   })
 }
 
 const deleteSpecifyDedup = async () => {
+  isLoading.value = true
+
   await axios.delete('/api/token/info', {
-    params: {token: value.value, dedup_bf: inputSpecifyDedup.value}
+    params: {
+      token: value.value,
+      dedup_bf: inputSpecifyDedup.value
+    }
   })
+
+  isLoading.value = false
   ElMessage({message: '删除成功', type: 'success'})
   deleteSpecifyDedupVisible.value = false
   inputSpecifyDedup.value = ''
-  fetchInfo()
+
+  await fetchInfo()
 }
 
 const deleteSpecifyRaw = async () => {
+  isLoading.value = true
+
   await axios.delete('/api/token/info', {
-    params: {token: value.value, cache_list: inputSpecifyRaw.value}
+    params: {
+      token: value.value,
+      cache_list: inputSpecifyRaw.value
+    }
   })
+
+  isLoading.value = false
   ElMessage({message: '删除成功', type: 'success'})
   deleteSpecifyRawVisible.value = false
   inputSpecifyRaw.value = ''
-  fetchInfo()
+
+  await fetchInfo()
 }
 
 const deleteSpecifyData = async () => {
+  isLoading.value = true
+
   await axios.delete('/api/token/info', {
-    params: {token: value.value, both_number: inputSpecifyData.value}
+    params: {
+      token: value.value,
+      both_number: inputSpecifyData.value
+    }
   })
+
+  isLoading.value = false
   ElMessage({message: '删除成功', type: 'success'})
   deleteSpecifyDataVisible.value = false
   inputSpecifyData.value = ''
-  fetchInfo()
+
+  await fetchInfo()
 }
 
 let timer: number
@@ -288,9 +321,10 @@ const statCards = [
       <!-- 删除确认对话框 -->
       <el-dialog v-model="deleteSpecifyDedupVisible" title="删除指定数量去重参考值" width="400">
         <el-input v-model="inputSpecifyDedup" placeholder="请输入删除数量" type="number"/>
+
         <template #footer>
           <el-button @click="deleteSpecifyDedupVisible = false">取消</el-button>
-          <el-button type="primary" @click="deleteSpecifyDedup">确定</el-button>
+          <el-button type="primary" @click="deleteSpecifyDedup" @loading="isLoading">确定</el-button>
         </template>
       </el-dialog>
 
@@ -298,7 +332,7 @@ const statCards = [
         <el-input v-model="inputSpecifyRaw" placeholder="请输入删除数量" type="number"/>
         <template #footer>
           <el-button @click="deleteSpecifyRawVisible = false">取消</el-button>
-          <el-button type="primary" @click="deleteSpecifyRaw">确定</el-button>
+          <el-button type="primary" @click="deleteSpecifyRaw" @loading="isLoading">确定</el-button>
         </template>
       </el-dialog>
 
@@ -306,7 +340,7 @@ const statCards = [
         <el-input v-model="inputSpecifyData" placeholder="请输入删除数量" type="number"/>
         <template #footer>
           <el-button @click="deleteSpecifyDataVisible = false">取消</el-button>
-          <el-button type="primary" @click="deleteSpecifyData">确定</el-button>
+          <el-button type="primary" @click="deleteSpecifyData" @loading="isLoading">确定</el-button>
         </template>
       </el-dialog>
     </div>