HMI触屏网关-了解VISON界面

原文详情见：https://www.iotrouter.com

概述

本章节主要介绍VISION界面的构成以及各个板块的功能，如果你已经对此有一定了解，可以跳过此章节。

VISION主要由3个视图组成：首页（启动视图）、实验室（测试视图）、编辑器（编辑视图）。点击左下角的功能按钮，可以切换不同的视图界面，如图所示：

首页

首页是启动视图，也是VISION主页面，用于显示设计好的组态画面。

实验室

实验室是测试视图，支持手动修改数据点的值，来测试组态界面是否正常运行。从而实现组态画面调试无需连接真实设备，前后端完全分离。

编辑器

编辑器是编辑视图，即组态编辑页面，接下来重点介绍编辑器的使用方法。请根据右侧的大纲目录查看。

菜单

1. 项目

1.1. 新建项目

点击即可新建项目，但是当前项目会丢失，请谨慎操作。

1.2. 保存项目

点击即可保存当前项目。

1.3. 下载项目

点击即可下载当前项目，以Json文件存储，在需要时可以重新导入。

1.4. 打开项目

点击即可选取之前下载的项目导入。

1.5. 重命名项目

重新修改项目名称。

2. 设置

2.1. 视图

无论当前在哪个页面，点击即可跳转到编辑器主视图。

2.2. 线形图

此处设置线形图的数据源，以供控件线形图调用。详情参考：

此处为语雀内容卡片，点击链接查看：如何使用图表 · IOTRouter

2.3. 布局设置

2.3.1. 启动视图

一个项目可以创建多个视图，此处可指定启动视图。

2.3.2. 启动时显示登陆弹窗

当使用权限管理时，请打开此选项。登录窗口如图所示：

2.3.3. 缩放

禁用：当使用EV8010自带触摸屏时，请禁用缩放，且将画布设置为：1280*798以消除滚动条。

手动：当使用EG8200Pro外接HDMI显示屏时，请选择手动缩放，以消除滚动条。

自动：自动模式下无法消除滚动条。

2.3.4. 输入弹窗

当需要输入信息时，一般选择虚拟键盘。

2.3.5. 显示导航

设置是否显示导航栏（包括侧边菜单和页眉导航）。

2.3.6. 显示连接错误

设置是否在右下角以弹窗的形式显示连接错误信息。

2.3.7. 侧边菜单

设置侧边菜单的显示样式。

2.3.8. 页眉导航

设置页眉导航的显示样式。

2.4. 条形图

此处设置条形图的数据源，以供控件条形图调用。详情参考：

此处为语雀内容卡片，点击链接查看：如何使用图表 · IOTRouter

2.5. 连接

此处设置VISION数据通信的协议，详情请参考：

此处为语雀内容卡片，点击链接查看：如何创建数据标签 · IOTRouter

2.6. 用户

可以创建新的用户，并可以为用户分配角色，按照角色分类对其进行权限划分。详情请参考：

此处为语雀内容卡片，点击链接查看：如何使用权限 · IOTRouter

2.7. 设置

2.7.1. 语言

支持多种语言。

2.7.2. 端口

请勿修改。

2.7.3. 令牌

是否使用令牌进行认证，当使用权限时请启用。

2.7.4. 广播

是否向所有组态客户端广播标签值。

2.7.5. 日志

是否使用日志完整模式。

2.7.6. DAQ存储

数据库设置，支持SQlite、influxDB、TDengine。详情请参考：

此处为语雀内容卡片，点击链接查看：如何使用数据库 · IOTRouter

2.7.7. 报警

报警记录保存时间。

2.8. 日志

日志信息。

2.9. 警报

用户可以指定某些数据标签在指定范围时产生警报信息。详情请参考：

此处为语雀内容卡片，点击链接查看：如何设置报警 · IOTRouter

2.10. 脚本

用户可以自定义Javascript脚本，已实现一些个性化的需求。详情请参考：

此处为语雀内容卡片，点击链接查看：如何使用脚本 · IOTRouter

素材库

素材库第一栏为视图，用户可以自由的新建、复制、删除、导入、导出视图。

其余栏为素材库，所有资源都可以选中后在画布中使用。

调色区

选中控件后，可以快速选择调色区的颜色修改控件的颜色。

画布

画布用于摆放控件来实现组态。

工具

预览：显示当前视图。

缩放：选中后，单击画布可以放大。

网格：开启/关闭网格。

撤销：撤销。

取消撤销：取消撤销。

复制：复制选择的控件。

删除：删除选择的控件。

最下层：置于最下层。

最上层：置于最上层。

超链接：设置超链接。

项目列表选择器：显示当前所有的控件，方便管理。