简介

wflow-web 是一款对标钉钉、飞书审批系统工作流设计器，专注于解决传统BPMN工具（如Activiti、Flowable）操作复杂、学习成本高的痛点。

其核心设计理念是“让非技术人员也能自主搭建业务流程”，通过可视化拖拽和直观的UI交互，实现企业OA审批、项目管理等流程的快速配置。

优势

• 界面简洁，操作简单

wflow-web 设计直观、功能布局清晰，即使是新手也能快速上手。简洁的用户界面带来优质的体验，不需要专业知识，人人皆可使用！

• 可视化拖拽设计

使用 wflow-web，可以通过拖拽组件的方式设计流程，避免了复杂的编码，工作流创建过程就像拼图一样简单。

• 动态审批节点

支持任意层级的审批节点配置，灵活应对企业的多样化需求，从简单到复杂的流程场景皆能覆盖。

• 流程条件设置

支持设置业务逻辑中的复杂条件，让流程管理更加灵活、智能。无论是按条件分流还是自动化处理都不在话下！

技术架构

1. 前端技术栈

• Vue3 + ElementUI： 实现组件化开发与响应式布局

• 可视化引擎： 基于自研渲染框架，支持实时预览PC/移动端双端效果（Pro版特性）

• 数据驱动： 设计器数据通过Vuex统一管理，JSON结构可直连后端接口

2. 核心功能模块

3. 扩展能力

• 开放API： 提供流程启动、任务处理等接口，支持与企业现有系统集成

• 自定义组件： 开发者可通过Vue容器编写代码扩展专属业务组件

界面展示

工作区面板

审批列表

表单管理

表单基本设置

表单设计器

流程设计器

自定义审批条件

可视化流程逻辑分支条件

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

支持无限层级嵌套

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

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

对比

总结

wflow-web自研表单及流程设计，UI简洁美观，操作超级简单！！普通用户也能分分钟上手，不需要专业知识。支持可视化拖拽表单组件，动态任意层级结构审批节点，支持复杂流程条件设置。对于中小企业和独立开发者而言，这可能是构建轻量级审批系统的最优解。