From 026ba10bb7b55283e22d956551a686d0f0f5ca78 Mon Sep 17 00:00:00 2001 From: YGXB_net Date: Wed, 3 Jun 2026 13:43:32 +0800 Subject: [PATCH] =?UTF-8?q?refactor(token):=20=E4=BC=98=E5=8C=96=E4=BB=A4?= =?UTF-8?q?=E7=89=8C=E8=AF=A6=E6=83=85=E9=A1=B5=E9=9D=A2=E7=9A=84=E6=95=B0?= =?UTF-8?q?=E6=8D=AE=E8=8E=B7=E5=8F=96=E9=80=BB=E8=BE=91?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 移除 fetchInfo 函数中的加载状态管理 - 将 loading 状态管理移到 refresh 函数中 - 为 refresh 函数添加异步支持和加载状态显示 - 保留数据获取成功后的消息提示功能 - 简化了请求处理流程并改善用户体验 --- web/src/views/TokenDetailView.vue | 26 ++++++++++++-------------- 1 file changed, 12 insertions(+), 14 deletions(-) diff --git a/web/src/views/TokenDetailView.vue b/web/src/views/TokenDetailView.vue index 1a6f82f..c260aca 100644 --- a/web/src/views/TokenDetailView.vue +++ b/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', { - params: { - token: value.value - } - }) - if (res.status === 200) { - result.value = res.data.result - lastUpdate.value = new Date().toLocaleTimeString() + + const res = await axios.get('/api/token/info', { + params: { + token: value.value } - } 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 = () => { - fetchInfo() +const refresh = async () => { + loading.value = true + await fetchInfo() + loading.value = false ElMessage({message: '刷新成功', type: 'success', duration: 1500}) }