对比报表页面

  • 路由:/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 模板及报表审批流程。