feat(workspace): enhance status cards and terminal groups
add memory and disk monitoring cards with richer server metrics and localized labels in the workspace status panel group ssh terminal tabs by server with per-group add actions to make multi-terminal relationships clearer sync helloagents archive and module documentation for the completed workspace updates
This commit is contained in:
+65
@@ -0,0 +1,65 @@
|
||||
# 变更提案: connections-tree-toolbar-menu-polish
|
||||
|
||||
## 元信息
|
||||
```yaml
|
||||
类型: 功能增强
|
||||
方案类型: implementation
|
||||
优先级: P1
|
||||
状态: 已完成
|
||||
状态说明: 已完成连接管理页树工具栏与行内更多菜单整理,并完成构建及启动验证
|
||||
创建: 2026-03-25
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 1. 需求
|
||||
|
||||
### 背景
|
||||
连接管理页上一轮已经补上多级标签树、列头排序和基础版“更多”菜单,但和参考图相比,左侧树仍缺少操作性工具栏,展开/折叠控制也不够直接;右侧列表的行内操作区仍显得偏拥挤,没有真正形成“连接主按钮 + 次级动作入菜单”的层次。
|
||||
|
||||
### 目标
|
||||
- 为左侧标签树补充更接近管理面板的树工具栏。
|
||||
- 提供明确的展开全部 / 收起全部控制。
|
||||
- 保留“连接”为主按钮,将编辑、测试、克隆、删除等操作整合进更完整的“更多”菜单。
|
||||
|
||||
### 约束条件
|
||||
```yaml
|
||||
范围约束: 优先限制在 ConnectionsView.vue,不改后端接口和 store 结构
|
||||
兼容约束: 保留现有连接、编辑、测试、批量编辑和批量删除能力
|
||||
交互约束: 行内主操作只保留“连接”,其余动作进入更多菜单
|
||||
视觉约束: 延续当前黑绿主题和现有双栏管理台风格
|
||||
```
|
||||
|
||||
### 验收标准
|
||||
- [ ] 左侧树区域出现工具栏,并提供至少展开全部、收起全部两个控制
|
||||
- [ ] 行内主按钮只保留“连接”,编辑、测试、克隆、删除统一纳入更多菜单
|
||||
- [ ] 更多菜单在 SSH / 非 SSH 连接上都保持合理动作集合与禁用状态
|
||||
- [ ] 前端构建通过
|
||||
|
||||
---
|
||||
|
||||
## 2. 方案
|
||||
|
||||
### 技术方案
|
||||
在 `ConnectionsView.vue` 中补充树工具栏状态与辅助函数,基于现有 `tagTreeNodes` 统一派生全部可展开节点,实现展开全部/收起全部和范围清理;右侧结果区压缩主操作区,仅保留连接按钮,将测试、编辑、克隆、删除以受控下拉菜单方式集中呈现,并根据连接类型和批量模式控制可用性。
|
||||
|
||||
### 影响范围
|
||||
```yaml
|
||||
涉及模块:
|
||||
- frontend: ConnectionsView.vue
|
||||
预计变更文件: 1
|
||||
```
|
||||
|
||||
### 风险评估
|
||||
| 风险 | 等级 | 应对 |
|
||||
|------|------|------|
|
||||
| 树工具栏和现有折叠按钮语义重叠 | 低 | 保留面板级收起,新增树级展开/收起,职责区分为“区域显隐”与“树层级控制” |
|
||||
| 菜单动作收拢后可发现性下降 | 中 | 保留醒目的“更多”按钮文案和图标,并把最常用动作排在菜单前部 |
|
||||
| 批量模式下菜单误触发行选择 | 低 | 菜单按钮和菜单项统一 stopPropagation,并在批量模式下明确禁用 |
|
||||
|
||||
### 实施结果
|
||||
- `ConnectionsView.vue` 已新增树工具栏,提供展开全部、收起全部和重置范围控制,并在工具栏中回显当前范围标题。
|
||||
- 左侧树继续复用现有多级标签路径推导,同时把“区域显隐”和“层级展开控制”分开处理。
|
||||
- 右侧行内操作区已压缩为“连接”主按钮加“更多”菜单;编辑、测试、克隆、删除均移入菜单,SSH 测试项按连接类型显示。
|
||||
- `npm run build --workspace @nexus-terminal/frontend` 通过。
|
||||
- 运行态验证已完成前端预览启动,应用可进入登录页;但当前本地环境的 `/api/v1/*` 接口均返回 500,无法进入已登录的连接管理页做带数据目视验收。
|
||||
Reference in New Issue
Block a user