Files
Nexus/docs/changelog/2026-06-11-watch-slot-click-fix.md
2026-07-08 22:31:31 +08:00

31 lines
1.2 KiB
Markdown

# 2026-06-11 监测槽点击交互修复
## 摘要
修复服务器页实时监测槽「点击无反应」:空槽可点击选机、已填槽点击进历史;列表「+」已在监测时给出提示。
## 动机
设计文档要求空槽显示「+ 添加监测」并可点击选机,实现中未绑定事件;已填槽仅小字「历史」可点,整体卡片无交互。
## 涉及文件
- `frontend/src/components/watch/WatchSlotCard.vue` — 空/满槽点击、hover、文案
- `frontend/src/components/watch/WatchSlotPickDialog.vue` — 选机对话框(新增)
- `frontend/src/components/watch/WatchSlotRow.vue` — 串联选机与 pin API
- `frontend/src/composables/useWatchPins.ts``pinServer` 支持 `slot_index`
- `frontend/src/components/watch/WatchSparkline.vue``pointer-events: none` 避免图表挡点击
- `frontend/src/pages/ServersPage.vue` — 已在监测时 snackbar 提示
## 迁移 / 重启
无。前端构建部署即可。
## 验证
```bash
cd frontend && npm run type-check
```
浏览器 `#/servers`:点击虚线空槽 → 搜索选服务器 → 加入;点击有数据的槽卡片 → 跳转监测历史;列表对已监测服务器点 + → 提示槽位号。