化工生产制程数字化系统
快速原型演示 · 静态HTML · 展示核心页面与交互
设计规范说明
本原型严格遵循需求文档中的设计规范，采用工业风格深色主题，确保在大屏幕和移动设备上都有良好的体验。
主背景
#1e1e2f
卡片背景
#2d2d3f
强调色
#f0a500
成功色
#00a896
进行中
#0284c7
主文字
#f0f0f0
后台管理端（PC Web）
登录页
居中卡片布局，含账号密码和验证码输入，支持错误提示
账号登录
验证码
主框架
顶部导航栏 + 左侧菜单布局，包含面包屑导航
框架
导航
产品管理
产品列表的增删改查，支持搜索、导入导出Excel
CRUD
Excel
原料管理
原料信息管理，含CAS号、库存告警阈值设置
CRUD
CAS号
设备管理
设备按工厂分类，支持通信协议配置
设备
工厂
模板管理
生产流程模板配置，节点设置、依赖关系、规则
模板
节点配置
通信协议管理
Modbus/OPC UA协议参数配置
Modbus
OPC UA
员工账号管理
账号增删改查，角色分配（操作员/组长/高级/主管）
RBAC
角色
系统配置
登录重验证超时、拍照分辨率等参数配置
配置
参数
任务发布
主管发布生产任务，支持唯一性校验
发布任务
唯一性校验
任务监控
实时查看任务状态、进度、人员分配
监控
进度
报表管理
生产记录查询与导出，支持多条件筛选
报表
导出
移动端（平板 / 手机）
登录认证页
刷脸登录 + 指纹登录双入口，摄像头实时检测
刷脸
指纹
主页（操作员）
任务列表、当前节点操作面板、进度条显示
任务
参数录入
拍照页面
全屏摄像头、预览加水印、上传功能
拍照
水印
组长功能视图
流程总览、节点审核、任务中止（平板横屏）
组长
审核
主管功能视图
任务监控、发布任务（手机App风格）
主管
发布