整理版产品设计来源 09

科杰企业级系统:菜单结构与页面流程

本文档用于把科杰企业级大系统进一步落到“用户每天怎么用”的层面,输出: PC 端菜单结构 移动端菜单结构 关键业务流程 主要页面跳转关系

更新时间:2026/03/26 12:35标签:菜单结构 / 流程 / 前端路由

科杰企业级系统(菜单结构与页面流程)

1. 文档定位

本文档用于把科杰企业级大系统进一步落到“用户每天怎么用”的层面,输出:

  • PC 端菜单结构
  • 移动端菜单结构
  • 关键业务流程
  • 主要页面跳转关系

该文档可作为后续原型设计和前端路由规划的基础。

2. PC 端菜单结构

建议采用一级导航 + 二级菜单 + 详情页工作区的结构。

2.1 首页工作台

一级菜单:工作台

二级菜单建议:

  • 我的待办
  • 我的审批
  • 今日告警
  • 本周到期
  • 重点项目
  • 风险设备
  • 快捷入口

2.2 客户与商机中心

一级菜单:客户与商机

二级菜单建议:

  • 客户列表
  • 联系人管理
  • 商机列表
  • 跟进记录
  • 报价单管理
  • 合同与订单

2.3 产品与标准化设计中心

一级菜单:标准设计

二级菜单建议:

  • 机型库
  • 电控方案库
  • 图纸库
  • PLC 版本库
  • BOM 模板库
  • 工程变更管理

2.4 采购与供应链协同中心

一级菜单:采购供应链

二级菜单建议:

  • 供应商主档
  • 元器件目录
  • 采购计划
  • 采购订单
  • 到货记录
  • 不合格处理
  • 备件目录
  • 国产化替代分析

2.5 生产与交付中心

一级菜单:生产交付

二级菜单建议:

  • 生产任务
  • 装配记录
  • 出厂检验
  • 交付资料包
  • 项目交付清单
  • 安装前准备

2.6 设备主档与一机一档中心

一级菜单:设备档案

二级菜单建议:

  • 设备主档列表
  • 随机资料
  • 检验资料
  • 使用登记资料
  • 档案完整度
  • 生命周期状态
  • 设备版本记录

2.7 安全检查维保台账中心

一级菜单:安全台账

二级菜单建议:

  • 日检任务
  • 月检任务
  • 维保任务
  • 年度自检
  • 定检准备
  • 问题池
  • 整改任务
  • 到期预警
  • 附件中心
  • 导出中心
  • 台账看板

2.8 售后与服务运营中心

一级菜单:售后服务

二级菜单建议:

  • 服务工单
  • 派工调度
  • 维修记录
  • 维保合同
  • 配件领用
  • 服务评价
  • 故障知识库

2.9 IoT 与远程运维中心

一级菜单:IoT 运维

二级菜单建议:

  • 联网设备
  • 工况监控
  • 告警中心
  • 远程诊断
  • 采集点配置
  • 升级预留管理

2.10 合规与监管协同中心

一级菜单:合规监管

二级菜单建议:

  • 检验周期管理
  • 使用登记状态
  • 报检/安拆流程映射
  • 合规风险台账
  • 对外资料导出
  • 接口配置

2.11 数据分析与经营决策中心

一级菜单:经营分析

二级菜单建议:

  • 经营总览
  • 设备状态分析
  • 台账风险分析
  • 售后服务分析
  • 采购与供应链分析
  • 国产化替代分析
  • IoT 运营分析

2.12 系统管理中心

一级菜单:系统管理

二级菜单建议:

  • 用户与角色
  • 组织架构
  • 权限模板
  • 数据字典
  • 通知配置
  • 日志审计
  • 平台参数

3. 移动端菜单结构

移动端建议聚焦“高频现场动作”,不做全量后台搬运。

3.1 首页

  • 我的待办
  • 今日告警
  • 快捷扫码
  • 工单提醒
  • 到期提醒

3.2 现场作业

  • 日检填报
  • 月检填报
  • 维保填报
  • 整改处理
  • 签字确认

3.3 售后工单

  • 我的工单
  • 待上门
  • 服务记录
  • 配件领用
  • 客户确认

3.4 设备中心

  • 设备扫码详情
  • 设备档案摘要
  • 检验/登记状态
  • 历史记录

3.5 审批与提醒

  • 我的审批
  • 风险提醒
  • 到期提醒
  • 系统通知

3.6 轻分析

  • 风险设备
  • 本周完成率
  • 工单统计

4. 页面流程设计原则

