【前端开发】基于vue+dagre-d3改造完善的前端流程图&审批可视化源码demo

前言

1、一个支持增加节点、删除节点、修改节点的流程图,增加节点可选择并行、串行、会签、下一节点并行等状态;

2、支持设置条件、删除条件、查看条件;

3、可直观显示已完成的节点和不可查看的节点,真正做到了流程可视化。

4、支持画的流程图导出为图片格式;

5、支持鼠标缩放流程图;

效果图

 

 由于本项目改造完善花了较多时间,使用该demo至少可以给开发人员节省一周时间,较为复杂需结合开发文档使用。若有需要和了解加wx:844271163,邀请进流程设计器解决方案群。  加好友记得备注:博客园

 都是基于vue实现,简单上手即可运行,开发不易,若对你有用请鼓励下我,谢谢

demo地址:https://gitee.com/zh888/dagre-d3-self-demo

posted @   JeckHui  阅读(2581)  评论(0编辑  收藏  举报
编辑推荐:
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 【杭电多校比赛记录】2025“钉耙编程”中国大学生算法设计春季联赛(1)
点击右上角即可分享
微信分享提示