Appearance
概述
变量控件用于显示、输入或操作与变量(Tag)绑定的图形化控件
| 功能 | 说明 | 示例 |
|---|---|---|
| 1.数值控制 | 实时显示变量值,并支持对可写变量进行远程设定或操作(如修改设定值、下发指令) | 设定目标压力:0.80 MPa |
| 2.开关按钮 | 向布尔型变量写入启停、复位或切换信号,实现设备控制 | “启动电机”、“停止泵”、“自动/手动切换” |
| 3.跳转画面 | 点击按钮跳转至其他监控画面 | 跳转至“空压站详情”、“报警历史”或“趋势曲线”页面 |
| 4.弹出窗口 | 触发弹窗以进行参数设置 | 点击“参数设定”弹出数字输入窗口 |
| 5.批量控制 | 一键同时操作多个相关变量或设备,适用于系统级启停、模式切换等场景。 | “夜间节能模式” |
1.数值控制
数值控制支持下发固定值,或者弹框输入值

2.开关按钮
对Bool类型或者整数类型中的位进行操作

温馨提示
- 可以切换组件实现其他功能:
置0、置1、按0松1、取反等等 - 支持对整数类型进行按
位操作
3.跳转画面
拖拽任意一个按钮,关联 跳转画面 组件

4.弹出窗口

- 弹出位置:居中、上方、下方、左侧、右侧、左上角、左下角、右上角、自定义(自定义坐标)
- 显示遮罩层:页面上临时覆盖背景内容,以突出显示弹窗,并限制用户与页面其他部分的交互
5.批量控制
对多个变量同时控制 手动输入的数值

代码如下
api.showPromptDialog(value => {
`1#能源站房间灯`.value = value;
`2#能源站房间灯`.value = value;
`3#能源站房间灯`.value = value;
}, '0', '请输入数值', '控制')
