创建纯水净化系统监控页面¶

监控可视化工具常用于构建设备运行状况的实时监控页面。本教程以纯水净化系统的智能监控为示例场景，实现氮封水箱液位、碳罐阀门开关状态及高压泵进水阀的交互跳转等设备数据的实时监控。

教程目标¶

通过本教程，你将学习如何在监控可视化工具中创建纯水净化系统监控页面及相关数据绑定。

确保你已经在 EnOS 注册了个人账户或企业账户，以访问 EnOS 管理控制台和 EnOS 应用门户。
确保帐户已被分配 设备连接和管理、时序数据管理 和 数字孪生可视化 菜单的访问权限。
确保当前 OU 已有 EDT_纯水系统 资产并已配置 TSDB 存储策略，参见准备模拟数据。
- 模型文件：你可以下载 model_PureWater.json 导入模型。
- 设备模拟器数据：你可以下载 sample_PureWater.csv 上传模拟数据。
确保当前 OU 的 EDT_纯水系统 资产已挂载至 Trainee Tree 资产树下，参见新建资产树文档。
确保当前 OU 的 数字孪生可视化 > 监控工具 > 监控页面 中已有 Training 文件夹，并在文件夹中已有 纯水模板 与 阀门弹窗 图纸。若无，你可以下载 panel_PureWater.zip 和 panel_Valve.zip 导入模板。因该模板附带图纸路径信息，将会自动导入至 Training 文件夹下。若当前 OU 不存在 Training 文件夹，则会自动创建该文件夹。有关导入模板的更多信息，参见导出与导入图纸。

在配置图元前，需要创建一个图纸来摆放图元。

新的文件夹与图纸已成功创建，现在你可以对图纸进行资产绑定。根据以下步骤完成纯水系统的资产数据与纯水图纸连接。

创建图纸并绑定资产后，你可以在页面中添加和编辑图元组件，将数据与图元组件进行绑定。监控可视化工具提供丰富的图元类型，帮助你以最合适的方式对数据进行展示。

根据以下步骤完成氮封水箱的液位下方的文本内容与纯水系统的氮封水箱液位测点数据绑定，使监控页面可以实时显示该真实数据。

选择 氮封水箱 > 液位显示 下方的数值，进入图元编辑态。

注解

请确保选中文本图元，不为数值区域底部的橙色色块。
选择右侧 图纸设置 > 文本 > 内容 配置项右方的连接按钮，打开数据绑定弹窗。
选择 添加数据 进入数据选择弹窗。
选择 EDT_纯水系统 资产，选择测点标签，进入测点列表。
在右上方搜索 氮封水箱液位，选择该测点。
选择确定，将该测点数据与文本图元绑定。
添加的测点已显示在数据列表中，数据编号为 v1。在函数编辑区添加逻辑代码 return Number(v1).toFixed(2)，使文本内容为返回的测点数据，并保留小数点后两位。
选择确定完成图元的数据绑定。
选择图纸右上角保存按钮保存图纸后，选择预览进行预览，即可看到该图元绑定数据后的效果。

根据以下步骤完成砂罐正进阀的阀门与纯水系统的碳进水电动阀开关状态测点数据绑定，使监控页面可以实时显示阀门状态。

根据以下步骤完成配置高压泵进水阀的交互事件，选择高压泵进水阀后可出现弹窗。