78 lines
3.2 KiB
Markdown
78 lines
3.2 KiB
Markdown
|
# 2026-06-24 — 未设路径区块与服务器列表对齐
|
||
|
|
|
||
|
|
## 变更摘要
|
||
|
|
|
||
|
|
调整 `#/servers` 页面「未设置路径服务器」与「服务器列表」的布局顺序与表格列宽，使两表视觉对齐并符合设计文档区块顺序。
|
||
|
|
|
||
|
|
## 动机
|
||
|
|
|
||
|
|
用户反馈未设路径区块与主列表未对齐：区块顺序与设计（主列表 → 未设路径 → 连接失败）不一致，且两张独立 `v-data-table` 列宽各自计算导致列边界错位。
|
||
|
|
|
||
|
|
## 涉及文件
|
||
|
|
|
||
|
|
- `frontend/src/pages/ServersPage.vue` — 将 `ServerUnsetPathPanel` 移至主列表卡片之后；提示文案「上方」改「下方」
|
||
|
|
- `frontend/src/components/servers/ServerUnsetPathPanel.vue` — 标题栏样式与主表一致；统一 `server-data-table` 类；修复 install/upgrade emit 类型
|
||
|
|
- `frontend/src/constants/serverTableHeaders.ts` — 补全各列 `minWidth`
|
||
|
|
- `frontend/src/styles/server-data-table.css` — 共享 `table-layout: fixed` 与展开列隐藏
|
||
|
|
- `frontend/src/main.ts` — 全局引入表格样式
|
||
|
|
|
||
|
|
## 迁移 / 重启
|
||
|
|
|
||
|
|
无。前端 rebuild 后生效。
|
||
|
|
|
||
|
|
## 验证
|
||
|
|
|
||
|
|
1. 打开 `#/servers`，确认顺序：分类筛选 → **服务器列表** → **未设置路径服务器** → 连接失败列表
|
||
|
|
2. 对比两表列头（状态/名称/地址/分类/目标路径/Agent/心跳/操作）左右边界对齐
|
||
|
|
3. 分类筛选后，主表为空且存在未设路径机器时，提示「已在下方区块展示」，点击「定位」滚动至未设路径卡片
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
# 2026-06-24 — 未设路径区块工具栏与主列表对齐
|
||
|
|
|
||
|
|
## 变更摘要
|
||
|
|
|
||
|
|
「未设置路径服务器」卡片标题栏右侧增加与「服务器列表」相同的搜索、添加、凭据、检测路径、列表/分类切换；保留刷新按钮。
|
||
|
|
|
||
|
|
## 动机
|
||
|
|
|
||
|
|
用户要求未设路径区块具备与主列表一致的操作入口，避免只能在上方主表标题栏操作。
|
||
|
|
|
||
|
|
## 涉及文件
|
||
|
|
|
||
|
|
- `frontend/src/components/servers/ServerListToolbarActions.vue` — 新建共享工具栏
|
||
|
|
- `frontend/src/components/servers/ServerUnsetPathPanel.vue` — `#toolbar` 插槽
|
||
|
|
- `frontend/src/pages/ServersPage.vue` — 主表与未设路径表共用组件
|
||
|
|
|
||
|
|
## 迁移 / 重启
|
||
|
|
|
||
|
|
无。前端 rebuild 后生效。
|
||
|
|
|
||
|
|
## 验证
|
||
|
|
|
||
|
|
1. `#/servers` 未设路径卡片标题栏可见搜索框及添加/快速添加/批量添加/凭据/检测路径/列表·分类切换/刷新
|
||
|
|
2. 在未设路径区搜索、添加服务器，主表与未设路径表同步刷新
|
||
|
|
3. 未设路径区「检测路径」按本区勾选数启用/禁用
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
# 2026-06-24 — 未设路径工具栏内嵌修复
|
||
|
|
|
||
|
|
## 变更摘要
|
||
|
|
|
||
|
|
将工具栏从 slot 改为 `ServerUnsetPathPanel` 内直接渲染；标题栏允许换行，避免 `v-card-title` 裁切右侧按钮。
|
||
|
|
|
||
|
|
## 动机
|
||
|
|
|
||
|
|
用户反馈未设路径区块仍看不到搜索/快速添加等工具栏（slot + 单行标题溢出）。
|
||
|
|
|
||
|
|
## 涉及文件
|
||
|
|
|
||
|
|
- `frontend/src/components/servers/ServerListToolbarActions.vue` — 单根容器 + flex-wrap
|
||
|
|
- `frontend/src/components/servers/ServerUnsetPathPanel.vue` — 内嵌工具栏
|
||
|
|
- `frontend/src/pages/ServersPage.vue` — v-model 绑定搜索与视图模式
|
||
|
|
|
||
|
|
## 验证
|
||
|
|
|
||
|
|
`npx vite build` 通过后，刷新 `#/servers` 向下滚动至「未设置路径服务器」，标题行右侧应可见完整工具栏。
|