4.1 从“列表 → 详情 → 动作”展开

系统主流程尽量统一为:

  • 列表页定位对象
  • 详情页展示完整上下文
  • 动作页完成录入、审批、导出、关闭

4.2 一个主对象对应一个主详情页

建议主对象统一详情页:

  • 客户详情页
  • 商机详情页
  • 方案详情页
  • 设备详情页
  • 工单详情页
  • 整改详情页

4.3 现场高频场景必须短路径

例如日检、维保、工单接单、扫码查档,尽量在移动端两到三步内完成。

5. 关键业务流程

5.1 销售到交付主流程

客户线索 → 商机立项 → 报价方案 → 合同订单 → 生产任务 → 出厂检验 → 交付资料包 → 设备建档

页面流转

  • 客户列表页
  • 商机详情页
  • 报价详情页
  • 合同订单页
  • 生产任务详情页
  • 出厂检验页
  • 交付资料包页
  • 设备主档详情页

5.2 标准设计资产发布流程

机型建立 → 电控方案设计 → 图纸上传/版本化 → PLC版本上传 → BOM模板维护 → 工程变更审核 → 正式发布

页面流转

  • 机型详情页
  • 电控方案详情页
  • 图纸版本页
  • PLC版本页
  • BOM模板页
  • 变更申请页
  • 变更审批页

5.3 一机一档建立流程

交付信息生成 → 设备主档创建 → 随机资料归档 → 检验资料归档 → 使用登记状态录入 → 档案完整度评估

页面流转

  • 交付资料包页
  • 设备主档创建页
  • 随机资料页
  • 检验资料页
  • 使用登记资料页
  • 档案完整度页

5.4 日检/月检/维保流程

任务生成 → 待办提醒 → 现场填报 → 签字确认 → 问题项沉淀 → 整改闭环 → 归档导出

页面流转

  • 日检/维保任务列表页
  • 填报页
  • 签字确认页
  • 问题池页
  • 整改详情页
  • 单设备归档页
  • 导出中心页

5.5 定检与合规流程

检验到期识别 → 定检准备任务 → 资料补齐 → 状态校验 → 报检资料导出 → 合规风险更新

页面流转

  • 检验周期页
  • 定检准备任务页
  • 设备档案页
  • 对外资料导出页
  • 合规风险页

5.6 售后服务流程

工单发起 → 派工调度 → 现场服务 → 配件领用 → 客户确认 → 工单关闭 → 故障归档

页面流转

  • 服务工单列表页
  • 工单详情页
  • 派工页
  • 服务记录页
  • 配件领用页
  • 客户确认页
  • 故障知识库页

5.7 IoT 告警联动流程

设备联网 → 工况采集 → 告警触发 → 运维查看 → 判断转售后或台账任务 → 记录闭环

页面流转

  • 联网设备页
  • 实时监控页
  • 告警中心页
  • 远程诊断页
  • 服务工单页 / 维保任务页

6. 页面跳转关系建议

6.1 设备详情页作为核心中枢页

设备详情页建议聚合:

  • 主档信息
  • 检验与登记状态
  • 最近台账记录
  • 最近工单记录
  • 附件摘要
  • 风险提示
  • 快捷动作(发起维保/导出资料/查看告警)

6.2 工单详情页作为服务中枢页

工单详情页建议聚合:

  • 设备摘要
  • 客户信息
  • 派工记录
  • 服务记录
  • 配件使用
  • 客户确认
  • 关闭结果

6.3 方案详情页作为设计中枢页

方案详情页建议聚合:

  • 关联机型
  • 图纸版本
  • PLC版本
  • BOM版本
  • 变更历史
  • 生效状态

7. 一期页面上线优先级

P0 页面

  • 工作台
  • 设备主档列表/详情
  • 交付资料包页
  • 日检/月检/维保/年度自检任务页与填报页
  • 整改任务页
  • 合规风险页
  • 服务工单列表/详情
  • 机型库 / 电控方案 / 图纸 / PLC / BOM 基础页

P1 页面

  • 报价与合同页
  • 采购计划与订单页
  • 出厂检验页
  • 检验周期页
  • 导出中心页
  • 统计看板页

P2 页面

  • 联网设备页
  • 实时监控页
  • 远程诊断页
  • 客户门户页
  • 供应商协同页
  • 维保商协同页

8. 结论

菜单结构和页面流程的目标,不是把所有模块平铺,而是让“设备主档、标准设计资产、台账、售后、合规”形成几条稳定主线。只要这几条主线顺了,后面的 IoT、客户协同、监管对接才能自然接上。