fix: 取消数据管理页初始化成功提示

This commit is contained in:
2026-05-15 16:36:46 +08:00
parent c7ab6f972e
commit 22686c1e63
2 changed files with 16 additions and 4 deletions
+6
View File
@@ -1,5 +1,11 @@
# 项目上下文记录 # 项目上下文记录
## 2026-05-15:取消数据管理页初始化成功提示
- `frontend/src/components/DatabasePanel.vue` 进入页面时仍会自动执行数据库连接检测和数据库信息刷新,但连接成功不再弹出 toast,避免切换到数据管理页时产生无意义提示。
- 用户手动点击“重新检测”时仍保留成功提示;连接失败或接口异常仍会显示错误 toast。
- 已执行 `npm run build`,构建通过;未启动浏览器或 headless Chrome。
## 2026-05-15:优化新版前端图标和侧边栏选中态 ## 2026-05-15:优化新版前端图标和侧边栏选中态
- `frontend/src/composables/pageHeader.ts` 的页头动作图标从 emoji 字符串改为 Vue 组件,页面按钮统一传入 `@vicons/ionicons5` 图标组件,构建后随前端资源本地打包,适合内网运行。 - `frontend/src/composables/pageHeader.ts` 的页头动作图标从 emoji 字符串改为 Vue 组件,页面按钮统一传入 `@vicons/ionicons5` 图标组件,构建后随前端资源本地打包,适合内网运行。
+10 -4
View File
@@ -38,7 +38,7 @@
</span> </span>
</span> </span>
</div> </div>
<n-button size="tiny" text :loading="testing" class="connection-test" @click="testConnection"> <n-button size="tiny" text :loading="testing" class="connection-test" @click="testConnection(true)">
重新检测 重新检测
</n-button> </n-button>
</section> </section>
@@ -174,7 +174,7 @@ onMounted(() => {
} }
] ]
}); });
void testConnection(); void testConnection(false);
void loadTables(); void loadTables();
}); });
@@ -182,11 +182,17 @@ onBeforeUnmount(() => {
resetPageHeader(); resetPageHeader();
}); });
async function testConnection() { async function testConnection(showSuccessToast = true) {
testing.value = true; testing.value = true;
try { try {
const result = await apiPost<ApiMessage>('/api/database/test'); const result = await apiPost<ApiMessage>('/api/database/test');
message[result.success ? 'success' : 'error'](result.message || '连接测试完成'); if (result.success) {
if (showSuccessToast) {
message.success(result.message || '连接测试完成');
}
} else {
message.error(result.message || '数据库连接测试失败');
}
databaseInfo.value = await apiGet<DatabaseInfo>('/api/database/info'); databaseInfo.value = await apiGet<DatabaseInfo>('/api/database/info');
} catch (error) { } catch (error) {
message.error(error instanceof Error ? error.message : '数据库连接测试失败'); message.error(error instanceof Error ? error.message : '数据库连接测试失败');