搭建可配置页面


本文介绍应用构建者如何在统一监测中利用数字孪生可视化搭建可配置页面。

前提条件


在搭建可配置页面之前:

  • 确保当前帐号已被分配所需的资产权限、操作权限点和包含可配置页面在内的菜单组。如未分配,联系应用管理员。
  • 确保已在通用数据服务中完成相关资产属性、测点以及指标的注册。更多信息,参见 有关 EnOS 通用数据服务
  • 确保已发布配置完成的数字孪生可视化页面,并已取得数字孪生可视化页面的 URL。更多信息,参见 发布指标页面
  • 如需使用可配置页面的筛选器,确保已在数字孪生可视化页面的全局过滤器中添加了可配置页面的相关输出参数。更多信息,参见 可配置页面输出参数
  • 如需同步组件模板,确保已为需要同步到可配置页面中的数字孪生可视化组件模板添加了标签。更多信息,参见 组件模板
  • 如需关联多个数字孪生可视化页面,确保已在 EnOS 管理控制台 > 模型 中添加了相关资产与属性,并在 资产树 中为资产的属性配置了枚举值。

配置页面功能


  1. 在左侧导航栏中选择 可配置页面

    注解

    统一监测支持自定义菜单名称,因此实际菜单名称可能与本文有所差异。如需帮助,联系应用管理员。

  2. 选择 功能配置 i_function

  3. 基础配置 标签页中配置以下信息。


    字段 描述 示例
    显示标题 在页面左上角显示标题。启用后可在 标题 栏中自定义页面标题,支持填写 ${nodeName} 参数展示当前区域或场站名称,或 ${userName} 参数展示当前用户名。 例如若当前场站名称为 风场-1,在 标题 栏中输入 ${nodeName} 概览 后,页面左上角显示的标题为 风场-1 概览
    主题 可配置页面的主题样式,支持 跟随应用门户主题黑色绿色白色 若选择 跟随应用门户主题,可配置页面的主题样式将与当前应用门户主题保持一致。
    模板管理 管理可配置页面的模板。 有关可配置页面模板的更多信息,参见 管理模板


  4. 资产配置 标签页中开启 资产配置 开关并配置以下信息。


    字段 描述 示例
    可选维度 可配置页面支持的资产维度,可选择 场站及以上场站与设备。若选择 场站及以上,可在 分组方式 中选择可配置页面支持的具体维度。 如需展示多个场站的数据,选择 场站及以上,如需展示特定场站及此场站中的设备数据,选择 场站与设备
    资产类型 可配置页面中展示的资产类型。若选择多个资产类型,可拖动资产类型左侧的排序图标对各类型资产的显示顺序进行排序。 例如如需依次显示风电、水电以及光伏场站,可在下拉列表中选择 风电水电 以及 光伏。并在将显示顺序调整为 风电-水电-光伏
    资产类型筛选器 允许终端用户指定页面中展示的资产类型。 更多信息,参见 筛选特定资产的数据
    分组方式筛选器 允许终端用户指定页面中展示的资产范围(包括集团、区域和场站)。需启用 场站及以上 资产维度并配置 分组方式 更多信息,参见 筛选特定资产的数据
    场站筛选器 允许终端用户筛选页面中展示的场站、场站内的资产以及相关数据。可在 选择方式 中选择是否可以同时选择多个场站。 更多信息,参见 筛选特定资产的数据
    同步资产 打开新页面时自动选择当前可配置页面选中的资产 例如若在可配置页面中选择风机-1、风机-2,打开资产列表页面将自动展示风机-1与风机-2的资产数据。


  5. 时间配置 标签页中开启 时间配置 开关并配置以下信息。


    字段 描述 示例
    时间间隔筛选器 指定 时间范围筛选器 中的时间间隔,可选择 并配置默认时间间隔。 更多信息,参见 筛选特定时间段的数据
    时间范围筛选器 允许终端用户筛选特定时间段内的数据。 更多信息,参见 筛选特定时间段的数据
    时间格式 指定时间格式,可选择 YYYY-MM-DDYYYY-MM-DD HH:mm:ss 如需将可配置页面中的时间精确到秒,选择 YYYY-MM-DD HH:mm:ss。如需精确到年,选择 YYYY-MM-DD
    选择器类型 配置筛选器中显示 时间点时间范围 若选择 时间点,终端用户仅可在时间范围选择器中选择特定日、月、年(取决于 时间间隔 中的配置)。若选择 时间范围,终端用户可在时间范围选择器中选择一段时间。
    最早可选时间 指定时间范围筛选器中可选的最早时间,可选择 不限制绝对时间(直接指定时间) 和 相对时间 (以当前时间为基准指定时间)。 例如,若设置最早可选时间为 60 天前,可选择 绝对时间 并选择 60 天前的日期,或选择 相对时间 并配置为 60 |
    最晚可选时间 指定时间范围筛选器中可选的最晚时间,可选择 不限制绝对时间(直接指定时间) 和 相对时间 (以当前时间为基准指定时间)。 例如,若设置最晚可选时间为 1 个月后,可选择 绝对时间 并选择一个月后的日期,或选择 相对时间 并配置为 1 |
    时间快捷方式 在时间间隔筛选器旁显示时间快捷方式按钮。 终端用户可选择时间快捷方式按钮快速应用特定时间范围。


  6. 控制配置 标签页中开启 控制配置 开关,终端用户可在可配置页面中选择 控制 按钮打开控制面板。

  7. 关联页面配置 标签页中配置以下信息。


    字段 描述 示例
    页面来源 选择可配置页面的页面来源,支持 DTV其他 若页面来自于数字孪生可视化的指标页面或监控页面,选择 DTV,否则选择 其他
    关联方式 选择 DTV 页面的关联方式,支持 单页面 URL按属性关联 单页面 URL 仅支持关联单个 DTV 页面,按属性关联 可关联多个 DTV 页面。
    URL 地址 若页面来源为 其他 或 DTV 关联方式为 单页面 URL,输入关联页面的 URL。 例如,若页面的 URL 为 {domain-name}/dt/encompass/page/2fe2ca90-c60b-46ba-ba77,则需在此处输入 /dt/encompass/page/2fe2ca90-c60b-46ba-ba77
    选择属性 指定关联多个 DTV 页面依据的页面属性,并在下方 URL 地址 表格中配置关联条件、页面名称与 URL 地址。页面属性来自于 EnOS 管理控制台 >资产树 中资产的属性。当资产属性的枚举值与关联条件匹配时,终端用户即可在选择此资产后查看相应可配置页面。若枚举值与多个关联条件相匹配,终端用户可在可配置页面中选择标签页切换相应页面。 假设存在 场站状态 属性与 风场-1 资产,且在 EnOS 管理控制台 >资产树 为风场-1的场站状态配置了枚举值 12,则终端用户在可配置页面选择 风场-1 时可查看 条件12 的页面。


  8. 选择 发布,在弹窗中输入此次发布的修改说明等内容作为 备注 并选择 确认

