测试列表页面
- 路由:
/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;接入控制台实时数据流与设备控制接口;明确不同状态下允许的操作权限。