{"id":19990489,"url":"https://github.com/willianfu/wflow","last_synced_at":"2025-05-04T09:35:50.579Z","repository":{"id":47124231,"uuid":"303255400","full_name":"willianfu/wflow","owner":"willianfu","description":"workflow 工作流设计器，企业OA流程设计。表单流程设计界面操作超级简单！！普通用户也能分分钟上手，不需要专业知识。本设计器支持可视化拖拽表单组件，动态任意层级结构审批节点，支持复杂流程条件设置","archived":false,"fork":false,"pushed_at":"2023-06-13T03:19:10.000Z","size":2268,"stargazers_count":350,"open_issues_count":5,"forks_count":76,"subscribers_count":12,"default_branch":"master","last_synced_at":"2024-04-18T13:45:09.314Z","etag":null,"topics":["approval","process","workflow"],"latest_commit_sha":null,"homepage":"http://wflow.willianfu.top","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/willianfu.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-10-12T02:17:07.000Z","updated_at":"2024-04-18T09:02:05.000Z","dependencies_parsed_at":"2023-02-17T13:31:04.457Z","dependency_job_id":null,"html_url":"https://github.com/willianfu/wflow","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/willianfu%2Fwflow","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/willianfu%2Fwflow/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/willianfu%2Fwflow/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/willianfu%2Fwflow/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/willianfu","download_url":"https://codeload.github.com/willianfu/wflow/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":224391383,"owners_count":17303609,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["approval","process","workflow"],"created_at":"2024-11-13T04:51:15.890Z","updated_at":"2024-11-13T04:51:49.449Z","avatar_url":"https://github.com/willianfu.png","language":"Vue","readme":"\u003cp align=\"center\"\u003e\n\u003cimg src=\"https://pic.rmb.bdstatic.com/bjh/e2fe27dbed5b8c43bbd59374360c5763.png\" width=\"100px\"\u003e\n\u003c/p\u003e\n\n\n\u003ch1 align=\"center\"\u003ewflow 工作流\u003c/h1\u003e\n\n[![star](https://gitee.com/willianfu/jw-workflow-engine/badge/star.svg?theme=dark)](https://gitee.com/willianfu/jw-workflow-engine/stargazers) [![fork](https://gitee.com/willianfu/jw-workflow-engine/badge/fork.svg?theme=dark)](https://gitee.com/willianfu/jw-workflow-engine/members) \u003cimg src=\"https://img.shields.io/badge/release-v0.0.1-brightgreen.svg\"\u003e \u003cimg src=\"https://shields.io/badge/license-APACHE2.0-blue\"\u003e\n\n\n## 📋 简介\n\n`wflow-web` 是 `wflow工作流` 项目的前端设计器，免费且开源，本设计器包含表单设计，审批流程设计。\n\n\u003e 区别于传统Bpmn自带流程设计器，传统设计器晦涩难懂，对于普通企业用户使用门槛偏高，没有经过专业培训根本无从下手，需要相关专业人员辅助来创建流程。而本设计器界面简单，符合普通大众的思维逻辑，易于理解和上手使用。\n\n**注意：** 这是前端设计器部分，配套的工作流后端目前只有pro版本支持\n\n\n\n### 👩‍👦‍👦加入交流群\n![wc](http://106.13.16.28:83/wechat-group.jpg)\n\n|                             微信                             |       QQ       |\n| :----------------------------------------------------------: | :------------: |\n|     扫码或搜索 `willianfu_` 加我微信，备注 `wflow`拉入群     | 加群 156972829 |\n\n\n\n\n\n开源不易，觉得不错的话可以给个 ⭐ star 鼓励一下\n\n 😋  [github地址](https://github.com/willianfu/wflow)  |   [码云gitee](https://gitee.com/willianfu/jw-workflow-engine)\n\n  👉 访问官网： [wflow新官网](http://wflow.willianfu.top) 👈\n\n\n\n------\n\n### 🚀 wflow-pro\n\n`wflow`  pro版（💰付费） 已经发布，完整的前后端支持功能更强，感兴趣的同学可以访问演示链接进行体验\n\n👉 访问官网： [wflow新官网](http://wflow.willianfu.top) 👈\n\n#### pro版新增功能\n\n- 组件库全面支持`PC + 移动端 (ElementUI + Vant)`，一次表单设计，分别渲染成两种效果，即时预览\n- 表单支持权限控制，每个节点可以看到不一样的表单，且支持动态设置表单内容字段只读、可编辑、隐藏，审批时能动态修改表单，改变后续流程走向\n- 组件库新增组件\n  - 省市区选择\n  - 手写签字板\n  - 单行及多行输入框，支持摄像头扫码录入信息\n  - 时间、时间范围选择器\n  - 评分\n  - 地理位置选择，高德地图选位置\n  - 流程关联，可在表单内关联以往发起过的流程\n  - 计算公式，配置一个计算公式，根据其他字段值自动计算本字段结果\n  - Vue容器，能够在线编写Vue代码，生成自定义的组件\n  - Iframe容器，嵌入一个URL页面\n  - 新增几十种常用图标\n  - 更多组件后续增加。。。\n\n- 审批流程回显执行过程，支持附件及评论，流程处理支持评论、同意、驳回、退回、撤销、转交、动态加签\n\n\n**全新工作台面板**\n\n![image-20220813002851111](https://pic.rmb.bdstatic.com/bjh/75bb79771bf78d273917df9495bf35b7.png)\n\n **流程管理** \n\n![image-20220917085336806](https://dd-static.jd.com/ddimg/jfs/t1/88709/15/33072/150832/63251a92E5e6fda69/47495b56b1080b9e.png)\n\n\n发起审批，左侧表单，右侧显示执行流程步骤\n\n![image-20221110153638526.png](http://150.158.162.224/assets/img/image-20221110153638526.01748e11.png)\n\n\n\n👇 表单设计器即时预览，根据设备自动适配\n\n\u003cimg src=\"https://yzf.qq.com/fsna/kf-file/kf_pic/20221112/KFPIC_kfh5221fa29cfc019f_h5cded9881fc7d6fdfece5fb364b_WXIMAGE_3079660b72f24786b209db4990fae07c.png\" alt=\"image-20221110153702877.png\" style=\"zoom:33%;\" /\u003e\n\n\n **预览审批进度** \n\n![image-20220917085045176](https://dd-static.jd.com/ddimg/jfs/t1/112699/19/29490/422145/632519e9Ee06ee0b0/dfe1943c51fc447a.png)\n\n------\n\n\n\n**支持流程打印**\n\n\u003cimg src=\"http://150.158.162.224/assets/img/image-20221110153859233.8370b76a.png\" style=\"zoom:50%;\" /\u003e\n\n\n\n## 👀开源版界面一览\n\n###  **工作区面板** \n\n\u003cimg src=\"https://images.gitee.com/uploads/images/2020/1005/140253_39e3f2d5_4928216.png\" alt=\"输入图片说明\" title=\"屏幕截图.png\" style=\"zoom: 50%;\" /\u003e\n\n\u003cimg src=\"https://images.gitee.com/uploads/images/2020/1005/140329_89cd5aac_4928216.png\" alt=\"输入图片说明\" title=\"屏幕截图.png\" style=\"zoom:50%;\" /\u003e\n\n\n\n### 表单管理\n\n **工作流表单管理，支持分组和单组表单拖拽排序** \n\n\u003cimg src=\"https://images.gitee.com/uploads/images/2020/1005/140358_17fc6838_4928216.png\" alt=\"输入图片说明\" title=\"屏幕截图.png\" style=\"zoom:50%;\" /\u003e\n\n\u003cimg src=\"https://images.gitee.com/uploads/images/2020/1005/140502_bdc2ea04_4928216.png\" alt=\"输入图片说明\" title=\"屏幕截图.png\" style=\"zoom:50%;\" /\u003e\n\n\n---------\n\n####  **表单基本设置** \n\n\u003cimg src=\"https://images.gitee.com/uploads/images/2020/1005/140559_5c51a89b_4928216.png\" alt=\"输入图片说明\" title=\"屏幕截图.png\" style=\"zoom: 50%;\" /\u003e\n\n\n\n\n--------\n\n####  **表单设计器**\n\n\u003e  支持分栏布局、明细表格、以及多种基础组件，支持自定义开发组件\n\n![image-20220724220114724](https://pic.rmb.bdstatic.com/bjh/b0f1ed22d61ea86b4222b89dbea6ecd1.png)\n\n![image-20220724221040780](https://pic.rmb.bdstatic.com/bjh/73e71e1323812a57802a76beffe27906.png)\n\n\n\n\n\n\n---------\n\n #### 流程设计器\n\n\u003e 任意条件层级审批流程设计， 审批节点支持多种业务类型设置，支持流程校验\n\n![image-20220711111351476](https://pic.rmb.bdstatic.com/bjh/3300dbc60218a8376b45ed6ed46e8162.png)\n\n\n\n**自定义审批条件**\n\n![image-20220722182318650](https://pic.rmb.bdstatic.com/bjh/4599e414142004f3b0445e478018b8be.png)\n\n\n---------\n\n**自定义复杂流转条件**\n\n\u003e 可视化流程逻辑分支条件\n\n![image-20220722182622661](https://pic.rmb.bdstatic.com/bjh/299989bb8b256beae152a29ea611b790.png)\n\n---------\n\n\n\n **支持多种类型业务节点，支持配置校验，灵活配置** \n\n\u003cimg src=\"https://pic.rmb.bdstatic.com/bjh/e35d8375eae56b4b9bbace88ee2a00fd.png\" alt=\"image-20220722182427315\" style=\"zoom:50%;\" /\u003e\n\n**支持无限层级嵌套**\n\n![image-20220711111911427](https://pic.rmb.bdstatic.com/bjh/02cd8936e081bdd053bfa695826817ba.png)\n\n**自动校验设置项，列出所有错误提示**\n\n\u003cimg src=\"https://pic.rmb.bdstatic.com/bjh/ddd20cd54d9502f8eec59565864dfb2a.png\" alt=\"image-20220731215022817\" style=\"zoom:50%;\" /\u003e\n\n**条件节点优先级动态拖拽，实时刷新**\n\n\u003cimg src=\"https://images.gitee.com/uploads/images/2021/0416/200127_a59216a1_4928216.png\" alt=\"输入图片说明\" title=\"屏幕截图.png\" style=\"zoom:50%;\" /\u003e\n\n\n\n## ✍开发\n\n\n\n📃 详细文档请访问上面的官网\n\n\n\n### 项目结构\n\n```\n├─api 接口\n├─assets\n│  └─image\n├─components 通用组件\n│  └─common\n├─router 路由\n├─store vuex，设计器数据存储\n├─utils\n└─views 主要页面及视图\n    ├─admin\n    │  └─layout\n    │      ├─form 表单设计\n    │      └─process 流程设计\n    ├─common\n    │  ├─form 表单\n    │  │  ├─components 表单组件\n    │  │  ├─config 表单组件配置\n    │  │  ├─expand 扩展组件\n    │  │  └─settings 设置\n    │  └─process 流程\n    │      ├─config 流程节点设置\n    │      └─nodes 流程节点\n    └─workspace 工作区\n```\n\n\n\n### 设计器数据\n\n\u003e 设计器的数据都存在Vuex中，需要传递到后端时，直接取出提交到接口\n\n```json\n{\n    \"formId\":\"37289743892\", //表单ID，由后端生成\n    \"formName\":\"补卡申请\", //表单名称\n    \"logo\":{ //图标\n        \"icon\":\"图标/图片base64\",\n        \"background\":\"#FEFEFE\" //如果是图片则不生效\n    },\n    //表单权限及其他属性设置\n    \"settings\":{\n        \"commiter\": [], //哪些人可以提交发起表单\n    \t\"admin\":[], //表单管理员，可以编辑及导出数据\n        \"singn\": false, //全局设置审批时是否需要签字\n        \"notify\":{\n            \"type\": \"APP\", //通知类型 APP QQ WX DING EMAIL\n            \"title\": \"消息通知标题\"\n        }\n    },\n    \"group\":20, //所在分组\n    \"formItems\":[],//表单设计数据\n    \"process\":{}, //流程数据\n    \"remark\":\"备注说明\"\n}\n```\n\n\n\n## 💗打赏列表 \n\n感谢以下朋友的支持，也感谢关注本项目及提出宝贵建议的各位。\n\n| 昵称 （按时间排序）                                                         | 金额 |\n| ------------------------------------------------------------ | ---- |\n| * 晓龙 | 400 |\n|  * HF | 188   |\n|  * 晓龙 | 500   |\n|  * 基 | 9.9   |\n|  * 学龙 | 30   |\n| * 辉  | 50   |\n|  * ncert | 50   |\n|  。 | 30   |\n\n\n\n## 💪支持作者\n\n**开源不易，需要鼓励，如果觉得这个项目有帮助到了你请我喝杯咖啡吧😋** \n\u003cimg src=\"https://pic.rmb.bdstatic.com/bjh/a4a29377ac6ae1f8d4ea4a513a5c5129.png\" alt=\"支持作者\" style=\"zoom:60%;\" /\u003e\n","funding_links":[],"categories":["Vue"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwillianfu%2Fwflow","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwillianfu%2Fwflow","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwillianfu%2Fwflow/lists"}