# aibpm.ui.plus

**Repository Path**: leooneone/aibpm.ui.plus

## Basic Information

- **Project Name**: aibpm.ui.plus
- **Description**: AIBPM是一个开源的工作流引擎。本项目是前端UI，后端请移步aibpm.plus。demo部署在家用NAS上，速度较慢，温柔体验。
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: main
- **Homepage**: https://demo.aibpm.ailicloud.com
- **GVP Project**: No

## Statistics

- **Stars**: 87
- **Forks**: 38
- **Created**: 2023-03-08
- **Last Updated**: 2025-08-27

## Categories & Tags

**Categories**: workflow

**Tags**: 工作流, 工单, 表单设计器, 流程设计器, BPM

## README

<div align="center">
	<h2>AIBPM.UI.PLUS</h2>
	<p align="center">
	    <a href="https://v3.vuejs.org/" target="_blank">
	        <img src="https://img.shields.io/badge/vue.js-vue3.x-green" alt="vue">
	    </a>
	    <a href="https://element-plus.gitee.io/#/zh-CN/component/changelog" target="_blank">
	        <img src="https://img.shields.io/badge/element--plus-%3E1.0.0-blue" alt="element plus">
	    </a>
		<a href="https://www.tslang.cn/" target="_blank">
	        <img src="https://img.shields.io/badge/typescript-%3E4.0.0-blue" alt="typescript">
	    </a>
		<a href="https://vitejs.dev/" target="_blank">
		    <img src="https://img.shields.io/badge/vite-%3E2.0.0-yellow" alt="vite">
		</a>
		<a href="https://github.com/leooneone/aibpm.ui.plus/blob/main/LICENSE" target="_blank">
		    <img src="https://img.shields.io/badge/license-MIT-success" alt="license">
		</a>
	</p>
	<p>&nbsp;</p>
</div>

#### 🌈 介绍

AIBPM是一个开源的工作流引擎。基于 vue3.x + CompositionAPI setup 语法糖 + typescript + vite + element plus + vue-router-next + pinia 技术，适配手机、平板、pc 的工单/工作流引擎，希望减少工作量，帮助大家实现快速开发。

#### ⛱️ 线上预览

- vue3.x 版本预览（aibpm.ui.plus）<a href="https://demo.aibpm.ailicloud.com" target="_blank">https://demo.aibpm.ailicloud.com</a>

#### 📸部分截图：
![dashboard.png](https://raw.githubusercontent.com/leooneone/aibpm.ui.plus/main/src/assets/demo/dashboard.PNG)
![template_basic.png](https://raw.githubusercontent.com/leooneone/aibpm.ui.plus/main/src/assets/demo/template_basic.PNG)
![template_form.png](https://raw.githubusercontent.com/leooneone/aibpm.ui.plus/main/src/assets/demo/template_form.PNG)
![template_process.png](https://raw.githubusercontent.com/leooneone/aibpm.ui.plus/main/src/assets/demo/template_process.PNG)
![template_advanced.png](https://raw.githubusercontent.com/leooneone/aibpm.ui.plus/main/src/assets/demo/template_advanced.PNG)
![application.png](https://raw.githubusercontent.com/leooneone/aibpm.ui.plus/main/src/assets/demo/application.PNG)
![instance.png](https://raw.githubusercontent.com/leooneone/aibpm.ui.plus/main/src/assets/demo/instance.PNG)


#### ⚡ 使用说明

> Vite 不再支持 Node 12 / 13 / 15，因为上述版本已经进入了 EOL 阶段。现在你必须使用 Node 14.18+ / 16+ 版本。

```bash
# 进入项目
cd aibpm.ui.plus

# 安装依赖
npm i

# 运行项目
npm run dev

```
#### 📚 文档

- 查看文档：<a href="https://doc.aibpm.ailicloud.com" target="_blank">doc.bpm.ailicloud.com</a>

#### 💯 学习交流加 QQ 群

>  讨论群：<a target="_blank" href="https://jq.qq.com/?_wv=1027&k=S36Tm7gj">601291407</a>

  <a target="_blank" href="https://jq.qq.com/?_wv=1027&k=S36Tm7gj">
  	<img  src="https://raw.githubusercontent.com/leooneone/aibpm.ui.plus/main/src/assets/demo/qqgroup.jpg" width="320"  alt="AIBPM讨论群" title="AIBPM讨论群"/>
  </a>

#### 💕 特别感谢

- <a href="https://github.com/zhontai" target="_blank">中台admin</a>
- <a href="https://github.com/JakHuang/form-generator" target="_blank">form-generator</a>
- <a href="https://github.com/SNFocus/approvalFlow" target="_blank">approvalFlow</a>
- <a href="https://github.com/jgraph/mxgraph" target="_blank">mxgraph</a>
- <a href="https://github.com/lyt-Top/vue-next-admin" target="_blank">vue-next-admin</a>

#### ❤️ 鸣谢列表

- <a href="https://github.com/vuejs/vue" target="_blank">vue</a>
- <a href="https://github.com/vuejs/vue-next" target="_blank">vue-next</a>
- <a href="https://github.com/element-plus/element-plus" target="_blank">element-plus</a>
- <a href="https://github.com/vuejs/vue-router-next" target="_blank">vue-router-next</a>
- <a href="https://github.com/vuejs/pinia" target="_blank">pinia</a>
- <a href="https://github.com/apache/echarts" target="_blank">echarts</a>
- <a href="https://github.com/axios/axios" target="_blank">axios</a>
- <a href="https://github.com/zenorocha/clipboard.js" target="_blank">clipboard</a>
- <a href="https://github.com/developit/mitt" target="_blank">mitt</a>
- <a href="https://github.com/rstacruz/nprogress" target="_blank">nprogress</a>
- <a href="https://github.com/sindresorhus/screenfull.js" target="_blank">screenfull</a>
- <a href="https://github.com/SortableJS/Sortable" target="_blank">sortablejs</a>
- <a href="https://github.com/sass/sass" target="_blank">sass</a>
- <a href="https://github.com/microsoft/TypeScript" target="_blank">typescript</a>
- <a href="https://github.com/vitejs/vite" target="_blank">vite</a>
- <a href="https://github.com/fengyuanchen/cropperjs" target="_blank">cropperjs</a>
- <a href="https://github.com/davidshimjs/qrcodejs" target="_blank">qrcodejs</a>
- <a href="https://github.com/jbaysolutions/vue-grid-layout" target="_blank">vue-grid-layout</a>


#### 💌 支持作者

如果您觉得本项目对您有帮助，您可以选择以下方式让开源走的更远，感谢支持：

1.去 <a target="_blank" href="https://github.com/leooneone/aibpm.ui.plus">Github</a> 或者
<a target="_blank" href="https://gitee.com/leooneone/aibpm.ui.plus">Gitee</a> 帮我点个 ⭐ Star；

2.请作者喝罐可乐，或者给作者的宝宝们（Mark&Ellie）小红包用作兴趣班资金。  
  请您在捐赠后，加群：601291407，私聊群主留个赞助记录。
<img src="https://raw.githubusercontent.com/leooneone/aibpm.ui.plus/main/src/assets/demo/donate.png">

#### 📜开源协议
[MIT](https://opensource.org/licenses/MIT)
### 请保留作者信息，以帮助宣传项目，方便更多的人加入讨论，一起完善