版本: v1.0 修改日期: 2026-05-29
1 功能说明
2D 组态的可交互组件中新增 「DataTime」 组件,用于在图纸预览时展示最近一个 topic 获取到数据的时间。
组件行为:
- 拖拽至图纸后,展示的默认内容为
Data Update Time - 进入预览页面后,该组件展示图纸中最近一个 topic 获取到数据的时间
- 组件的数据绑定区域需做特殊处理:隐藏「🔗」与「🗑️」图标,仅保留可点击的编辑入口
- 点击编辑后,弹出编辑数据弹窗,弹窗中:
- 「显示名称」 默认填充,不可编辑
- 仅 「时间格式」 可编辑
2 操作步骤
-
添加 「DataTime」 组件
图 1 添加 DataTime 组件
-
添加一个展示数据的组件
图 2 添加展示数据组件
-
预览结果
图 3 预览结果默认展示
-
调整时间格式
图 4 时间格式编辑入口
图 5 编辑数据弹窗
图 6 时间格式填写
-
效果展示
图 7 调整时间格式后的预览效果
3 常见问题
| 现象 | 可能原因 | 处理建议 |
|---|---|---|
| DataTime 组件预览时显示空白 | 图纸中未添加其他数据展示组件,或展示组件未正确绑定点位 | 确保图纸中至少有一个数据展示组件绑定了有效点位并正常取数 |
| 组件显示的时间不更新 | 对应 topic 的设备数据上报中断,或 MQTT 连接异常 | 检查设备是否在线且数据正常上报,确认 MQTT 通道连接状态正常 |
| 编辑时间格式后未生效 | 修改时间格式后未点击确认保存,或未重新预览 | 修改时间格式后点击弹窗「确认」保存,再进入预览模式查看效果 |
组件默认显示内容不是 Data Update Time | 组件添加后被意外修改了默认文本 | 删除该组件后重新从图形库拖拽添加,恢复默认配置 |
Last updated on