【前端开发】基于vue+dagre-d3改造完善的前端流程图&审批可视化源码demo
前言
1、一个支持增加节点、删除节点、修改节点的流程图,增加节点可选择并行、串行、会签、下一节点并行等状态;
2、支持设置条件、删除条件、查看条件;
3、可直观显示已完成的节点和不可查看的节点,真正做到了流程可视化。
4、支持画的流程图导出为图片格式;
5、支持鼠标缩放流程图;
效果图
由于本项目改造完善花了较多时间,使用该demo至少可以给开发人员节省一周时间,较为复杂需结合开发文档使用。若有需要和了解加wx:844271163,邀请进流程设计器解决方案群。 加好友记得备注:博客园
都是基于vue实现,简单上手即可运行,开发不易,若对你有用请鼓励下我,谢谢
demo地址:https://gitee.com/zh888/dagre-d3-self-demo
本文来自博客园,作者:JeckHui;
个人主页:前端实用站点推荐; 热榜资讯早读:热榜资讯-导航;
转载请注明原文链接:https://www.cnblogs.com/xiaohuizhang/p/14842592.html
分类:
vue开发
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 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)