一、登录

在电脑端打开现代浏览器（ chrome 、 edge 、 firefox 等），在地址栏中输入： http://39.106.34.18:84/ 并回车，进入系统登录页面，从交付物中获取系统账户密码填入，点击登录即可进入系统

系统界面需要鉴权后才可进行后续操作，以此来保证系统数据安全。

 

二、首页

正确登录后，系统默认进入首页，如下图：

页面板块分区如图所示：

1.logo 区：本系统所有版权公司 logo 展示

2.菜单导航区：当前用户所拥有的菜单权限，对应系统内不同业务功能展示

3.登录信息区：当前用户信息，包括头像、名称以及登出功能操作

4.数据分析区：简易分析当前用户有权限数据

5.项目切换：可切换展示不同项目下挂载设备情况（仅有权限项目）

6.设备状态及配置：展示当前项目下设备的在线离线情况以及配置情况

 

三、系统管理

 

本模块用于系统的基础功能维护以及个人账户数据维护

①　 个人资料：

左侧展示当前用户的基本信息，包括头像、账户、名称、性别等基础资料，也可以快速查看当前用户关联的角色以及项目。

同时提供修改头像、基本信息、密码等功能。

右侧显示当前用户在平台内的所有登录历史，可以快速查看是否有账户泄露风险。

②　 组织架构：

左侧展示当前系统内维护的组织架构信息，以公司为根节点，点击一个节点，右侧会展示关联了当前节点以及所有递归子节点的用户信息。

右侧展示用户列表信息，包含用户基础信息展示以及对应操作（修改：修改基础资料信息，并 配置角色、项目权限；重置：重置此用户登录密码，在此用户忘记密码时此功能可以重置为默认密码 123456 ；锁定 / 解锁：即设置此用户是否可以登录系统；删除：即删除此用户所有权限及操作记录）。

筛选功能可以按条件过滤用户信息，以便快速查找对应用户。

操作区按钮可以添加用户或批量删除用户。

③　 角色管理：

左侧展示系统内维护的角色信息（不包含默认角色）。通过授权按钮，在右侧配置此角色的菜单权限及接口权限，记住在配置后需要点击保存按钮。

右侧展示系统内维护菜单资源及接口资源，级联选择，重置按钮可以快速清空当前选择。

④　 资源管理：

树列表形式展示系统内所有资源信息，系统把资源分为菜单资源及接口资源，菜单资源控制前端界面展示，接口控制数据展示。

⑤　 项目管理：

用于维护当前用户在系统内所有项目，本系统以项目为最大业务力度，同时也是用户数据隔离的基础，也是设备所必须要挂载的位置。项目如果配置了运维时间区间，系统会自动计算修改项目状态。

⑥　 设备管理：

维护系统内添加的设备信息，此设备与物理件设备对应，其中的唯一标识用于区分不同的设备。在线状态及同步时间会根据与设备的通讯自行处理。周期会根据设备添加的时间开始累计，以天为单位，可以计算出设备运行的总时长。

⑦　 接口日志：

记录了系统内所有用户操作本系统的动作，通过接口位置及操作类型可以有效关注到用户的危险操作，用于问题溯源。同时接口耗时以及结果可以判定接口是否存在 bug 或性能问题。此功能只记录添加、修改、删除等影响系统运行的操作。

⑧　 设备日志：

记录了系统与硬件通讯的全部交互数据，通过方向判定系统发给设备或设备发给系统，通过数据内容快速查看双方交互是否正确符合规范。

⑨　 设备文件：

记录了设备放往系统的全部采集到的业务文件，同时可以下载对应记录的文件来做其他线下操作。

 

四、告警管理

 

此模块记录了系统运行或与设备交互或设备主动上报的各类异常告警信息，同时提供一套告警处理业务流程逻辑。及时发现及消除告警是系统运维的一个重要工作。

其中设备离线告警在设备一定时间内没有与系统通讯的情况下产生，在设备与系统正常通讯后，告警会自行处理完。

设备与平台间心跳间隔默认为 30 秒。

五、设备管理

 

设备管理用于展示设备基础信息以及配置信息，此模块功能提供系统与设备的双向同步功能，以同步目标方数据作为最新信息展示及应用。此功能配置均需要同步给设备才可正常使用。

①　 设备配置：可以同步设备侧配置信息，也可以通过页面开关控制系统是否接收设备数据。 设备信息修改需要在系统管理 --> 业务管理 --> 设备管理里维护设备信息，然后在此处与设备同步 。

 

②　 MODBUS 配置：按设备侧业务配置。具体配置项请参考系统与设备通讯交互定义文档。通过正向 / 反向同步与设备进行配置同步，通过列表行的操作列可以控制设备立即执行或停止执行此 MODBUS 配置。 切记配置的 CUD 操作均需要同步到设备侧才生效，否则设备依然按原配置执行，可以通过配置的状态来确认同步状态。

 

③　 高速采集卡配置：设备注册时上报此类配置，平台只可展示，不可操作。

 

④　 时控配置：按设备侧业务配置。具体配置项请参考系统与设备通讯交互定义文档。通过正向 / 反向同步与设备进行配置同步，通过列表行的操作列可以控制设备立即执行或停止执行此 MODBUS 配置。 切记配置的 CUD 操作均需要同步到设备侧才生效，否则设备依然按原配置执行，可以通过配置的状态来确认同步状态。

 

六、设备数据

 

此功能通过从设备侧获取回来的数据做业务功能展示，主要分为两块： MODBUS 、高速采集卡。需要先选择左侧对应的设备后，右侧功能才能正常使用。此功能区图表需要加载大量业务数据展示，存在一定的性能需求，建议打开浏览器硬件加速功能，避免使用 CPU 资源绘制导致的卡顿，图表支持鼠标滚动来切换显示区域，小范围的区域可以得到更快的渲染速度。同时图表数据可以按需导出成 csv 或 excel 。

①　 MODBUS ：

通过日期区间展示此时间段内系统获取到的设备 MODBUS 数据。可以通过点击图表上不同维度来减少或增加显示内容。

②　 高速采集卡：

此功能由于需要读取设备上传的大文件解析并展示（数据文件大小可达到 20M ，百万级数据量渲染点，渲染需要 5-10 秒左右），接口响应有 1-5 秒的延迟。

流程：选择对应的高速采集卡配置 --> 选择日期 --> 选择文件 --> 查询。

本系统使用 Echarts 作为图表渲染组件，受限于此插件对海量数据渲染的优化项与需求不符（比如大数据区间渲染、采样率算法等），同时测试多种现代浏览器，此插件均未应用硬件加速功能，所以渲染速度及 CPU 占用会瞬间比较高，对客户端浏览器的性能也有一定的要求，建议 4 核心 8G 内存 FHD 分辨率（ 100% 放大）以上使用本系统。

七、数据监控

 

此功能主要展示系统内业务数据的概览，主要是设备及项目的数据统计分析及展示。

①　 左侧：

以统计图表形式展示项目及设备状态。

②　 右侧：

以项目 --> 设备层级展示设备的基础信息。