style: 简化数据管理数据库标题

This commit is contained in:
2026-06-25 02:47:51 +08:00
parent 76a73d2a86
commit d13181563f
2 changed files with 11 additions and 30 deletions
+1 -1
View File
@@ -728,5 +728,5 @@
## 2026-06-25:数据管理数据库选择改为弹窗列表
- 数据管理页不再用下拉框切换数据库,改为表标题旁的图标按钮打开「选择数据库」弹窗;弹窗内为固定高度列表,超出高度滚动。
- 选择项仍来自主数据库与 CellData 数据库配置,后续新增更多数据库时继续扩展同一列表,不占用侧栏宽度。
- 左侧标题只显示分类名(主数据库 / CellData),不显示具体库名,也不再显示“表”字;选择项后续新增更多数据库时继续扩展同一列表,不占用侧栏宽度。
- 验证:`frontend` `npm run build` 通过(仅既有大 chunk 提示);构建产物已清理。
+6 -25
View File
@@ -4,7 +4,6 @@
<section class="database-table-pane">
<div class="database-table-pane-header">
<div class="database-source-header">
<h2>表</h2>
<span class="database-source-name">{{ selectedDatabaseSourceLabel }}</span>
<n-button
quaternary
@@ -268,7 +267,7 @@ import {
} from '@vicons/ionicons5';
import { apiGet, apiPost, download } from '../api/client';
import type { ApiMessage, AppConfig, DatabaseInfo, TableData, TableInfo } from '../types';
import type { ApiMessage, DatabaseInfo, TableData, TableInfo } from '../types';
import { showDownloadCompleteDialog } from '../composables/downloadFeedback';
import { resetPageHeader, setPageHeader } from '../composables/pageHeader';
@@ -406,23 +405,11 @@ async function testConnection() {
}
}
async function loadDatabaseSourceOptions() {
try {
const config = await apiGet<AppConfig>('/api/config');
const mainName = config.warehouse_type === 'metrix'
? (config.metrix.target_database || 'Metrix')
: (config.mysql.dbname || '主数据库');
const cellName = config.cell_data?.mysql?.dbname || 'CellData';
databaseSourceOptions.value = [
{ label: `主数据库:${mainName}`, value: 'main' },
{ label: `CellData:${cellName}`, value: 'cell_data' }
];
} catch {
function loadDatabaseSourceOptions() {
databaseSourceOptions.value = [
{ label: '主数据库', value: 'main' },
{ label: 'CellData', value: 'cell_data' }
];
}
}
async function loadTables() {
@@ -756,14 +743,6 @@ function formatCell(value: unknown): string {
border-bottom: 1px solid var(--td-border-color-light);
}
.database-table-pane-header h2 {
margin: 0;
color: var(--td-text-color-primary);
font-size: 15px;
font-weight: 600;
line-height: 22px;
}
.database-source-header {
display: flex;
min-width: 0;
@@ -775,8 +754,10 @@ function formatCell(value: unknown): string {
.database-source-name {
min-width: 0;
overflow: hidden;
color: var(--td-text-color-secondary);
font-size: 12px;
color: var(--td-text-color-primary);
font-size: 15px;
font-weight: 600;
line-height: 22px;
white-space: nowrap;
text-overflow: ellipsis;
}