使用vue 手撸审批工作流引擎

1,216 阅读2分钟

WorkFlow-审批流程系统

该项目为完全开源免费项目 可用于学习或搭建初始化审批流程系统 希望有用的小伙伴记得点个免费的star gitee仓库地址 仿钉钉飞书工作审批流系统

> 介绍

因为公司需要自己开发一套审批流程系统,需要参考钉钉飞书这样的流程。但是想去网上找一套开源免费的,但是发现免费的功能太少。功能全的需要付费,于是产生了自己实现一套的想法。该系统主要供于学习,仅实现了设计流程图,以及可拖拽生成自定义表单。该两个功能都作为独立的组件提取出来可供大家按需要引入到项目中。

前端技术栈: vue3 + ts + vite +arcodesign +eslint 后端技术栈:springboot+spring mvc+ mybatis +maven+mysql +redis

安装教程

前端使用 pnpm i 进行安装 推荐node version >= 18.20 后端使用maven 进行安装依赖

使用说明

初次使用由于菜单都是从后端获取 所以各位只要将路由拦截中的权限校验去掉并 手动跳转到 对应页面即可查看相应功能

/flow/design-examine 审批表单设计页面

  1. 可通过拖拽自定义表单属性等方式生成审批表单
  2. 可自定义表单项属性 例如添加表单默认配置项
  3. 可配置表单联动规则,当满足条件时执行相关动作
  4. 可远程通过代码的形式获取接口数据,实现高度自定义数据源

以上功能可满足大多数场景应用并且可高度自定义组件和规则

c7fc5b022252b72d77d47cb6275f216.png

14131b6e7cff001465dcde82bd43c92.png

image.png

image.png

/flow/flow-design 可视化审批流程配置页面,覆盖了大多数场景的流程节点,也可以自定义功能节点。

在这里插入图片描述