wflow 您所在的位置:网站首页 移动审批工作流设计与实现 wflow

wflow

2024-06-02 23:12| 来源: 网络整理| 查看: 265

wflow 工作流

star fork

✨✨✨vue3船新版本开发中

🎈🎈vue3版本 wflow-web-next

📋 简介

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

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

注意: 这是前端设计器部分,配套的工作流后端目前只有pro版本支持

👩‍👦‍👦加入交流群 微信 QQ 扫码或搜索 willianfu_ 加我微信,备注 wflow拉入群 1群(已满): 156972829 2 群:853185510

开源不易,觉得不错的话可以给个 ⭐ star 鼓励一下

😋 github地址 | 码云gitee

👉 访问官网: wflow官网 👈

🚀 wflow-pro

wflow pro版(💰付费) 已经发布,完整的前后端支持功能更强,感兴趣的同学可以访问演示链接进行体验

👉 访问官网: wflow 官网 👈

👀开源版界面一览 工作区面板 输入图片说明 输入图片说明 表单管理

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

输入图片说明 输入图片说明 表单基本设置 输入图片说明 表单设计器

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

image-20220724220114724

image-20220724221040780

流程设计器

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

image-20220711111351476

自定义审批条件

image-20220722182318650

自定义复杂流转条件

可视化流程逻辑分支条件

image-20220722182622661

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

image-20220722182427315

支持无限层级嵌套

image-20220711111911427

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

image-20220731215022817

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

输入图片说明 ✍开发

📃 详细文档请访问上面的官网

项目结构 ├─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":"备注说明" } 💗打赏列表

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

昵称 (按时间排序) 金额 * 晓龙 400 * HF 188 * 晓龙 500 * 基 9.9 * 学龙 30 * 辉 50 * ncert 50 。 30 💪支持作者

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



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有