{"repo":"bighhhh/webtopo","free":true,"listed":false,"github":"https://github.com/bighhhh/webtopo","clone":"git clone https://github.com/bighhhh/webtopo.git","description":"基于vue+antv x6的web组态系统插件，可在系统中直接引用","language":null,"stars":36,"topics":["big-screen","dashboard","data-visualization","scada","low-code"],"license":null,"category":"dashboards-admin","readme_excerpt":"big-webtopo 基于 vue2+js 实现的 svg 可视化 web 组态编辑器。用户可直接将组件引入进自己系统，只需按要求配置好api，其他工作全部都组态系统完成。 部署在github访问可能较慢 编辑器预览：https://webtopo.huohhz.com/ 正式环境预览：https://webtopo.huohhz.com//?key=model1 有问题请提issue，以便帮助更多有相同问题的人 项目优点 组态软件核心功能都具备 只需在系统引入当前组件，开发好你自己的api就可直接使用 学习成本低 svg 文件即组件，引入之后无需进行额外配置，编辑器会自适应解析加载组件 易拓展 图元支持自定义追加样式属性，也支持自定义图元，自定义图元直接放入你本地项目的指定目录，组件会自动加载自定义图元，如果配置了上传到服务器的api，则支持直接拖拽到画布上传图元（svg、img） 易于集成 项目已经编写好了库模式脚本，组件已经发布到npm，支持外部传入自定义组件，支持组件事件订阅等 组件的引用支持npm直接安装，在你的项目中只要以vue组件形式引用，并配置好你的api就可以直接使用，简单示例： 服务 项目长期升级，每次升级和在项目中直接升级到最新版本 移动端效果 移动端横屏 移动端竖屏 电脑端效果 功能介绍 图元库 目前系统集成了上百个图元（部分图元为网络素材，如有侵权请告知），你也可以在系统中追加自己的图元 项目中追加自定义图元： 只需要将你的图元放入项目public/webtopo/custom文件夹中，系统就会自动加载到组态编辑器中 装饰 系统目前集成了上百种装饰供使用（部分图元为网络素材，如有侵权请告知）包括顶部装饰、方块装饰、文本装饰等，也可将你的装饰图元（img、svg）直接拖拽入编辑器使用，编辑器会使用你提供的api将图元上传到你的文件服务器中 图纸管理 待升级 工具栏 除了包括常用的 对齐、分布、层级、撤销、锁定外目前还集成了一些方便使用的布局，包括水平并列分布、垂直并列布局、田字格布局等 水平并列布局 垂直并列布局 田字格布局（可做数据表格） 显示事件：可查看在哪些图元上添加了左键事件、右键事件、鼠标悬浮事件等 右键菜单 右键菜单中集成了常用的如绘制管道、节点分布、节点对齐、复制粘贴等功能外，还追加了严格框选模式、自由模式、画布拖拽模式等功能 严格框选 启用后必须完全框选住图元才能选中当前图元，不启动则在框选时只要有一部分在框中就选中图元 自由模式（快捷键空格） 编辑器默认是有对齐线、吸附及网格来协助操作者画图的，但在某些情况下这些东西可能会影响到使用者一些比较细微的布局，或者管道拖拽时不想让管道锁定到图元上，这时候就可以启用自由模式，启用后就没有了这些自动化吸附功能 画布拖拽模式（快捷键alt） 在框选和画布拖拽模式之间切换 图元属性 属性 图元样式 除了内置图元样式外，还可以追加图元样式，不同类型的图元可追加不同样式属性 绑定数据 绑定数据 文本框可直接绑定数据进行展示，并可设置数据的写入位置（当一个图元包括两个文本框时，可选择数据写入到哪个文本框，如第一个文本框填变量名，第二个文本框绑定变量）、保留小数点、放大或缩小倍数（比如采集的数据为1000W可以在此处变为1kW）等 绑定时间 文本框可绑定绑定当前时间，并配置日期时间格式 绑定动画 目前系统中已有根据数据修改样式、修改状态、动画效果（闪烁、旋转）、进度效果、位移，一下分别介绍具体绑定方式 绑定样式 在条件框中输入样式生效的boolean结果公式，并启用样式修改，","default_branch":null,"files":null,"tree":[],"storefront":"/r/bighhhh","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/bighhhh/webtopo/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}