可视化简图、流程编排器

我要开发同款
masterDc2024年04月21日
65阅读
开发技术前端、es6、node.js、typescriptvueJavaScript
所属分类Web框架
授权协议MIT许可

作品详情

可视化编辑简图流程器,可高效完成边端的scada类绘图需求。
2. 功能描述
2.1 图元统一管理
新增图元统一管理后台及IOT工程侧图元管理功能。
2.1.1 admin后台管理
1. 管理员可从后台对图元进行的增删改,以及分组管理操作。
2.1.2 iot工程侧
2. 工程可按业务需求选择当前工程下需要用到的图元,打开简图后物料区仅能看到已选中的图元。
2.1.3 开发自定义图元组件
3. 自定义图元开发
增强简图编辑器的图元的扩展能力,为有代码能力的第三方人群提供标准的图元开发模式及代码调试能力,包含图元的打包上传,正常渲染使用等。
4. 面向用户开放图元上传功能,可上传自定义图元或者开发自定义图元组件(类似现增强图元)。
后台管理门户
IOT工程侧
2.1.4 提供版本功能
5. 提供版本功能
2.2 创作属性大爆发
2.2.1 图元属性配置优化
1. 图元属性分模块整体复制粘贴。
2. 支持图形属性,样式属性,动画,事件的复制粘贴功能。
2.2.2 支持多人协作
2.2.3 画面未保存防丢失处理
缓存2s
当版本不变,缓存还在,再次进入提示:是否恢复上次操作
2.3 一起coding
2.3.1 脚本编辑器
1. 使用场景:
预启动脚本、启动脚本、关闭脚本、运行脚本
事件触发脚本
下拉框、复选框图元运行脚本
2. 内部功能:
贮藏代码、内置函数、运算符、测点
2.3.2 表达式增强
内置函数、运算符、测点
一条语句,再复杂,最后的结果也就是True/False
2.3.3 资产面板(IOT测点)
2.3.4 在云组态中引入变量体系+API配置面板
增强画面内部交互的能力,并打通云组态中获取API数据的能力
1. 云组态中支持定义页面级别变量。
2. 支持云组态中变量选择数据源,包括API和脚本。
3. 提供事件方法,脚本内置函数用于重设和刷新变量值。
2.3.5 边缘组态和云组态引入常量体系
1. 定义
2. 使用
3. 替换(事件、鼠标按下、切换画面)
2.4 图元能力增强
2.4.1 二开图元功能增强
二开图元功能增强,开放事件及动画配置,并将数据源暴露至业务层配置
1. 配置二开图元内部基础图元的动画、事件属性
2. 绑定的数据源属性可以设定暴露在外部配置
3. 支持二开图元导入导出
4. 提供配置及操作效率
5. 二开图元本身不支持事件设置,动画仅支持显示隐藏配置。
2.4.3 文本框功能增强
双击可编辑文本
后台管理门户可以由管理员手动隐藏/开启
2.4.3 状态文本图元增强
根据测点状态和数值,显示不同
2.4.3 柱状图图元增强
柱状图提供方法列表减少脚本编辑。
1. 提供方法列表,点击事件中配置调用柱状图提供的方法,方法参数可以是:常量、变量、其他图元的属性。
2. 支持数据源品质异常显示效果。
3. 云边端一致呈现。
2.5 体验优化
2.5.1 文档建设
文档、章节
鼠标悬浮进行提示
2.5.2 支持gif动图
提升使用者的观感,增强客户粘性
2.5.3 动画-管道、旋转
酷炫动画,随心定制
2.6 提升效率:
2.6.1 模板管理
在Iot门户菜单栏中新增模板管理,提升快速复用能力;
2.6.2 复用能力
画面模板;
常量替换;
2.6.3 二开图元
二开图元导入导出
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论