产品简介
workflow-web 基于Vue3开发的轻量级前端流程设计器。支持自定义表单、复杂审批流程设计,界面美观、易用易上手,适合企业快速搭建OA审批系统。

核心功能
- 提供丰富的可视化表单组件,可灵活构建复杂表单项。
- 支持审批、抄送、办理、分支等多种流程节点设计。
- 可配置多级审批、会签、或签等高级审批流程。
- 具备完整的流程生命周期管理,包括发起、审批、流转。
- 审批操作丰富,支持同意、拒绝、转交、回退、加签等。
快速开始
- 克隆项目源码到本地。
- 进入项目目录,执行 `npm i -S` 安装依赖。
- 执行 `npm run test` 启动开发服务器,访问本地地址即可使用设计器。
界面预览


与其他方案对比
| 对比项 | workflow-web | 同类方案 |
|---|---|---|
| 设计理念 | 专注于前端可视化流程设计,与后端解耦,开箱即用。 | 同类方案可能前后端耦合,或偏重后端引擎,前端设计能力较弱。 |
| 易用性 | 强调界面美观、易用易上手,旨在降低流程开发和使用门槛。 | 部分工作流系统设计复杂,学习成本高,界面不够友好。 |
适合谁用
- 需要快速搭建OA审批流程的企业IT开发人员。
- 希望自定义表单和复杂流程逻辑的业务产品经理。
- 寻找开源前端流程设计组件的软件架构师。
下载与版本
当前最新版本为 master,发布于 。支持 Windows、macOS、Linux。
⚠️ 注意:本项目仅提供源代码下载,不包含可直接运行的安装包(exe/dmg/apk 等。下载后需要自行编译构建才能使用,适合有一定开发经验的用户。如果你不熟悉编译流程,建议寻找同类开箱即用的替代方案。
注意事项
- 本工具仅供学习和研究使用,请遵守相关法律法规。
- 请尊重内容创作者版权,勿将下载内容用于商业或非法传播。
- 项目源码地址:https://github.com/zhangjinlibra/workflow-web