对比报表页面
- 路由:
/report-compare
- 新增路由:
/report-compare/new
- 编辑路由:
/report-compare/:id/edit
- 实现:
src/views/ReportCompare.vue
- 新增页实现:
src/views/ReportCompareForm.vue
- 数据:
src/stores/compareReports.ts
- 状态:已开发,使用前端演示数据并通过
localStorage 持久化
- 原型依据:对比报表查询、列表、操作区和分页原型
页面目标
管理测试对比报告,维护基准测试与对比测试关系,并提供报表打印、审计修订记录和下载入口。
查询与列表
- 支持按报告名称或报告ID模糊查询。
- 支持按创建人和创建日期范围组合筛选,创建人下拉包含“全部”。
- 查询条件使用四列响应式网格,查询和重置按钮保持在最后一列。
- 列表按创建时间倒序排列,展示报告ID、报告名称、创建时间和创建人。
- 支持分页和每页条数切换,横向滚动时操作列固定在最右侧。
报表操作
- “查看报表”复用完整报表页面进入只读模式,隐藏添加、删除、字段模板、指标开关、选色和保存操作,保留返回与导出 PDF。
- “编辑”进入与新增报表一致的完整页面,并恢复原报表的对比测试、详情字段及填写值、图表指标和系列颜色。
- 基准测试和对比测试支持选择已有名称或直接输入,且不能选择相同测试。
- 报告名称在当前演示数据中保持唯一。
- “下载PDF”与编辑页“导出PDF”共用同一打印模板,并调用浏览器打印窗口供用户选择“另存为 PDF”。
- 打印内容与编辑页保持一致,包含报表名称、对比信息、实验信息、测试详情字段及填写值、当前启用的五类曲线和系列颜色;不再输出写死的汇总指标。
- “修订记录”弹窗展示记录ID、修订时间、修订人和修订内容。
- “下载记录”将当前报告的修订记录导出为带中文表头的 CSV。
- 删除报告前二次确认,并同时删除其本地修订记录。
新增报表页面
- 报表名称为必填项,返回入口与其他新增页面保持一致。
- 对比信息表支持添加多个测试,展示测试名称、测试类型、电池号、工步和循环,并支持删除。
- “添加比较”弹窗支持按测试名称或ID模糊搜索,再依次选择测试、电池、循环和工步;四项选择完成后才允许添加。
- 测试详情按“测试 + 电池组 + 电池号”去重后横向生成列;同一电池的多个工步或循环只保留一个详情列,字段较多时支持横向滚动。
- 电池组按具体测试记录展示;详情中的电池号支持继续搜索和切换。
- 自定义字段按对比测试列分别录入。
- “添加项”可输入字段名称并生成新的样品数据行;电池组字段模板和特殊字段模板可批量应用。
- 电池组字段模板读取电池组管理中保存的模板和字段配置;支持切换模板、勾选字段实时控制详情显示、覆盖保存当前模板及另存模板。
- 字段管理中已禁用的字段在模板弹窗中保留可见,但不可勾选。
- 测试详情字段分为电池组模板字段和特殊字段两类;切换电池组模板只更新基础字段,不会覆盖手动添加的特殊字段。
- “添加项”新增的是特殊字段;特殊字段可选择预置或已保存模板,也可将当前特殊字段另存为新的命名模板。
- 当前字段可另存为特殊字段模板,暂存于浏览器本地。
- 电压、电流、正电位、负电位、温度五类指标可独立显示或隐藏,曲线图按两列网格展示。
- 曲线横坐标按数据时长动态生成,使用
h:mm 格式展示经过时间。
- 每张曲线图同时显示左、右纵坐标,两侧使用相同单位和刻度范围,便于从任意一侧读取数据。
- 所有曲线图共用图表区顶部的统一颜色入口,同时保留每张曲线图内部的图例;点击顶部色块可修改对应测试系列的颜色,并同步更新全部指标图表。
- “保存报表”写入对比报表本地数据并返回列表;“导出PDF”按当前页面尚未保存的编辑状态生成完整打印版报表。
数据结构
- 对比报表:
id、name、creator、createdAt、baselineTest、comparisonTest、description、compareTests、metrics、batteryGroup、batterySamples、customFields、batteryTemplateFields、specialFields、seriesColors、detailFieldValues、revisions。
- 对比测试项:
id、name、type、batteryGroup、batteryNo、process、cycle;允许同一测试、电池组、电池号对应多个不同工步或循环。
- 修订记录:
id、modifiedAt、modifier、summary。
- 演示数据存储键:
battery_detection_compare_reports_v1。
待明确
接入测试记录选择接口、可比较条件、数据对齐方法、曲线和指标来源、最大样本数、正式 PDF 模板及报表审批流程。