待办列表页面

  • 路由:/todo-list
  • 当前实现:src/views/TodoList.vue
  • 数据:src/stores/todos.ts
  • 状态:已开发,使用前端演示数据并通过 localStorage 持久化

页面目标

集中呈现测试、异常、校准和数据复核任务,支持快速处理与追踪。

当前功能

  • 支持按照负责人、状态和操作时间范围筛选,所有下拉筛选均包含“全部”。
  • 查询区保持四列布局,窗口收缩后自动减少列数并换行,查询和重置按钮位于最后。
  • 列表按照原型展示待办ID、待办内容、负责人和状态;操作时间保留用于筛选与排序。
  • 支持分页,操作列固定在最右侧并使用细边线和阴影分隔。
  • 新增待办时填写待办内容并选择负责人,新记录默认为“待处理”。
  • 待处理记录可填写处理说明并完成处理;已处理记录不再显示处理入口。
  • 删除待办需要二次确认。

数据规则

  • 待办状态仅包括“待处理”和“已处理”。
  • 新增时创建时间与操作时间相同;完成处理时更新操作时间。
  • 页面按操作时间倒序展示,演示数据存储键为 battery_detection_todos_v1。

待明确

待办来源、自动生成规则、转派权限、催办、逾期策略以及是否关联测试或异常记录。