# 电池组管理页面 - 路由:`/battery-group` - 新建路由:`/battery-group/new` - 编辑路由:`/battery-group/:id/edit` - 当前实现:`src/views/BatteryGroup.vue`、`src/views/BatteryGroupForm.vue` - 状态:已开发,数据使用前端演示流程 ## 页面目标 维护电池组、批次、电芯构成、规格参数及其测试关联关系。 ## 当前功能 - 按电池组 ID、名称、型号、创建时间、状态和创建人组合查询。 - 状态和创建人下拉菜单提供可直接选择的“全部”选项。 - 查询条件桌面端四列等分铺满,查询与重置按钮位于最后一列,并和下方结果工具栏按钮右边缘对齐。 - 查询结果按添加时间倒序排列并支持分页及每页条数切换。 - 列设置支持显示或隐藏业务字段,并保证至少保留一列。 - 新建和编辑使用独立页面,共用样品详情、电池号、创建人、状态及模板字段配置。 - 样品详情提供名称、型号、Z/H/F/A/B、备注和目的;名称、型号及目的必填。 - 电池号支持逐行添加和删除,至少保留并填写一个电池号,编号不可重复。 - 右侧模板编辑面板支持收起、选择模板,并从“电池组字段管理”的启用字段中勾选要展示的字段。 - 模板面板展示字段管理中的全部字段,禁用字段保留可见但不可勾选;勾选变化会实时控制样品详情中的动态字段。 - 保存模板和另存模板会在浏览器本地持久化当前字段勾选结果。 - 模板编辑面板固定在页面右侧,底部操作按钮始终可见,仅中间字段列表区域独立滚动。 - 字段类型由字段管理统一维护,支持文本、数字、时间和备注,并实时映射到样品详情表单。 - 电池组名称不可重复;名称、型号、用途、创建人及至少一个电池编号必填。 - 启用、禁用操作需要二次确认;删除操作二次确认并明确提示无法恢复。 - 空筛选结果、操作成功及校验失败均提供明确反馈。 - 电池组列表工具栏提供“电池组字段管理”入口,进入全局电池组字段列表。 ## 数据结构 - 电池组:`id`、`name`、`model`、`purpose`、`remark`、`batteries`、`createdAt`、`status`、`creator`、`templateName`、`specs`、`customFields`。 - 列表与表单通过 `src/stores/batteryGroups.ts` 共享数据,并保存到当前站点的 `localStorage`。 ## 响应式行为 - 查询条件按四列、三列、两列、单列响应式调整,列表完整展示主要字段。 - 列表在窄屏保留固定字段宽度并提供横向滚动。 - 表格横向滚动时,操作列固定在最右侧。 - 表单桌面端使用两至三列样品字段;窄屏改为单列,模板编辑面板切换为右侧覆盖抽屉。 ## 待明确 接入电池组和模板 API、持久化列设置、同步“新建测试”的电池组数据源、增加测试任务引用关系及被引用后的删除约束。