From 96c8943dc12c06702902007d959d4cfded0ea552 Mon Sep 17 00:00:00 2001
From: tbphp <admin@tbphp.net>
Date: Tue, 15 Jul 2025 22:31:27 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E8=B0=83=E6=95=B4=E6=8F=90=E7=A4=BA?=
 =?UTF-8?q?=E4=BF=A1=E6=81=AF=E4=BD=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/GlobalProviders.vue       |  2 +-
 web/src/components/GlobalTaskProgressBar.vue |  6 +++---
 web/src/components/keys/KeyTable.vue         |  6 +++++-
 web/src/components/logs/LogTable.vue         |  6 +++++-
 web/src/utils/http.ts                        | 12 ++++++------
 5 files changed, 20 insertions(+), 12 deletions(-)

diff --git a/web/src/components/GlobalProviders.vue b/web/src/components/GlobalProviders.vue
index 92c6478..1540cae 100644
--- a/web/src/components/GlobalProviders.vue
+++ b/web/src/components/GlobalProviders.vue
@@ -71,7 +71,7 @@ const Message = defineComponent({
 <template>
   <n-config-provider :theme-overrides="themeOverrides">
     <n-loading-bar-provider>
-      <n-message-provider>
+      <n-message-provider placement="top-right">
         <n-dialog-provider>
           <slot />
           <loading-bar />
diff --git a/web/src/components/GlobalTaskProgressBar.vue b/web/src/components/GlobalTaskProgressBar.vue
index 0e0159d..f885ce4 100644
--- a/web/src/components/GlobalTaskProgressBar.vue
+++ b/web/src/components/GlobalTaskProgressBar.vue
@@ -136,10 +136,10 @@ function handleClose() {
 <style scoped>
 .global-task-progress {
   position: fixed;
-  top: 20px;
-  right: 20px;
+  bottom: 62px;
+  right: 10px;
   z-index: 9999;
-  width: 360px;
+  width: 350px;
   background: white;
   border-radius: var(--border-radius-md);
   box-shadow: var(--shadow-lg);
diff --git a/web/src/components/keys/KeyTable.vue b/web/src/components/keys/KeyTable.vue
index 10520f2..5562300 100644
--- a/web/src/components/keys/KeyTable.vue
+++ b/web/src/components/keys/KeyTable.vue
@@ -176,7 +176,11 @@ async function testKey(_key: KeyRow) {
     if (curValid.is_valid) {
       window.$message.success("密钥测试成功");
     } else {
-      window.$message.error(curValid.error || "密钥测试失败: 无效的API密钥");
+      window.$message.error(curValid.error || "密钥测试失败: 无效的API密钥", {
+        keepAliveOnHover: true,
+        duration: 5000,
+        closable: true,
+      });
     }
   } catch (_error) {
     console.error("测试失败");
diff --git a/web/src/components/logs/LogTable.vue b/web/src/components/logs/LogTable.vue
index f0ef526..032fde5 100644
--- a/web/src/components/logs/LogTable.vue
+++ b/web/src/components/logs/LogTable.vue
@@ -72,7 +72,11 @@ const loadLogs = async () => {
     } else {
       logs.value = [];
       total.value = 0;
-      window.$message.error(res.message || "加载日志失败");
+      window.$message.error(res.message || "加载日志失败", {
+        keepAliveOnHover: true,
+        duration: 5000,
+        closable: true,
+      });
     }
   } catch (_error) {
     window.$message.error("加载日志请求失败");
diff --git a/web/src/utils/http.ts b/web/src/utils/http.ts
index c10663f..fed3d3e 100644
--- a/web/src/utils/http.ts
+++ b/web/src/utils/http.ts
@@ -35,15 +35,13 @@ http.interceptors.response.use(
   response => {
     appState.loading = false;
     if (response.config.method !== "get" && !response.config.hideMessage) {
-      window.$message.success("操作成功");
+      window.$message.success(response.data.message ?? "操作成功");
     }
     return response.data;
   },
   error => {
     appState.loading = false;
     if (error.response) {
-      // The request was made and the server responded with a status code
-      // that falls out of the range of 2xx
       if (error.response.status === 401) {
         if (window.location.pathname !== "/login") {
           const { logout } = useAuthService();
@@ -51,12 +49,14 @@ http.interceptors.response.use(
           window.location.href = "/login";
         }
       }
-      window.$message.error(error.response.data?.message || `请求失败: ${error.response.status}`);
+      window.$message.error(error.response.data?.message || `请求失败: ${error.response.status}`, {
+        keepAliveOnHover: true,
+        duration: 5000,
+        closable: true,
+      });
     } else if (error.request) {
-      // The request was made but no response was received
       window.$message.error("网络错误，请检查您的连接");
     } else {
-      // Something happened in setting up the request that triggered an Error
       window.$message.error("请求设置错误");
     }
     return Promise.reject(error);