37 lines
1.3 KiB
Markdown
37 lines
1.3 KiB
Markdown
|
# 推送页服务器名称显示优化
|
|||
|
|
|
|||
|
|
**日期**：2026-06-11
|
|||
|
|
|
|||
|
|
## 动机
|
|||
|
|
|
|||
|
|
推送服务器卡片名称过长时被单行截断，且无悬停提示，难以区分相似主机名。
|
|||
|
|
|
|||
|
|
## 变更
|
|||
|
|
|
|||
|
|
- **服务器网格**：名称最多显示 2 行（`line-clamp`）；悬停 `title` 展示「名称 + 域名」
|
|||
|
|
- **卡片 / 列表切换**：工具栏图标切换，偏好存 `localStorage`（`nexus_push_server_view_v1`）
|
|||
|
|
- **列表视图**：表格列展示名称、域名、目标路径、勾选与推送状态
|
|||
|
|
- **点击名称复制**：卡片与列表中点击名称复制到剪贴板（`@click.stop`，不触发勾选）
|
|||
|
|
- **推送进度 / 历史 / 预览**：省略号 + `title` 完整名称；历史列宽 120→200
|
|||
|
|
|
|||
|
|
## 涉及文件
|
|||
|
|
|
|||
|
|
- `frontend/src/components/push/PushServerGrid.vue`
|
|||
|
|
- `frontend/src/composables/push/usePushServerViewMode.ts`（新建）
|
|||
|
|
- `frontend/src/components/push/PushProgressList.vue`
|
|||
|
|
- `frontend/src/components/push/PushHistoryTable.vue`
|
|||
|
|
- `frontend/src/components/push/PushPreviewDialog.vue`
|
|||
|
|
- `frontend/src/composables/push/usePushLogs.ts`
|
|||
|
|
|
|||
|
|
## 验证
|
|||
|
|
|
|||
|
|
```bash
|
|||
|
|
cd frontend && npm run type-check
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
推送页：长名称卡片显示两行；悬停见全名；切换列表视图；点击名称 toast「名称已复制」。
|
|||
|
|
|
|||
|
|
## 迁移
|
|||
|
|
|
|||
|
|
无。仅前端构建部署。
|