注解

关联多个页面时,如需配置页面名称,确保属性类型为 array,否则此页面的名称将显示为 条件 中的值。

管理组件


可配置页面支持添加或编辑在数字孪生可视化中配置完成的可视化组件。有关在数字孪生可视化中配置可视化组件的更多信息,参见 添加组件

添加组件模板


  1. 在左侧导航栏中选择 可配置页面
  2. 在可配置页面中选择 编辑页面 i_setting 进入页面编辑器。
  3. 选择 添加组件 按钮,在弹窗中选择目标组件模板并选择 添加到页面

编辑组件


  1. 在左侧导航栏中选择 可配置页面
  2. 在可配置页面中选择 编辑页面 i_setting 进入页面编辑器。
  3. 将光标悬停在目标组件右上的省略号图标(…)上并选择 编辑 跳转至 组件编辑器 页面。
  4. 组件编辑器 页面你可以编辑组件的基本信息、数据项、样式、筛选器等信息。有关组件编辑器的更多信息以及各组件的可配置项,参见 组件
  5. (可选)如需复用该组件,你可以选择 另存为模板 ,在弹窗中输入模板的所属项目、名称、标签信息并选择 确定 将该组件另存为组件模板。
  6. 选择 更新 并在页面编辑器中选择 保存

管理模板


