# 服务器表单重设计 — 实施计划

**设计**: `docs/design/specs/2026-06-02-server-form-redesign.md`

## 文件

| 文件 | 操作 |
|------|------|
| `frontend/src/composables/servers/useServerFormDialog.ts` | 新建：表单状态、加载预设/分类、构建 payload |
| `frontend/src/components/servers/ServerFormDialog.vue` | 新建：分区块对话框 |
| `frontend/src/pages/ServersPage.vue` | 替换内联 dialog，接入 composable |
| `docs/changelog/2026-06-02-server-form-redesign.md` | 变更记录 |

## 步骤

1. 实现 `useServerFormDialog`（open/close、loadLookups、fromServer、buildPayload、validate）
2. 实现 `ServerFormDialog.vue`（v-expansion-panels 高级区）
3. 精简 `ServersPage.vue`
4. `vite build` 验证

## 回滚

还原 `ServersPage.vue` 内联表单即可；无后端变更。
