附:大屏常用组件使用_物联网平台_边缘计算网关

普通组件 地图或者3D地图支持下钻

默认是关闭下钻,拖入地图,并且点击右边配置,点击开启下钻开关,预览即可。

示例:

普通组件 设备分布地图

示例:

通过获取设备信息,选择对应过滤器,返回数据内容为静态数据格式一致,便能成功展现设备分布状态。

设备分页接口:localhost:8080/api/yt/device

过滤器json:

联动组件 根据组织来获取设备列表

示例:

自定义树形控件使用数据源:localhost:8080/api/yt/organization/me/list

获取设备列表数据源(分页表格使用):localhost:8080/api/yt/device

数据源中配置好params和body中的参数,大屏组件联动时事件需要绑定。

Body传入参数中加入组织。

根据组织筛选设备示例:

获取设备列表

获取组织信息:预览大屏时则可以通过选择组织,列表中会显示对应组织的设备。

联动组件 自定义搜索(举例,告警列表搜索)

示例:

通过数据源和过滤器来实现。

输入框组件绑定列表事件,可以输入设备名称查询告警。

联动组件 自定义标签选择器切换

示例 :

普通组件 自定义颜色

示例:

枚举组件 数据上报是枚举类型,显示对应枚举值

示例:

大屏中选择枚举控制组件进行属性绑定即可实现,并且可以对枚举值实行命令下发,修改图标按钮等个性化修改。

本文通过 YUQUE WORDPRESS 同步自语雀
云腾五洲-AI助理