enterprise-saa-s-dashboard-.../docs/产品原型文档.md

32 KiB
Raw Permalink Blame History

地空业务支撑平台 —— 生产管理子系统 产品原型文档

版本v2.0
更新日期2026-04-20
技术栈Next.js 16 + React 19 + TailwindCSS + Lucide Icons
主色调:#4a7c59(绿色系)


一、系统概述

本系统为"地空业务支撑平台"的生产管理子系统,面向地球物理仪器(高密度电法仪等)的全生命周期管理,涵盖:

  • 设备型号管理(核心枢纽)
  • 板卡型号管理
  • 设备登记与装配
  • 授权文件管理
  • 配置文件管理
  • 固件库管理
  • 采集板校准
  • 维修工单
  • 报废回收

1.1 全局布局

区域 说明
左侧边栏200px Logo + 分组导航菜单,固定不滚动
顶部 Header56px 系统标题 + 数据统计/运营报告入口 + 用户菜单(用户管理/角色权限/操作日志/系统设置/退出)
主内容区 背景色 #F0F2F5,内容区可滚动

1.2 导航菜单结构

分组 菜单项 路由 图标
首页 /
设备 设备列表 /devices Monitor
设备 设备型号管理 /models Settings2
板卡 板卡列表 /board-cards Gauge
板卡 板卡版本管理 /boards Cpu
维修 维修工单 /repair Wrench
维修 报废回收 /scrap Recycle

二、页面详细说明


2.1 首页 Dashboard

路由/

功能描述

系统首页,展示全局数据概览和待处理任务快捷入口。

统计卡片8个可点击跳转

指标 示例值 趋势 跳转
设备总数 5,234 +5.2% /devices
装配中 4,856 +2.8% /devices
已激活 4,912 +1.5% /devices
有新版本 156 /firmware
维修中 23 -12.3% /repair
报废 56 /scrap
授权即将到期 45 /licenses
可升级 8 /firmware

设备状态分布(横向条形图)

状态 颜色
已装配 #52C41A
已出厂 #FF4D4F
已激活 #FAAD14
报废 #8C8C8C

待处理任务2列布局每组显示2条+查看全部链接)

任务组 跳转
校准即将到期 /board-cards
维修工单 /repair
固件升级通知 /firmware
授权即将到期 /licenses

2.2 设备型号管理

路由/models

功能描述

管理设备型号GD-30/GD-20/GD-10 Supreme是平台核心枢纽每个型号关联授权项、配置文件。

页面区块

1. 信息提示横幅

  • 绿色背景提示:型号管理是平台核心枢纽

2. 型号列表(表格)

