可视化大屏工具不胜枚举，并且以vue技术栈为主流。
而这款工具另辟蹊径，“上得厅堂”更能“下得厨房”——GUI无代码编程！
效果
「运行」
「编辑」
无代码开发前端趣味编程
过程
「步骤1」定时器延时弹窗
按钮点击，定时器启动，延时3秒后，触发对话框弹窗。按顺序连线。
「步骤2」定时器自动关闭
定时器默认周期触发，会导致每隔3秒，都会弹窗。因此加一条连线，指向自己，对开启属性设置0。
这样延时结束后，触发弹窗的同时，会关闭定时器本身，不再触发。
「步骤3」连线准备二级弹窗（设置速度）
延时弹窗后，点击确定，再次出发二级弹窗，准备用来设置扇叶速度。
「步骤4」连线解析数据弹窗显示
延时弹窗后，点击确定，把对话框的内容传给二级弹窗中显示。
「步骤5」对话框内容页加上风扇
去掉二级弹窗的连线，新增扇叶页面，替换对话框原有的内页。
「步骤6」连线让里层的扇叶转动
先继承扇叶的开关等属性，再由定时器连线，打开扇叶开关。这样定时结束，弹窗的同时，内嵌页的扇叶也会转动。
「步骤7」二级弹窗显示扇叶的转速
延时触发对话框弹窗后，点击确定，触发二级弹窗，并且显示扇叶转速。
「步骤8」弹窗回写设置扇叶的转速
二级弹窗将值修改后，点击确定，回传给扇叶，并触发此前的一级弹窗。
「步骤9」将定时器的倒计时可视化
按钮启动定时器2后，每隔100毫秒，将输入框值减去100，周期自减。
「步骤10」自减到0时停止继续减
为避免持续自减，出现负数。定时器1结束后，经连线也停掉定时器2。
「步骤11」加上进度条显示延时进度
延时从开始到结束，通过连线传值，提现到进度条，从0到1。
「步骤12」再加上环模拟加载进度
与进度条类似，再多加进度环组件，另一种风格显示0 ~100%。
「步骤13」数值取小数位数给进度环显示
为了避免进度环显示一连串小数，通过工具函数，限定值的小数位数。
「步骤14」让页面逻辑能加载时执行
此前的连线逻辑，需要按钮点击才能触发，现在让页面加载时就触发。
「步骤15」让扇叶的一级弹窗全屏显示
通过布局，让带扇叶的延时弹窗，能全屏显示，模拟加载完毕显示内容。
「步骤16」优化整体布局和外观
摆放进度条和进度环，初始打开时居中、上下显示，更好看。
「步骤17」自定义内嵌扇叶对话框
去掉对话框默认的顶部关闭、底部取消按钮；修改扇叶图标形状。
「步骤18」注释（组件、函数、连线）
给组件等增加注释，方便阅读和后期维护。
原理
上面示例，全过程由uiotos通过拖拽、嵌套、连线，无代码编程实现！
关于
UIOTOS是一款“神奇”的前端工具，支持无代码搭建后台管理、上位机HMI、大屏组态等各类IoT应用。
- UIOTOS 集成 物联中台 = IoT平台上层应用（SCADA、CRUD）
- UIOTOS 集成 NodeRed = 工控设备上位机（GUI / HMI）
- UIOTOS 集成 APIJSON = 中后台业务管理（CRUD）
