跳到主要内容
版本:Next

页面应用案例

下面将为您介绍自主搭建的一个产线监控分析系统案例:

​ 进入系统,首先在登录页登录成功后,进入产线监控页面,监控产线各设备状态及核心参数,点击切至产线分析看板,查看产线能耗、产量、过程参数等业务统计分析,同时提供系统基础应用模块,对用户及其权限进行管控。

效果演示

页面案例

配置说明

1)按照系统结构,创建以下页面

image-20230203135128789

2)登录页:添加背景图及系统名,添加登录组件,调整布局和样式,关联登录成功后跳转页面;

image-20230203140252567

3)主页面:主要搭建系统框架。添加系统标题及其背景图,页面底部添加下拉菜单组件,页面中心添加画面容器组件,菜单选择页面的画面容器为跳转切换主体,实现局部切换效果,各菜单项关联对应目标画面。

image-20230203144631396

image-20230203144528957

4)产线监控页面:添加产线图片、添加所需的监控组件,如“文本组件+读写组件”,描述展示控制产线设备参数,整理布局排版。

image-20230203163141340

5)产品分析看板:定义所需展示的业务指标后,如分析产线能耗趋势、比较各物料消耗、展示产量&合格KPI指标、实时展示生产过程核心参数等。添加对应类型图表至图表区域,关联对应业务数据集,按需调整图表样式。

image-20230203163028926

6)权限、日志页面:新建页面后直接拖拽运行模块至画布,保存即可应用。

image-20230103210637477

7)点击运行