可配置页面的模板主要包含以下信息:

  • 资产范围
  • 组件和功能配置
  • 页面布局

注解

仅可将数字孪生可视化(DTV)页面保存为模板。

保存当前页面为模板


通过以下步骤将配置完成的可配置页面保存为新模板或更新当前模板:

  1. 在左侧导航栏中选择 可配置页面

  2. 将光标悬停至设置按钮 i_setting 并选择 保存模板

  3. 在保存模板弹窗中输入以下信息。


    字段 描述
    模板名称 输入该模板的名称。
    模板描述 输入该模板的描述。
    模板分组 选择模板所属的分组。
    保存时间粒度与范围 选择 ,模板会保存当前页面的时间配置。选择 ,模板的时间配置将为系统默认值。
    保存为组织默认视图 选择 ,进入 可配置页面 页面会默认展示当前页面配置。


  4. 选择 确认

另存模板为新模板


若当前页面已应用模板,且对原模板进行了修改,通过以下步骤将修改后的模板另存为新模板:

  1. 在左侧导航栏中选择 可配置页面

  2. 将光标悬停至设置按钮 i_setting 并选择 另存为模板

  3. 在保存模板弹窗中输入以下信息。


    字段 描述
    模板名称 输入该模板的名称。
    模板描述 输入该模板的描述。
    保存时间粒度与范围 选择 ,模板会保存当前页面的时间配置。选择 ,模板的时间配置将为系统默认值。
    保存为组织默认视图 选择 ,进入 可配置页面 页面会默认展示当前页面配置。


  4. 选择 确认

编辑模板


  1. 在左侧导航栏中选择 可配置页面
  2. 选择 模板
  3. 选择目标模板卡片右上角的 编辑 i_edit_t
  4. 在弹窗中编辑模板的名称和描述以及分组并选择 确认

删除模板


  1. 在左侧导航栏中选择 可配置页面
  2. 选择 模板
  3. 选择目标模板卡片右上角的 删除 i_remove
  4. 在弹窗中选择 确认

恢复页面配置


如需撤销所有在可配置页面中进行的编辑操作,通过以下步骤将页面恢复为关联页面发布时的配置状态:

  1. 在左侧导航栏中选择 可配置页面
  2. 在可配置页面中选择 编辑页面 i_setting 进入页面编辑器。
  3. 在页面编辑器中选择 恢复。并在弹窗中选择 恢复到当前组织的初始配置
  4. 选择 确定

恢复历史版本


历史版本列表中包含已发布页面的版本号、修改人、修改时间、备注等信息。如需使用之前的可配置页面页面,通过以下步骤将当前页面恢复为历史版本:

  1. 在左侧导航栏中选择 可配置页面
  2. 在可配置页面页面中选择 功能配置 i_function
  3. 选择 历史版本 打开历史版本列表。
  4. 在历史版本列表中选择相应版本的 恢复
  5. 在弹窗中选择 确认

导入或导出页面


可配置页面支持以 JSON 文件形式导入或导出以下内容,实现同一页面的迁移与复用:

  • 页面功能配置
  • 资产与数据项配置

导出页面


  1. 在左侧导航栏中选择 可配置页面
  2. 在可配置页面页面中选择 功能配置 i_function
  3. 选择 导入/导出 > 导出,浏览器将自动下载配置文件。

导入页面


  1. 在左侧导航栏中选择 可配置页面
  2. 在可配置页面页面中选择 功能配置 i_function
  3. 选择 导入/导出 > 导入
  4. 在弹窗中上传配置文件并选择 确定