电池组管理页面
- 路由:
/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、持久化列设置、同步“新建测试”的电池组数据源、增加测试任务引用关系及被引用后的删除约束。