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