列名 说明
型号名称 如 GD-30 Supreme
编码 如 GD30
描述 如 高端高密度电法仪
状态 在产(绿色标签)/ 停产(黄色标签)
创建日期 日期
操作 编辑 / 授权项(跳转/licenses?model=型号名/ 配置(跳转/config-files?model=型号名/ 固件(跳转/firmware?model=型号代码/ BOM表跳转/models/bom?model=型号代码
  • 操作列为平铺按钮,不使用下拉菜单
  • 右上角按钮:「新增设备型号」

3. 装配 Checklist 模板

  • Tab 切换不同型号GD30 / GD20 / GD10
  • 表格列:序号(可拖拽排序)、项目名称(点击可编辑)
  • GD30 示例有 22 项检查项主板SN扫码绑定、采集板SN录入、GPS/北斗检测、电池安装、IP66防护等
  • 右上角按钮:「新增模版」

抽屉新增设备型号480px宽

字段 类型 必填
型号名称 文本输入
型号编码 文本输入
状态 单选(在产/停产)

抽屉:新增 Checklist 模版480px宽

字段 类型 必填
设备型号 下拉选择
检查项列表 动态列表(可增删)

2.3 板卡型号管理

路由/boards

功能描述

管理板卡型号信息,包括主协板、采集板、发射板、升压板。

页面区块

1. Tab 筛选:全部 / 主协板 / 采集板 / 发射板 / 升压板

2. 板卡列表(表格)

列名 说明
类型 主协板/采集板/发射板/升压板
型号 如 MB-V2.3、RX-V2.2
最新固件版本 如 v2.3.5
操作 详情 / 固件(跳转/firmware
  • 右上角按钮:「导出」「新增板卡」

抽屉板卡详情560px宽

包含以下信息区块:

  • 基本信息:板卡类型、型号、当前固件、生产日期
  • 固件升级记录:时间线(日期、版本变更、升级方式、操作人)
  • 校准历史:日期、结果、到期日、校准人
  • 服役记录关联设备SN可点击跳转、服役时间段、状态在役/已拆卸)
  • 维修记录:关联工单号(可点击跳转)、日期、操作、操作人

2.4 设备列表

路由/devices

功能描述

展示所有设备,支持筛选和搜索。

筛选条件

筛选项 类型
设备型号 下拉(全部/GD30/GT20/GM10
设备状态 下拉(全部/已激活/已出厂/装配中)
生产日期 日期选择器
产品型号 下拉
搜索 按钮

设备卡片列表(非表格,卡片式)

每张卡片展示:

字段 说明
设备SN号 如 GD30-20240308-001
型号 如 GD30 高密度电法仪
状态 已激活(绿)/ 已出厂(橙)/ 装配中(绿底)
主机版本 如 v2.3.5
生产日期 如 2024-03-08 14:30

卡片底部操作:

  • 详情(跳转 /devices/:sn

  • 下线(仅已激活设备显示,红色)

  • 右上角按钮:「导出」「登记设备」(跳转/registration

  • 分页:显示 X-Y / 共 N 台


2.5 设备详情

路由/devices/:id

功能描述

展示单台设备的完整信息,包含基本信息、授权、装配记录、子设备、固件、维修历史。

页面区块

1. 页面头部

  • 返回按钮 + 设备SN号 + 状态标签

2. 基本信息卡片

字段 示例
设备型号 GD30 高密度电法仪
主机SN号 GD30-2025-000001
设备状态 已激活
生产日期 2025-01-15
出厂日期 2025-02-01
激活日期 2025-02-10
装配人员 张工程师
测试人员 李工程师
客户名称 北京地质研究院

3. 授权信息卡片

字段 示例
到期日期 2026-02-10
  • 授权功能模块标签列表:一维自电/电阻率/激电测试模块, 二维自电/电阻率/激电测试模块, 三维自电/电阻率/激电测试模块, 水上, 跨孔, 电流法
  • 右上角「修改授权项」按钮,打开编辑抽屉可修改到期时间和勾选/取消授权模块
  • 未配置时显示「配置授权项」按钮

4. 装配记录卡片

字段 示例
装配工单 ASM-2025-000001
装配人员 张工程师
装配日期 2025-01-15
测试人员 李工程师
测试结果 通过
Checklist完成 22/22 项
  • Checklist 摘要2列网格勾选图标 + 项目名称)

5. 子设备列表(表格)

列名 说明
板卡类型 主板/采集板/发射板/测控板/升压板
SN号 绿色可点击
硬件版本 如 A1
固件版本 如 v2.3.5
校准状态 已校准/无需校准
状态 正常

6. 固件信息卡片

字段 示例
当前固件版本 v2.3.5
最后更新时间 2024-03-01 10:30
更新方式 远程OTA
配置文件版本 v1.2.0
配置同步时间 2024-03-01 10:35
  • 配置文件 Tab 右上角「更换配置」按钮,打开抽屉可选择其他版本的配置文件替换
  • 未配置时显示「选择配置文件」按钮

7. 维修历史(时间线)

  • 每条记录:日期、类型(固件升级/主板更换/常规保养)、操作人、描述
  • 右上角「查看全部」链接跳转 /repair

2.6 设备登记

路由/registration

功能描述

登记新设备信息包含装机信息填写、BOM清单管理、装配Checklist执行。

页面区块

1. 装机信息卡片(表单)

字段 类型 必填 示例
设备型号 下拉选择GD-30/GD-20/GD-10 Supreme GD-30 Supreme
主机SN号 文本输入 + 扫码按钮 GD30-20240308-001
主板SN号 文本输入 + 扫码按钮 MB20240308001
生产批次 下拉选择 + 手动输入 BATCH-2025-Q1-001
装机测试状态 下拉(测试通过/测试不通过) 测试通过
生产日期 日期选择器 2024-03-08
登记人 文本输入 张工

主机SN号和主板SN号支持扫码录入扫码图标按钮同时保留手动输入。

2. 型号匹配提示横幅

  • 成功(绿色):显示匹配到的授权文件、配置文件、固件版本
  • 警告(黄色):未匹配到型号关联信息,提示先在型号管理中配置

3. 装机清单 BOM表格

列名 说明
物料编码 如 MB-2024-001
物料名称 主协板/采集板/发射板/升压板/外壳机箱
SN号 板卡SN号带扫码图标支持扫码录入
型号 如 MB-V2.3
版本 板卡版本号
校准状态 已校准/无需校准
数量 数字
操作 编辑 / 删除
  • 采集板版本一致性检查当有多块采集板时如GD-30有2块自动检测版本是否一致不一致时显示红色警告一致时显示绿色确认
  • 右上角按钮「导入」打开Excel导入弹窗

4. 装配 Checklist列表

  • 进度显示:完成 X/Y
  • 每项包含:勾选框、序号圆圈、项目名称、版本校验提示(红色警告)、拍照上传按钮
  • 已完成项:绿色背景 + 已上传照片数量
  • 未完成项:灰色背景 + 拍照上传按钮

5. 底部操作栏sticky

  • 取消 / 更新 / 提交

弹窗导入BOM清单

区域 说明
第一步 下载导入模板BOM导入模板.xlsx
第二步 上传Excel文件支持 .xlsx/.xls/.csv拖拽或点击上传
提示 黄色提示确保格式与模板一致物料编码和SN号为必填

弹窗:上传照片

区域 说明
上传方式 两个入口:「直接拍照上传」(平板端直接拍照)和「手机扫码上传」(生成二维码,手机扫码拍照上传)
照片网格 已上传照片缩略图(可删除)+ 添加更多按钮
装配记录信息 文本域,输入装配记录
操作 取消 / 确认上传(显示照片数量)

2.7 授权管理

路由/licenses(也支持 ?model=型号名 参数筛选)

功能描述

管理设备授权模块配置。每个设备型号对应一套授权模块,所有该型号设备共享同一套授权项。授权文件由授权项 + 配置文件共同生成。

页面区块

1. 信息提示横幅(青色)

  • 说明每个设备型号对应一套授权模块配置

2. 筛选条件

筛选项 类型
设备型号 下拉(全部/GD-10/GD-20/GD-30

3. 授权列表(表格,每型号一条记录)

列名 说明
设备型号 如 GD-30
授权模块 标签形式展示已授权模块
更新日期 日期
操作 编辑
  • 右上角按钮:「导出」「选择授权项」
  • 从型号管理页跳转时自动按型号筛选,显示返回按钮

授权模块定义6个模块

模块名称 说明 GD-10 GD-20 GD-30
一维自电/电阻率/激电测试模块 包含一维自然电位法、电阻率测深、激发极化测深
二维自电/电阻率/激电测试模块 包含二维自然电位法、电阻率成像、激发极化成像
三维自电/电阻率/激电测试模块 包含三维自然电位法、电阻率成像、激发极化成像
水上 水上电法探测
跨孔 跨孔电阻率成像
电流法 电流场法

注:一维/二维/三维各为一个整体模块,不再拆分自电、电阻率、激电。

抽屉选择授权项640px宽

字段 类型 说明
设备型号 下拉选择 必填,切换型号自动预选对应授权项
授权有效期 下拉(永久/1年/2年/自定义)
到期日期 日期选择器 仅"自定义"时显示
  • 授权项按分类(一维/二维/三维/水上/跨孔/电流法)分组展示
  • 底部提示:授权文件由选定的授权项与对应型号的配置文件共同生成
  • 操作:全选 / 清空 / 取消 / 保存

2.8 配置文件管理

路由/config-files(也支持 ?model=型号名 参数筛选)

功能描述

管理设备型号配置文件,包含发射参数、采集参数、网络参数等。

页面区块

1. 信息提示横幅(绿色)

  • 说明配置文件按设备型号绑定适配

2. 筛选条件

筛选项 类型
适配型号 下拉
配置版本 下拉
关键字 文本输入
查询 按钮

3. 配置文件列表(表格)

列名 说明
配置文件 如 CFG-GD30-v1.2.0(绿色)
适配型号 如 GD-30 Supreme
版本 如 v1.2.0
创建时间 日期时间
状态 生效(绿)/ 已停用(灰)
操作 详情 / 编辑 / 下载 / 删除
  • 右上角按钮:「新建配置」
  • 分页

抽屉新建配置文件520px宽

分为以下区块:

基本信息

字段 类型 必填
适配型号 下拉选择 (GD-10 Supreme/GD-20 Supreme/GD-30 Supreme)
配置版本 文本输入

发射参数

字段 类型
最大发射电压 下拉500V/800V/1000V/1200V/1500V
最大发射电流 下拉2A/5A/8A/10A/15A
占空比 下拉 50%50%、100%
脉宽宽度 下拉0.25s/0.5s/1s/2s/4s/8s/16s/32s/64s /(0.25s/0.5s/1s/2s/4s/8s)
迭代次数 下拉(1~256)

采集参数

字段 类型
支持通道数 数字输入(1/6/12)
采样率 下拉(50Hz/60Hz)/(50Hz/60Hz/100Hz/1000Hz)
电压测量量程 下拉(±2.5V)/±2.5V/±80V /±80V/±600V
全波形采集 下拉(支持/不支持)

网络参数

字段 类型
WiFi SSID 前缀 文本输入

2.9 参数配置(配置详情)

路由/config-files/:configId

功能描述

配置设备型号的详细参数,支持新建和编辑两种模式。

页面区块

1. 型号信息卡片

  • 新建模式:适配型号(下拉)、配置文件版本(输入)、状态(待生成)
  • 编辑模式:适配型号(只读)、版本(只读)、最后更新时间

2. 发射参数卡片

字段 类型
最大发射电压 下拉500V~1500V
最大发射电流 下拉2A~10A
发射脉宽 多选标签0.25s~64s共9项
发射波形 多选标签0+0-、+0-0、+-
支持全波形测量 复选框
占空比支持 复选框50%/100%

3. 采集参数卡片

字段 类型
电压测量范围 多选标签±2.5V/±80V/±600V
采样率 多选标签50Hz/60Hz/100Hz/1000Hz
支持通道数 数字输入
迭代次数范围 范围输入(最小~最大)

4. 保护参数卡片

字段 类型
过压保护 复选框 + 阈值输入V
过流保护 复选框 + 阈值输入A
短路保护 复选框
高温保护 复选框 + 阈值输入°C

5. 网络参数卡片

字段 类型
WiFi SSID 文本输入

6. 底部操作栏sticky

  • 新建模式:取消 / 预览配置 / 确认生成配置文件
  • 编辑模式:取消 / 重置默认 / 预览配置 / 下发配置

2.10 固件库

路由/firmware(支持 ?board=板卡版本?model=型号代码 参数)

功能描述

管理固件版本,支持上传、查看详情、下载。支持板卡固件和设备型号固件两种模式。

模式说明

1. 通用模式(直接访问 /firmware

  • Tab 筛选:全部 / 主协板 / 采集板 / 发射板 / 升压板 / 主机固件 / 计算单元固件

2. 板卡固件模式(从板卡版本管理跳转,?board=MB-V1.8

  • 仅显示该板卡版本的固件,带返回按钮

3. 设备型号固件模式(从型号管理跳转,?model=GD30

  • 两个 Tab主机固件 / 计算单元固件(带数量角标)
  • 带返回按钮,标题显示型号代码

页面区块

固件版本列表(卡片式)

每个版本卡片展示:

字段 说明
版本号 如 v2.3.0
发布日期 日期
状态 已发布 / 草稿
文件大小 如 12.5MB
下载次数 如 1,234次

展开详情后额外显示:

字段 说明
MD5 / SHA256 校验值
升级类型 可选 / 强制
数字签名 已签名
发布说明 列表形式

操作按钮:下载 / 编辑 / 撤回发布 / 查看详情

  • 右上角按钮:「上传固件」

弹窗上传固件Element Plus Dialog550px宽

字段 类型 必填
固件版本 文本输入
硬件版本范围 文本输入
升级类型 下拉(可选/强制)
固件类型 下拉(主协板/采集板/发射板/主机固件/计算单元固件)
数字签名 复选框
固件包 ZIP文件上传拖拽
发布说明 多行文本(每行一条)

2.11 板卡列表

路由/board-cards

功能描述

管理所有板卡实例,跟踪板卡状态与校准信息。采集板支持查看校准文件。

页面区块

1. 统计卡片5个

  • 板卡总数、在库、已装配、故障、待校准

2. 筛选条件

筛选项 类型
板卡类型 下拉(全部/主协板/采集板/发射板/升压板)
板卡状态 下拉(全部/在库/已装配/故障/报废)
校准状态 下拉(全部/合格/不合格/待校准)
SN / 设备SN 文本搜索

3. 板卡列表(表格)

列名 说明
板卡SN 唯一标识
类型 主协板/采集板/发射板/升压板
版本 板卡版本号
固件 固件版本
状态 在库/已装配/故障/报废
所属设备 关联设备SN
校准状态 合格/不合格/待校准(仅采集板)
操作 详情 / 校准文件(仅采集板)
  • 右上角按钮:「导出」「登记板卡」(跳转/board-cards/register
  • 分页

抽屉板卡详情520px宽

  • 基本信息SN、类型、版本、固件、生产日期、状态
  • 装配信息:所属设备
  • 校准信息(仅采集板):校准状态、校准日期

抽屉校准文件640px宽仅采集板

  • 文件信息卡片文件名、文件大小、MD5、上传时间、下载按钮
  • 校准数据表格:通道、参考值、测量值、偏差(%)、结果
  • 偏差超过1%标红

2.12 板卡登记

路由/board-cards/register

功能描述

登记新板卡信息,支持单个或批量登记。采集板支持导入校准文件。

页面区块

1. 登记模式切换:单个登记 / 批量登记

2. 板卡信息表单(每条)

字段 类型 必填
板卡类型 下拉(主协板/采集板/发射板/升压板)
板卡版本 下拉(按类型联动)
固件版本 自动填充(只读)
板卡SN号 文本输入
生产日期 日期选择器
备注 文本输入

3. 采集板校准文件导入(仅采集板显示)

  • 虚线框点击上传区域,支持 .csv / .xlsx / .dat 格式
  • 已选文件显示文件名和大小,可移除

4. 登记预览表格

  • 序号、类型、版本、固件、SN号、生产日期、校准文件、状态

5. 底部操作栏

  • 显示待登记数量和校准文件附件数
  • 取消 / 确认登记

2.13 校准管理

路由/calibration(已迁移至板卡列表的校准文件功能)

功能描述

管理采集板校准数据。仅针对采集板,其他板卡无需校准。

页面区块

1. 信息提示横幅(紫色)

  • 说明校准仅针对采集板

2. 筛选条件

筛选项 类型
采集板SN号 文本输入
校准状态 下拉(全部/合格/不合格/待校准)
校准人员 下拉
查询 按钮

3. 校准记录列表(表格)

列名 说明
采集板SN号 如 RX20240308001
校准日期 日期
到期日期 日期
校准人员 如 王工程师
状态 合格(绿)/ 不合格(红)/ 待校准(黄)
操作 详情 / 校准文件
  • 右上角按钮:「导入」
  • 分页

2.12 维修工单

路由/repair

功能描述

管理维修工单的全生命周期,包括新建、处理、查看详情。

页面区块

1. 筛选条件

筛选项 类型
状态 下拉(全部/处理中/已处理/待处理)
优先级 下拉(全部/高/中/低)
维修人员 下拉
创建日期 日期范围(开始~结束)
SN 文本输入
搜索/重置 按钮

2. 维修工单列表(卡片式)

每条工单展示:

字段 说明
工单号 如 WO-2024-0001
设备SN 如 GD30-xxxx
故障类型 板卡故障/固件异常/通信异常
状态 处理中(绿底)/ 已处理(绿标签)/ 待处理灰标签带emoji图标
优先级 高(红)/ 中(橙)/ 低(蓝)

操作按钮:详情 / 处理(处理中和待处理时显示)

  • 右上角按钮:「新建工单」「维修统计」(跳转/repair/stats
  • 分页

抽屉新建维修工单520px宽

分为三个区块:

设备信息

字段 类型
设备SN 下拉选择 + 查找设备按钮
设备信息展示 只读(型号、固件、硬件版本、客户)

故障信息

字段 类型
故障类型 单选(板卡故障/固件异常/通信故障/其他问题)
故障描述 多行文本
故障现象 多行文本

工单信息

字段 类型
优先级 单选(低/中/高,带颜色)
维修人员 下拉选择
预计修复时间 日期选择器
备注 多行文本

底部:取消 / 创建工单

抽屉处理工单520px宽

分为以下区块:

处理操作

  • 单选:更换板卡 / 固件修复 / 参数重置 / 其他处理

板卡更换(条件显示,选择"更换板卡"时)

字段 类型
原板卡SN 文本输入
新板卡SN 文本输入

授权处理

字段 类型
重新生成授权文件 复选框(默认勾选)
推送适配固件 复选框

处理备注

  • 多行文本

报废处理(红色警告区域)

  • 警告文字:报废操作不可逆
  • 报废原因:下拉选择(主板损坏无法修复/多个核心部件损坏/维修成本超过设备价值/设备老化严重)
  • 申请报废按钮(跳转/scrap

底部:取消 / 提交处理

抽屉工单详情540px宽

包含以下信息区块:

  • 工单信息:工单号、状态、优先级、创建时间、维修人员、预计修复
  • 设备信息设备SN、型号、固件、硬件版本、客户
  • 故障信息:故障类型、描述、现象
  • 处理记录:时间线列表 + 添加记录按钮
  • 板卡更换记录:原板卡/新板卡信息、更换时间、更换人员
  • 授权处理:复选框(重新生成授权文件/推送适配固件)+ 处理授权按钮

底部:取消 / 关闭工单


2.13 维修工单详情(独立页面)

路由/repair/:orderId

功能描述

维修工单的独立详情页面,与抽屉详情内容一致但以独立页面形式展示。

页面区块(白色卡片堆叠)

  1. 工单信息卡片
  2. 设备信息卡片
  3. 故障信息卡片
  4. 处理记录卡片(时间线 + 添加记录按钮)
  5. 板卡更换记录卡片
  6. 授权处理卡片(复选框 + 处理授权按钮)

底部操作栏sticky

  • 取消 / 关闭工单 / 申请报废(红色,跳转/scrap

2.14 维修统计

路由/repair/stats

功能描述

展示维修数据统计和趋势分析。

页面区块

1. 时间范围筛选

  • 下拉选择 + Tab 切换(本月/上月/本季度/本年度/自定义)

2. 统计概览4列卡片

指标 颜色
总工单数 黑色
处理中 绿色 #4a7c59
已完成 绿色 #52C41A
待处理 红色 #FF4D4F

3. 图表区域2列

图表 说明
故障类型分布 横向进度条板卡故障65.5%、固件异常22.3%、通信故障6.3%、其他5.9%
维修趋势 占位图表1月-6月趋势
  • 右上角按钮:「导出报告」

2.15 报废管理

路由/scrap

功能描述

管理报废设备审批与物料回收,包含完整的审批流程。

页面区块

1. 报废审批流程(步骤条)

步骤 描述
1. 申请报废 维修工单发起
2. 主管审批 审核报废原因
3. 物料检测 检测可回收物料
4. 回收入库 物料回收登记
5. 报废完成 设备注销

2. 统计概览4列卡片

指标 颜色
报废总数 黑色
待审批 黄色
已审批待回收 绿色
已回收 绿色

3. 筛选条件

筛选项 类型
设备SN号 文本输入
状态 下拉(全部/待审批/审批中/已审批/已驳回/回收中/已回收)
报废日期 日期选择器
查询 按钮

4. 报废设备列表(表格)

列名 说明
设备SN 如 GD30-2023-001234
型号 如 GD-30 Supreme
报废原因 如 主板损坏无法修复
申请人 如 李工
状态 待审批(黄)/审批中(绿底)/已审批(绿)/已驳回(红)/回收中/已回收
来源工单 可点击跳转到维修工单详情
操作 详情 / 审批(待审批时)/ 回收入库(已审批时)/ 重新申请(已驳回时)
  • 右上角按钮:「导出」

抽屉报废详情520px宽

包含以下信息区块:

  • 设备信息SN、型号、报废日期、报废原因、残值评估
  • 审批信息:申请人、审批人、来源工单
  • 可回收物料:标签列表(如 采集板 AC20240308002、测控板 CT20240308003
  • 审批记录:时间线(提交申请 → 审批通过/驳回 → 物料回收完成)

底部:关闭 / 去审批(待审批时)/ 回收入库(已审批时)

抽屉报废审批480px宽

  • 红色警告横幅:报废操作不可逆
  • 报废设备摘要SN、型号、报废原因、残值评估、申请人
  • 可回收物料列表
  • 审批意见:多行文本

底部:取消 / 驳回(红色)/ 审批通过

抽屉物料回收入库480px宽

  • 报废设备摘要
  • 物料检测与回收:勾选列表(每项可勾选标记"已检测",绿色高亮)
  • 回收备注:多行文本

底部:取消 / 确认回收入库(绿色,跳转/registration


三、占位页面

以下页面目前为占位状态,显示"此页面正在开发中..."

页面 路由 入口
数据报表 /reports Header 图标
操作日志 /logs Header 用户菜单
系统设置 /settings Header 用户菜单
用户管理 /users Header 用户菜单
角色权限 /roles Header 用户菜单

四、通用交互规范

4.1 状态标签颜色规范

状态类型 背景色 文字色 边框色
成功/已激活/已发布/合格/已审批/已回收 #F6FFED #52C41A #B7EB8F
进行中/在产/处理中 #eef5f0 #4a7c59 #a3c4ad
警告/草稿/待审批/待校准 #FFFBE6 #FAAD14 #FFE58F
错误/已驳回/高优先级 #FFF1F0 #FF4D4F #FFCCC7
已出厂/中优先级 #FFF7E6 #FA8C16 #FFD591
低优先级 #F0F5FF #597EF7 #ADC6FF
停用/灰色 #FAFAFA rgba(0,0,0,0.45) #D9D9D9

4.2 交互模式

模式 宽度 使用场景
抽屉Drawer 480px~640px 新建/编辑/详情(从右侧滑入,背景遮罩)
弹窗Dialog 520px~560px 导入文件/上传照片
独立页面 全宽 设备详情/参数配置/维修工单详情/维修统计

4.3 表格/列表规范

  • 表头背景:#FAFAFA
  • 行分隔线:#F0F0F0
  • 分页组件:左侧显示"显示 X-Y / 共 N 条",右侧页码按钮
  • 操作按钮:绿色文字链接 #4a7c59,危险操作红色 #FF4D4F

4.4 表单规范

  • 必填标记:红色星号 *
  • 输入框边框:#D9D9D9
  • 主按钮:#4a7c59 绿色背景白色文字
  • 次按钮:#D9D9D9 边框灰色文字
  • 危险按钮:#FF4D4F 边框红色文字
  • 禁用状态:#D9D9D9 背景

五、页面路由总览

路由 页面 交互方式 说明
/ 首页 Dashboard 卡片点击跳转 全局数据概览
/models 设备型号管理 抽屉(新增型号/Checklist模板 核心枢纽
/models/bom?model= 型号BOM表 表格 + 抽屉(添加物料) 按型号管理物料清单
/boards 板卡版本管理 Tab筛选 + 抽屉(详情) 板卡型号版本管理
/board-cards 板卡列表 筛选 + 表格 + 抽屉(详情/校准文件) 板卡实例管理
/board-cards/register 板卡登记 表单 + 校准文件导入 单个/批量登记
/devices 设备列表 筛选 + 卡片列表 设备总览
/devices/:sn 设备详情 独立页面Tab切换 含可编辑授权项和配置文件
/registration 设备登记 弹窗(导入/拍照/扫码) 含生产批次、扫码录入
/licenses 授权管理 抽屉(选择授权项) 每型号一套授权模块
/firmware 固件库 弹窗(上传固件) 支持板卡/设备型号固件
/config-files 配置文件管理 抽屉(新建配置) 按型号绑定
/config-files/:configId 参数配置 独立页面 详细参数配置
/repair 维修工单 抽屉(新建/处理/详情) 维修全生命周期
/repair/stats 维修统计 独立页面 数据统计
/repair/:orderId 工单详情 独立页面 维修工单详情
/scrap 报废管理 抽屉(详情/审批/回收) 报废审批流程

六、跨模块数据流关系

设备型号管理 ──→ 授权管理(每型号一套授权模块)
设备型号管理 ──→ 配置管理(按设备型号绑定配置文件)
设备型号管理 ──→ 固件库(按型号关联主机固件/计算单元固件)
设备型号管理 ──→ BOM表按型号定义物料清单和板卡版本
设备型号管理 ──→ 设备登记Checklist模板按型号配置
板卡版本管理 ──→ 固件库(按板卡型号关联固件)

设备登记 ──→ 设备列表(登记完成后出现在列表中)
设备列表 ──→ 设备详情(点击查看,支持修改授权项和配置文件)

板卡列表 ──→ 校准文件(采集板查看校准数据)
板卡登记 ──→ 板卡列表(登记完成后出现在列表中)

设备详情 ──→ 维修工单(查看维修历史)

维修工单 ──→ 报废管理(申请报废)
报废管理 ──→ 维修工单(关联来源工单)
报废管理 ──→ 设备登记(回收入库后物料重新登记)

授权项 + 配置文件 ──→ 授权文件(系统自动生成)