style: 调整提示信息位置

This commit is contained in:
tbphp
2025-07-15 22:31:27 +08:00
parent d3f0861de4
commit 96c8943dc1
5 changed files with 20 additions and 12 deletions

View File

@@ -71,7 +71,7 @@ const Message = defineComponent({
<template> <template>
<n-config-provider :theme-overrides="themeOverrides"> <n-config-provider :theme-overrides="themeOverrides">
<n-loading-bar-provider> <n-loading-bar-provider>
<n-message-provider> <n-message-provider placement="top-right">
<n-dialog-provider> <n-dialog-provider>
<slot /> <slot />
<loading-bar /> <loading-bar />

View File

@@ -136,10 +136,10 @@ function handleClose() {
<style scoped> <style scoped>
.global-task-progress { .global-task-progress {
position: fixed; position: fixed;
top: 20px; bottom: 62px;
right: 20px; right: 10px;
z-index: 9999; z-index: 9999;
width: 360px; width: 350px;
background: white; background: white;
border-radius: var(--border-radius-md); border-radius: var(--border-radius-md);
box-shadow: var(--shadow-lg); box-shadow: var(--shadow-lg);

View File

@@ -176,7 +176,11 @@ async function testKey(_key: KeyRow) {
if (curValid.is_valid) { if (curValid.is_valid) {
window.$message.success("密钥测试成功"); window.$message.success("密钥测试成功");
} else { } else {
window.$message.error(curValid.error || "密钥测试失败: 无效的API密钥"); window.$message.error(curValid.error || "密钥测试失败: 无效的API密钥", {
keepAliveOnHover: true,
duration: 5000,
closable: true,
});
} }
} catch (_error) { } catch (_error) {
console.error("测试失败"); console.error("测试失败");

View File

@@ -72,7 +72,11 @@ const loadLogs = async () => {
} else { } else {
logs.value = []; logs.value = [];
total.value = 0; total.value = 0;
window.$message.error(res.message || "加载日志失败"); window.$message.error(res.message || "加载日志失败", {
keepAliveOnHover: true,
duration: 5000,
closable: true,
});
} }
} catch (_error) { } catch (_error) {
window.$message.error("加载日志请求失败"); window.$message.error("加载日志请求失败");

View File

@@ -35,15 +35,13 @@ http.interceptors.response.use(
response => { response => {
appState.loading = false; appState.loading = false;
if (response.config.method !== "get" && !response.config.hideMessage) { if (response.config.method !== "get" && !response.config.hideMessage) {
window.$message.success("操作成功"); window.$message.success(response.data.message ?? "操作成功");
} }
return response.data; return response.data;
}, },
error => { error => {
appState.loading = false; appState.loading = false;
if (error.response) { 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 (error.response.status === 401) {
if (window.location.pathname !== "/login") { if (window.location.pathname !== "/login") {
const { logout } = useAuthService(); const { logout } = useAuthService();
@@ -51,12 +49,14 @@ http.interceptors.response.use(
window.location.href = "/login"; 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) { } else if (error.request) {
// The request was made but no response was received
window.$message.error("网络错误,请检查您的连接"); window.$message.error("网络错误,请检查您的连接");
} else { } else {
// Something happened in setting up the request that triggered an Error
window.$message.error("请求设置错误"); window.$message.error("请求设置错误");
} }
return Promise.reject(error); return Promise.reject(error);