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>
<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 />

View File

@@ -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);

View File

@@ -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("测试失败");

View File

@@ -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("加载日志请求失败");

View File

@@ -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);