wflow 工作流

📋 简介

wflow-web 是 wflow工作流 项目的前端设计器，免费且开源，本设计器包含表单设计，审批流程设计。

区别于传统Bpmn自带流程设计器，传统设计器晦涩难懂，对于普通企业用户使用门槛偏高，没有经过专业培训根本无从下手，需要相关专业人员辅助来创建流程。而本设计器界面简单，符合普通大众的思维逻辑，易于理解和上手使用。

**注意： ** 这是前端设计器部分，配套的工作流后端目前还没有正式开发，个人精力有限慢慢肝，大家可以持续关注下😅

👩‍👦‍👦感兴趣的同学可扫码加入交流群，如果二维码失效了，可以加我微信 willianfu_ 备注wflow 拉你入群

开源不易，用爱发电，觉得不错的话可以给个 ⭐ star 鼓励一下

😋 github地址 | 码云gitee

👉 在线体验地址：戳我打开演示页面 👈

📃 详细文档请访问： wflow文档

👀界面一览

工作区面板

表单管理

工作流表单管理，支持分组和单组表单拖拽排序

表单基本设置

表单设计器

支持分栏布局、明细表格、以及多种基础组件，支持自定义开发组件

流程设计器

任意条件层级审批流程设计，审批节点支持多种业务类型设置，支持流程校验

自定义审批条件

自定义复杂流转条件

可视化流程逻辑分支条件

支持多种类型业务节点，支持配置校验，灵活配置

支持无限层级嵌套

自动校验设置项，列出所有错误提示

条件节点优先级动态拖拽，实时刷新

✍开发

📃 详细文档请访问： wflow文档

项目结构

├─api 接口
├─assets
│  └─image
├─components 通用组件
│  └─common
├─router 路由
├─store vuex，设计器数据存储
├─utils
└─views 主要页面及视图
    ├─admin
    │  └─layout
    │      ├─form 表单设计
    │      └─process 流程设计
    ├─common
    │  ├─form 表单
    │  │  ├─components 表单组件
    │  │  ├─config 表单组件配置
    │  │  ├─expand 扩展组件
    │  │  └─settings 设置
    │  └─process 流程
    │      ├─config 流程节点设置
    │      └─nodes 流程节点
    └─workspace 工作区

设计器数据

设计器的数据都存在Vuex中，需要传递到后端时，直接取出提交到接口

{
    "formId":"37289743892", //表单ID，由后端生成
    "formName":"补卡申请", //表单名称
    "logo":{ //图标
        "icon":"图标/图片base64",
        "background":"#FEFEFE" //如果是图片则不生效
    },
    //表单权限及其他属性设置
    "settings":{
        "commiter": [], //哪些人可以提交发起表单
    	"admin":[], //表单管理员，可以编辑及导出数据
        "singn": false, //全局设置审批时是否需要签字
        "notify":{
            "type": "APP", //通知类型 APP QQ WX DING EMAIL
            "title": "消息通知标题"
        }
    },
    "group":20, //所在分组
    "formItems":[],//表单设计数据
    "process":{}, //流程数据
    "remark":"备注说明"
}

💗打赏列表

感谢以下朋友的支持，也感谢关注本项目及提出宝贵建议的各位。

昵称（按时间排序）	金额
* 基	9.9
* 学龙	30
* 辉	50
vincert	50
。	30

💪支持作者

开源不易，需要鼓励，如果觉得这个项目有帮助到了你请我喝杯咖啡吧😋

hejiaqiang1980/wflow