AGILE TEAM
Skip to content

质量检验模板

质量检验页面标准模板,适用于检验任务分配、结果录入、不合格品处理。

📝 作者
马佳瑞
马佳瑞信息化中心
工号:409338

适用场景

  • 检验任务分配与接收
  • 检验结果录入(合格/不合格/让步接收)
  • 检验标准与判定规则管理
  • 不合格品处置流程(返工/降级/报废)

推荐页面模式

LIST(标准列表页) — 查询 + 工具栏 + 表格 + 分页

检验记录以批次/炉号为核心,通过标准列表页管理检验数据,结果录入使用弹窗表单。

文件结构

text
views/quality/inspection/
├── list/
│   ├── index.vue       # 视图层:BaseQuery + BaseToolbar + BaseTable
│   ├── data.ts         # 逻辑层:AbstractPageQueryHook 子类
│   └── index.scss      # 样式层
└── record/
    ├── index.vue       # 检验结果录入弹窗
    └── data.ts         # 表单逻辑(含检验项列表)

查询区配置

字段中文名类型说明
heatNo炉号input模糊查询
inspectionType检验类型dict(inspection_type)化验/物理/外观
result检验结果dict(inspection_result)合格/不合格/让步
inspectDate检验日期daterange日期范围筛选

工具栏按钮

按钮类型权限动作
录入结果primaryquality:inspection:record打开录入弹窗
批量审核plainquality:inspection:audit批量审核
导出报告plainquality:inspection:export导出检验报告

表格列定义

字段中文名宽度特殊处理
heatNo炉号140可点击跳转详情
steelGrade钢种100
spec规格120
inspectionType检验类型120dict 渲染
result检验结果100dict + TagStatus(合格绿/不合格红)
inspector检验员100
inspectDate检验日期150

操作列

按钮权限动作
录入quality:inspection:record打开结果录入
查看quality:inspection:view查看检验明细
审核quality:inspection:audit审核确认

API 接口约定

text
GET    /quality/inspection/list        检验记录列表(分页)
GET    /quality/inspection/{id}        检验明细(含检验项)
POST   /quality/inspection/record      录入检验结果
POST   /quality/inspection/audit       批量审核
GET    /quality/inspection/export      导出检验报告

关联组件

关联 Skill

You may not distribute, modify, or sell this software without permission.