Nexus/docs/changelog/2026-06-11-watch-slot-click-fix.md

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 提示

迁移 / 重启

无。前端构建部署即可。

验证

cd frontend && npm run type-check

浏览器 #/servers：点击虚线空槽 → 搜索选服务器 → 加入；点击有数据的槽卡片 → 跳转监测历史；列表对已监测服务器点 + → 提示槽位号。