# 测试列表页面 - 路由:`/test-list` - 实现:`src/views/TestList.vue` - 状态:已开发,使用共享测试演示数据并通过 `localStorage` 持久化 - 原型依据:查询表格原型及其状态、下载、排序和删除标注 ## 页面目标 集中查询、识别和管理检测任务,并快速进入单项测试控制台。 ## 当前功能 - 按测试名称、测试类型、状态、电池号、创建日期范围组合查询。 - 日期选择器和分页器使用 Element Plus 中文语言环境。 - 查询条件顺序为测试名称、电池号、测试类型、状态、创建时间。 - 测试类型和状态下拉菜单提供可直接选择的“全部”选项。 - 查询条件在点击“查询”后生效;“重置”恢复全部记录。 - 查询条件桌面端四列等分铺满,查询与重置按钮位于最后一列,并和下方结果工具栏按钮右边缘对齐。 - 记录始终按创建时间倒序排列,最新记录在最上方。 - 状态包括:待测试、检测中、检测完成、暂停、检测中(异常)。 - 分页和每页条数切换;结果区展示当前结果总数。 - 下载当前筛选条件下的全部结果为 UTF-8 BOM CSV。 - 列表页省略系统状态条和重复页面介绍;新建测试与下载结果集中放在记录工具栏。 - 删除操作二次确认,确认后从本地数据中移除并修正分页。 - 新建测试跳转 `/test-list/new`;控制台入口跳转 `/test-list/:id/console`。 - 新建测试提交后写入共享测试数据并返回列表,列表立即回显新任务;工作台状态页签同步更新。 - 控制台读取同一条测试记录,暂停、继续和结束操作会同步更新测试列表及工作台状态。 - 控制台展示实时运行时间及测试所选全部电池的电压/温度/正负电位/容量/电流;桌面每行最多四张卡,超出自动换行,通道表同步展示全部电池。 - 控制台支持暂停、继续、结束测试和查看当前工步设置;当前为前端演示状态。 - 控制台顶部提供实时数据、工步图表、项目图表和数据列表四个页签。 - 工步图表直接采用对比报表编辑页的测试详情结构:实验输入、对比项列、测试/电池组/电池号固定行、可编辑模板字段、特殊字段删除,以及添加项、字段模板和另存模板操作。 - 工步图表不再提供对比信息和添加比较,只展示当前测试绑定的电池组及全部电池。 - 页面保留报表式测试详情、指标开关、电池图例和两列五图模块,详情列和曲线系列直接按本次测试电池生成。 - 图表模块上方提供数据选择,可切换循环工步并勾选本次测试电池;图例和五类曲线仅展示当前选中电池,工步切换同步更新曲线数据。 - 图表支持指标显隐、电池系列颜色调整、左右双纵坐标和动态 `h:mm` 时间轴;电池数量不固定,详情列和图例按实际电池生成。 - 项目图表为独立的循环汇总视图,不提供循环筛选;按本次测试全部电池展示 `1~61` 循环的最终电压1、最终电压2和每循环放电末容量/F。 - 项目图表三张曲线纵向全宽排列,横轴统一为循环次数,保留可滚动电池图例与左右双纵坐标,电池数量随测试数据动态生成。 - 数据列表支持按电池、创建时间、循环和工步查询,分页展示测试柜采集的电压、电流、容量、能量、温度及正负电位数据。 - 数据列表提供导入、下载模板、下载全部、下载选中、单条编辑、批量修改和删除;修改与删除必须保留修订日志,“修订记录”入口会自动按当前测试查询。 - 数据列表单条“编辑”进入 `/test-list/:id/console/data/:recordId/edit` 独立修改页,自动回填工步名称、循环、工步序号、工步时间、绝对时间和七项采集值。 - 独立修改页要求七项数据均为有效数字且修改原因必填;提交后更新控制台共享数据、生成字段级修订记录,并返回当前测试的数据列表页签。 - 数据导入使用 `/test-list/:id/console/data/import` 独立页面,支持 `.xlsx/.xls` 点击或拖拽上传,单文件不超过 60MB。 - 导入页校验模板字段、电池归属、必填值、数字格式和循环/工步序号,提供前 12 条预览、成功失败统计;仅测试完成后可确认写入,失败行可下载为带错误原因的 Excel。 - 数据列表“下载模板”生成与导入解析字段一致的 `.xlsx` 文件,导入页和修改页返回后保持数据列表页签及测试完成状态。 ## 数据字段 `id`、`name`、`type`、`batteryNo`、`createdAt`、`startedAt`、`endedAt`、`purpose`、`owner`、`remark`、`status`。 ## 交互与状态 - 无结果时展示表格空状态,下载时给出警告。 - 长文本单行截断并通过 `title` 查看完整内容。 - 表格横向滚动时,操作列固定在最右侧。 - 筛选区按四列、三列、两列、单列响应式调整,表格在窄屏保持字段宽度并横向滚动。 ## 后续事项 接入查询/分页/删除/导出 API;接入控制台实时数据流与设备控制接口;明确不同状态下允许的操作权限。