Skip to content

前端配置

为方便用户进行定制化风格管理,特提供前端配置功能,提供包括按钮悬浮/置顶、展示风格、字体样式和报警展示等页面定制化展示设置,用户可根据业务需要定制风格。

用户执行配置修改后,需要点击保存修改至服务器,刷新浏览器方可呈现修改后的风格。全部前端配置均保存在graphConfig.js文件里,文件可独立保存方便后续直接引用。
显示CODE:开启后,可查配置项对用的参数名称。

远程监视及分析系统OPGview用户手册V3.724513.png
远程监视及分析系统OPGview用户手册V3.724514.png

1. 首页配置

OPGview运行过程中,默认实时画面首页用于PC侧图形展示和监控需要,在用户未指定专属首页的情况下默认展示;图形回放首页用于PC侧过程回放首页展示需要;手机端首页用于移动端和大屏展示等访问OPGview服务时首页展示需要。用户需要根据实际情况输入相应zxml图形文件名称,点击保存修改至服务器,刷新浏览器界面配置即可生效。
请注意,软件运行中所需要使用的图形文件都需通过资源文件管理上传至diagram文件夹。资源文件上传可参考[资源文件管理功能/]介绍。

配置项名称配置项功能描述配置项内容配置项功能
默认实时图形首页PC图形实时首页文件请填入默认实时图形zxml文件名称默认实时画面首页,当用户指定首页文件时则展示指定画面
图形回放首页PC图形回放首页文件请填入回放图形zxml文件名称默认回放画面首页
移动端首页移动端首页文件请填入移动端首页zxml文件名称默认移动端实时画面首页
远程监视及分析系统OPGview用户手册V3.724964.png

2. 菜单出现方式

菜单出现方式,默认为悬浮球+顶部菜单效果。用户可通过修改首页“菜单出现方式”配置项,改变展示方式。修改后请点击保存修改至服务器,输入管理员密码方可生效。
目前支持四种样式设置:
(1). 悬浮球+菜单样式:

远程监视及分析系统OPGview用户手册V3.725072.png 远程监视及分析系统OPGview用户手册V3.725074.png
(2). 悬浮球+顶部菜单样式:

远程监视及分析系统OPGview用户手册V3.725088.png
远程监视及分析系统OPGview用户手册V3.725090.png

(3). 悬浮球样式:

远程监视及分析系统OPGview用户手册V3.725099.png

远程监视及分析系统OPGview用户手册V3.725101.png
此样式下如需进行配置管理维护,请在浏览器中输入http://127.0.0.1:8088/opgview/setting,可调用配置管理页面:
远程监视及分析系统OPGview用户手册V3.725175.png

(4). 顶部菜单样式:

远程监视及分析系统OPGview用户手册V3.725187.png 远程监视及分析系统OPGview用户手册V3.725185.png

每次前端设置均需“保存修改至服务器”,输入管理员密码后方可生效。

远程监视及分析系统OPGview用户手册V3.725222.png

3. 前端其他配置

其他前端配置,如报警颜色渲染、趋势参数和组态颜色渲染等各类效果展示,均支持在线修改。修改后请点击保存修改至服务器方可生效。
远程监视及分析系统OPGview用户手册V3.725305.png
远程监视及分析系统OPGview用户手册V3.725300.png
远程监视及分析系统OPGview用户手册V3.725303.png