31 lines
1.2 KiB
Markdown
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`:点击虚线空槽 → 搜索选服务器 → 加入;点击有数据的槽卡片 → 跳转监测历史;列表对已监测服务器点 + → 提示槽位号。
|