# vue-draggable-workflow

**Repository Path**: ntmint/vue-draggable-workflow

## Basic Information

- **Project Name**: vue-draggable-workflow
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: GPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2022-07-04
- **Last Updated**: 2022-07-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue draggable workflow

基于 sortablejs 和 jsplumb.js 实现的 workflow。

- 支持页面布局缩放
- 支持节点
- 支持if else  
- 支持多分支
- 支持节点拖拽


## 功能
- [x] 撤销
- [x] 初始化数据
- [x] 网格线 hide/show
- [x] 边界保护
- [x] 自动排序
- [x] 手动排列
- [x] 清空数据
- [x] 获取JSON数据


# 解惑文章

[基于vue和jsplumb的工作流编辑器开发](https://juejin.cn/post/6844904144264773639)

[基于vue和jsplumb的工作流编辑器开发(二)](https://juejin.cn/post/6948313872503832612)

 
# 部分截图

<img src="./images/5.png"></img>

<img src="./images/1.png"></img>

<img src="./images/2.png"></img>

<img src="./images/3.png"></img>

<img src="./images/4.png"></img>