1. Project Overview

Standalone Workflow Designer Based on Vue3 + ElementPlus

A workflow designer and low-code form builder based on Vue3 + ElementPlus. This enterprise-grade workflow platform enables visual workflow configuration, significantly lowering the barrier to designing approval processes. It supports custom approval nodes, custom approval conditions, required parameter validation, and more. It meets over 99.8% of approval workflow requirements. The backend uses mainstream technologies such as Spring Boot and MyBatis, deeply customized based on Activiti, with a stable architecture.

2. Open Source License

Licensed under Apache-2.0

3. Screenshots

Demonstration Picture

  

4. Feature Overview

A workflow designer and low-code form builder based on Vue3 + ElementPlus. This enterprise-grade workflow platform enables visual workflow configuration, significantly lowering the barrier to designing approval processes. It supports custom approval nodes, custom approval conditions, required parameter validation, and more. It meets over 99.8% of approval workflow requirements. The backend uses mainstream technologies such as Spring Boot and MyBatis, deeply customized based on Activiti, with a stable architecture.

Project introduction

• UI: DingTalk Style

• Technical Highlights
  1. Component self-invocation and recursive processing to handle approval workflows using a tree structure. 2. Integration with VForm3 low-code forms to initiate workflows with zero coding. 3. The workflow designer in this project is easy to integrate into existing projects or customize through secondary development.

• Workflow designer
  1. Node Operations: Add, edit, and delete workflow nodes. 2. Node Configuration: Configure approvers, initiators, CC recipients, and conditions. 3. Condition Nodes: Select condition types and customize condition values. 4. Approval Nodes: Select the required approvers by user, role, or department. 5. CC Nodes: Select recipients by user, role, or department. 6. Error Validation: Validate workflow node parameters. 7. Workflow Publishing: Submit the current workflow configuration to an API endpoint.

5. Tech Stack

The project requires Node.js version 14.20.1 or later.

1. Visit Yifei Open Source at [https://code.exmay.com/](https://code.exmay.com/) to download.

2. Install environment dependencies: npm install --registry=[https://registry.npmmirror.com](https://registry.npmmirror.com)

3. Run locally: npm run dev

4. Build and run: npm run build

AntFlow is an enterprise-grade low-code workflow engine platform based on Activiti, proven through extensive production use. It can be deployed independently or embedded as a module into existing systems. It is easy to use and maintain. The frontend requires only simple clicks and selections to configure workflows, while the backend only needs one interface implementation to develop a new business process!