测试类型管理页面

  • 列表路由:/test-type
  • 新建路由:/test-type/new
  • 编辑路由:/test-type/:id/edit
  • 当前实现:src/views/TestType.vue、src/views/TestTypeForm.vue
  • 状态:已开发,列表、启停、编辑和删除使用后端 REST

页面目标

维护测试类型、默认工步模板、参数边界和适用电池规格。

当前功能

  • 按类型 ID、类型名称、创建时间和状态组合查询。
  • 状态下拉菜单提供可直接选择的“全部”选项。
  • 查询条件按四列、三列、两列、单列等分铺满,查询与重置按钮位于最后一列,并和下方结果工具栏按钮右边缘对齐。
  • 列表按创建时间倒序排列,支持分页及每页条数切换。
  • 新建和编辑使用独立详情页,测试项目名称必填,备注选填。
  • 类型名称不可重复;保存成功返回列表并由后端保存。
  • 启用、禁用操作需要二次确认;删除操作二次确认并提示无法恢复。
  • 空数据、查询结果和操作失败均提供明确反馈。
  • 表格横向滚动时,操作列固定在最右侧。

数据结构

  • 测试类型:id、name、createdAt、creator、remark、status。
  • 页面请求封装位于 src/api/testTypes.ts;Store 仅用于页面展示状态,不保存业务事实。

待明确

接入默认工步模板、版本记录、复制、发布审批及已被测试引用后的修改约束。