# Changelog — 修复服务器页批量选择（Vuetify 4）

**日期**: 2026-06-01  
**类型**: Bug 修复（前端）

## 摘要

修复服务器列表勾选后批量操作条不显示的问题：将 `v-model:selected` 改为 Vuetify 4 正确的 `v-model`，并增强 ID 规范化。

## 动机

浏览器验收确认：复选框可勾选，但 `已选择 N 台` 条与批量按钮不出现。根因是选择状态未绑定到 `modelValue`。

## 涉及文件

- `frontend/src/pages/ServersPage.vue`
- `frontend/src/utils/serverSelection.ts`
- `docs/design/specs/2026-06-01-servers-batch-selection-vuetify4.md`

## 生产部署

- 构建：`ServersPage-CGp8DUVa.js`（`onUpdate:modelValue`）
- 已 tar/scp 至生产 `web/app/`，prune 后 `supervisorctl restart nexus`

## 验证

```text
生产 https://api.synaglobal.vip/app/#/servers
勾选 2 台 → 「已选择 2 台服务器」+ 健康检查 / 安装Agent / 升级Agent 等按钮
```

本地：`cd frontend && npm run type-check && npx vite build`

## 迁移 / 重启

仅前端静态资源 + 后端重启（部署脚本惯例）。无 DB 变更。

## 回滚

恢复 `v-model:selected` 并重新部署上一版 `web/app/assets` 构建物。
