diff --git a/docs/project_context.md b/docs/project_context.md index e961e29..036761d 100644 --- a/docs/project_context.md +++ b/docs/project_context.md @@ -728,5 +728,5 @@ ## 2026-06-25:数据管理数据库选择改为弹窗列表 - 数据管理页不再用下拉框切换数据库,改为表标题旁的图标按钮打开「选择数据库」弹窗;弹窗内为固定高度列表,超出高度滚动。 -- 选择项仍来自主数据库与 CellData 数据库配置,后续新增更多数据库时继续扩展同一列表,不占用侧栏宽度。 +- 左侧标题只显示分类名(主数据库 / CellData),不显示具体库名,也不再显示“表”字;选择项后续新增更多数据库时继续扩展同一列表,不占用侧栏宽度。 - 验证:`frontend` `npm run build` 通过(仅既有大 chunk 提示);构建产物已清理。 diff --git a/frontend/src/components/DatabasePanel.vue b/frontend/src/components/DatabasePanel.vue index aac9365..b7e821c 100644 --- a/frontend/src/components/DatabasePanel.vue +++ b/frontend/src/components/DatabasePanel.vue @@ -4,7 +4,6 @@
-

表

{{ selectedDatabaseSourceLabel }} ('/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 { - databaseSourceOptions.value = [ - { label: '主数据库', value: 'main' }, - { label: 'CellData', value: 'cell_data' } - ]; - } +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; }