27 KiB
地空业务支撑平台 —— 生产管理子系统 产品原型文档
版本:v1.0
更新日期:2026-04-08
技术栈:Vue 3 + Vue Router + Element Plus + TailwindCSS + Lucide Icons
主色调:#4a7c59(绿色系)
一、系统概述
本系统为"地空业务支撑平台"的生产管理子系统,面向地球物理仪器(高密度电法仪等)的全生命周期管理,涵盖:
- 设备型号管理(核心枢纽)
- 板卡型号管理
- 设备登记与装配
- 授权文件管理
- 配置文件管理
- 固件库管理
- 采集板校准
- 维修工单
- 报废回收
1.1 全局布局
| 区域 | 说明 |
|---|---|
| 左侧边栏(200px) | Logo + 分组导航菜单,固定不滚动 |
| 顶部 Header(56px) | 系统标题 + 数据统计/运营报告入口 + 用户菜单(用户管理/角色权限/操作日志/系统设置/退出) |
| 主内容区 | 背景色 #F0F2F5,内容区可滚动 |
1.2 导航菜单结构
| 分组 | 菜单项 | 路由 | 图标 |
|---|---|---|---|
| — | 首页 | / |
— |
| 设备 | 设备列表 | /devices |
Monitor |
| 设备 | 设备型号管理 | /models |
Settings2 |
| 设备 | 板卡型号管理 | /boards |
Cpu |
| 授权 | 授权管理 | /licenses |
Key |
| 配置 | 配置管理 | /config-files |
FileCode |
| 校准 | 校准记录 | /calibration |
Gauge |
| 维修 | 维修工单 | /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条+查看全部链接)
| 任务组 | 跳转 |
|---|---|
| 校准即将到期 | /calibration |
| 维修工单 | /repair |
| 固件升级通知 | /firmware |
| 授权即将到期 | /licenses |
2.2 设备型号管理
路由:/models
功能描述
管理设备型号(GD-30/GD-20/GD-10 Supreme),是平台核心枢纽,每个型号关联授权项、配置文件。
页面区块
1. 信息提示横幅
- 绿色背景提示:型号管理是平台核心枢纽
2. 型号列表(表格)
| 列名 | 说明 |
|---|---|
| 型号名称 | 如 GD-30 Supreme |
| 编码 | 如 GD30-2024 |
| 状态 | 在产(绿色标签)/ 停产(黄色标签) |
| 操作 | 编辑 / 授权(跳转/licenses)/ 配置(跳转/config-files) |
- 右上角按钮:「新增设备型号」
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. 授权信息卡片
| 字段 | 示例 |
|---|---|
| 授权ID | LIC-2025-0001 |
| 授权状态 | 已激活 |
| 授权类型 | 正式授权 |
| 生效日期 | 2025-02-10 |
| 到期日期 | 2026-02-10 |
| 剩余天数 | 317天 |
- 授权功能模块标签列表:1D SP, 2D SP, 3D SP, 1D VES, 2D ERT, 3D ERT, 1D IP, 2D IP, 3D IP
- 授权文件下载链接
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 |
7. 维修历史(时间线)
- 每条记录:日期、类型(固件升级/主板更换/常规保养)、操作人、描述
- 右上角「查看全部」链接跳转
/repair
2.6 设备登记
路由:/registration
功能描述
登记新设备信息,包含装机信息填写、BOM清单管理、装配Checklist执行。
页面区块
1. 装机信息卡片(表单)
| 字段 | 类型 | 必填 | 示例 |
|---|---|---|---|
| 设备型号 | 下拉选择(GD-30/GD-20/GD-10 Supreme) | 是 | GD-30 Supreme |
| 主机SN号 | 文本输入 | 是 | GD30-20240308-001 |
| 主板SN号 | 文本输入 | 是 | MB20240308001 |
| 装机测试状态 | 下拉(测试通过/测试不通过) | — | 测试通过 |
| 生产日期 | 日期选择器 | — | 2024-03-08 |
| 登记人 | 文本输入(只读) | — | 张工 |
2. 型号匹配提示横幅
- 成功(绿色):显示匹配到的授权文件、配置文件、固件版本
- 警告(黄色):未匹配到型号关联信息,提示先在型号管理中配置
3. 装机清单 BOM(表格)
| 列名 | 说明 |
|---|---|
| 物料编码 | 如 MB-2024-001 |
| 物料名称 | 主协板/采集板/测控板/发射板/升压板/外壳机箱 |
| SN号 | 板卡SN号 |
| 型号 | 如 MB-V2.3 |
| 校准状态 | 已校准/无需校准 |
| 数量 | 数字 |
| 操作 | 编辑 / 删除 |
- 右上角按钮:「导入」(打开Excel导入弹窗)
4. 装配 Checklist(列表)
- 进度显示:完成 X/Y
- 每项包含:勾选框、序号圆圈、项目名称、版本校验提示(红色警告)、拍照上传按钮
- 已完成项:绿色背景 + 已上传照片数量
- 未完成项:灰色背景 + 拍照上传按钮
5. 底部操作栏(sticky)
- 取消 / 更新 / 提交
弹窗:导入BOM清单
| 区域 | 说明 |
|---|---|
| 第一步 | 下载导入模板(BOM导入模板.xlsx) |
| 第二步 | 上传Excel文件(支持 .xlsx/.xls/.csv,拖拽或点击上传) |
| 提示 | 黄色提示:确保格式与模板一致,物料编码和SN号为必填 |
弹窗:上传照片
| 区域 | 说明 |
|---|---|
| 照片网格 | 已上传照片缩略图(可删除)+ 添加照片按钮 |
| 装配记录信息 | 文本域,输入装配记录 |
| 操作 | 取消 / 确认上传(显示照片数量) |
2.7 授权管理
路由:/licenses
功能描述
管理设备授权文件,按设备型号管理授权模块配置。
页面区块
1. 信息提示横幅(青色)
- 说明授权文件按设备型号管理,设备在APP激活时自动下载对应型号的授权文件
2. 筛选条件
| 筛选项 | 类型 |
|---|---|
| 设备型号 | 下拉(全部/GD-10/GD-20/GD-30) |
| 状态 | 下拉(全部/已发布/草稿/已停用) |
| 查询 | 按钮 |
3. 授权列表(表格)
| 列名 | 说明 |
|---|---|
| 适配型号 | 如 GD-10 Supreme |
| 授权模块 | 如 1D SP, 2D SP, 1D VES... |
| 有效期 | 永久 / 1年 / 2年 |
| 创建日期 | 日期 |
| 状态 | 已发布(绿)/ 草稿(黄)/ 已停用(灰) |
| 操作 | 详情 / 下载 / 发布(草稿时)/ 停用(已发布时) |
- 右上角按钮:「导出」「选择授权项」
- 分页
抽屉:选择授权项(640px宽)
| 字段 | 类型 | 说明 |
|---|---|---|
| 设备型号 | 下拉选择 | 必填,切换型号自动预选对应授权项 |
| 授权有效期 | 下拉(永久/1年/2年/自定义) | — |
| 到期日期 | 日期选择器 | 仅"自定义"时显示 |
功能授权项列表(表格+勾选)
| 授权项名称 | GD-10 | GD-20 | GD-30 |
|---|---|---|---|
| 1D SP | ✓ | ✓ | ✓ |
| 2D SP | ✓ | ✓ | ✓ |
| 3D SP | ✗ | ✓ | ✓ |
| 1D VES | ✓ | ✓ | ✓ |
| 2D ERT | ✓ | ✓ | ✓ |
| 3D ERT | ✗ | ✓ | ✓ |
| 1D IP | ✓ | ✓ | ✓ |
| 2D IP | ✓ | ✓ | ✓ |
| 3D IP | ✗ | ✓ | ✓ |
| 跨孔(Cross-Hole) | ✗ | ✓ | ✓ |
| 水上(Marine) | ✗ | ✓ | ✓ |
- 顶部显示:已选 X / Y 项
- 操作:全选 / 清空
- 底部:取消 / 保存
2.8 配置文件管理
路由:/config-files
功能描述
管理设备型号配置文件,包含发射参数、采集参数、网络参数等。
页面区块
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
功能描述
管理固件版本,支持上传、查看详情、下载。
页面区块
固件版本列表(卡片式)
每个版本卡片展示:
| 字段 | 说明 |
|---|---|
| 版本号 | 如 v2.3.0 |
| 发布日期 | 日期 |
| 状态 | 已发布 / 草稿 |
| 文件大小 | 如 12.5MB |
| 下载次数 | 如 1,234次 |
展开详情后额外显示:
| 字段 | 说明 |
|---|---|
| MD5 / SHA256 | 校验值 |
| 升级类型 | 可选 / 强制 |
| 数字签名 | 已签名 |
| 发布说明 | 列表形式 |
操作按钮:下载 / 编辑 / 撤回发布 / 查看详情
- 右上角按钮:「上传固件」
弹窗:上传固件(Element Plus Dialog,550px宽)
| 字段 | 类型 | 必填 |
|---|---|---|
| 固件版本 | 文本输入 | 是 |
| 硬件版本范围 | 文本输入 | 是 |
| 升级类型 | 下拉(可选/强制) | 是 |
| 固件类型 | 下拉(主协板/采集板/发射板/主机固件/计算单元固件) | 是 |
| 数字签名 | 复选框 | — |
| 固件包 | ZIP文件上传(拖拽) | 是 |
| 发布说明 | 多行文本(每行一条) | — |
2.11 校准管理
路由:/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
功能描述
维修工单的独立详情页面,与抽屉详情内容一致但以独立页面形式展示。
页面区块(白色卡片堆叠)
- 工单信息卡片
- 设备信息卡片
- 故障信息卡片
- 处理记录卡片(时间线 + 添加记录按钮)
- 板卡更换记录卡片
- 授权处理卡片(复选框 + 处理授权按钮)
底部操作栏(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 | 卡片点击跳转 | Dashboard.vue |
/models |
设备型号管理 | 抽屉(新增型号/Checklist模板) | DeviceModelManagement.vue |
/boards |
板卡型号管理 | Tab筛选 + 抽屉(详情) | BoardManagement.vue |
/devices |
设备列表 | 筛选 + 卡片列表 | DeviceList.vue |
/devices/:id |
设备详情 | 独立页面 | DeviceDetail.vue |
/registration |
设备登记 | 弹窗(导入/拍照) | DeviceRegistration.vue |
/licenses |
授权管理 | 抽屉(选择授权项) | LicenseManagement.vue |
/firmware |
固件库 | 弹窗(上传固件) | FirmwareLibrary.vue |
/config-files |
配置文件管理 | 抽屉(新建配置) | ConfigFileManagement.vue |
/config-files/:configId |
参数配置 | 独立页面 | ParameterConfiguration.vue |
/calibration |
校准管理 | 表格列表 | CalibrationRecords.vue |
/repair |
维修工单 | 抽屉(新建/处理/详情) | RepairOrders.vue |
/repair/stats |
维修统计 | 独立页面 | RepairStats.vue |
/repair/:orderId |
工单详情 | 独立页面 | RepairOrderDetail.vue |
/scrap |
报废管理 | 抽屉(详情/审批/回收) | ScrapManagement.vue |
六、跨模块数据流关系
设备型号管理 ──→ 授权管理(按设备型号绑定授权项)
设备型号管理 ──→ 配置管理(按设备型号绑定配置文件)
板卡型号管理 ──→ 固件库(按板卡型号关联固件)
设备型号管理 ──→ 设备登记(Checklist模板按型号配置)
设备登记 ──→ 设备列表(登记完成后出现在列表中)
设备列表 ──→ 设备详情(点击查看)
设备详情 ──→ 校准记录(查看校准信息)
设备详情 ──→ 维修工单(查看维修历史)
维修工单 ──→ 报废管理(申请报废)
维修工单 ──→ 校准记录(更换采集板需重新校准)
报废管理 ──→ 维修工单(关联来源工单)
报废管理 ──→ 设备登记(回收入库后物料重新登记)