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