# 采集器页面

- 列表路由：`/device-collector`
- 新增路由：`/device-collector/new`
- 编辑路由：`/device-collector/:id/edit`
- 实现：`src/views/DeviceCollector.vue`、`src/views/DeviceCollectorForm.vue`
- 数据：`src/stores/deviceCollectors.ts`
- 状态：已开发，发现、登记、启停和删除使用后端 REST；页面 Store 仅作展示缓存
- 页面方案：沿用检测柜模块的页面结构和交互，移除“规格/容量”字段

## 页面目标

维护采集器的网络身份、基础信息、通道能力、在线状态和测试占用情况，为测试任务中的采集通道配置提供设备数据。

## 列表功能

- 支持按 IP、设备编码、MAC、名称模糊搜索。
- 支持按创建时间、在线状态、测试状态和启用状态组合查询，所有下拉菜单均提供“全部”选项。
- 筛选条件使用四列响应式网格，查询和重置按钮位于最后一列。
- 列表按创建时间倒序排列，支持分页和每页条数切换。
- 固定展示设备编码、IP、MAC、名称、制造商、型号、通道数、备注、在线状态、测试状态和当前测试。
- 操作列固定在最右侧，支持启用/禁用、编辑和删除。
- 测试状态为“测试中”的采集器不可禁用或删除。

## 新增与编辑

- 新增和编辑使用独立页面，并提供统一的顶部返回入口。
- “选择设备”弹窗展示当前网段发现设备，包括设备编码、IP、MAC和选择操作，并支持分页。
- 选择设备后自动带入设备编码、IP、MAC、在线状态、测试状态和当前测试。
- 用户维护采集器名称、制造商、型号、`1～99` 通道数、备注和启用状态，不包含“规格/容量”。
- 保存前校验设备已选择、必填字段、设备编码唯一性和采集器名称唯一性。

## 数据结构

- 采集器：`id`、`deviceCode`、`ip`、`mac`、`name`、`manufacturer`、`model`、`channelCount`、`remark`、`onlineStatus`、`testStatus`、`currentTest`、`status`、`createdAt`。
- 发现和登记接口位于 `src/api/deviceCollectors.ts`；`src/stores/deviceCollectors.ts` 不作为业务事实来源。

## 待明确

补充真实采集器心跳、通道明细、采样协议、固件升级流程、远程诊断权限和当前测试关联；演示通道 `S-01...S-N` 仍待现场验证。