首页 > 其他分享 >《自定义工作流配置,springboot集成activiti,前端vue,完整版审批单据》

《自定义工作流配置,springboot集成activiti,前端vue,完整版审批单据》

时间:2023-02-10 17:56:17浏览次数:52  
标签:vue 自定义 activiti 流程 流转 表单 单据 审批 完整版

前言

activiti工作流引擎项目,企业erp、oa、hr、crm等企事业办公系统轻松落地,一套完整并且实际运用在多套项目中的案例,满足日常业务流程审批需求。

一、项目形式

springboot+vue+activiti集成了activiti在线编辑器,流行的前后端分离部署开发模式,快速开发平台,可插拔工作流服务。工作流表单可平滑的接入自定义表单,接入后进行业务审批流转。本项目集成了工作流所有的功能,并做了一个测试的表单进行审批演示。工作流部分功能含:流程图在线绘制,在线发布,工作流权限设置,审批节点设置(角色,直接指定人,部门等),业务表单关联,提交,撤回,与签或签,同意,驳回(支持驳回到任意岗),审批委托,流程挂起,流程图实时跟踪,审批提醒,可接入钉钉进行钉钉通知,企业微信通知等。

二、项目介绍

本项目拥有用户管理,部门管理,代码生成,系统监管,报表,大屏展示,业务审批等功能。功能太强大,只能粗矿的介绍,所见即所得,体验一下吧。

三、工作流

1.流程模型绘制

进入流程模型菜单,创建流程模型,这里涉及到网关流转,需要设置流转条件,我们这里是三十岁以上的走下面分支,三十岁以下的走上面的分支。点击分支线,设置流转条件即可。${age<=30}。保存后我们在列表中点击发布即可。 !

1.png
设置流转条件

在这里插入图片描述

2.流程配置

发布后,就到了已发布模型列表,在启用之前,我们需要先对进行节点设置和关联具体单据。

已发布模型

审批人员可以根据角色,直接指定人,部门,部门负责人,发起人部门负责人来进行配置,基本上满足所有的流转需求,并且可以设置表单变量。

节点设置

设置流程表单,目前就做了一个请假的测试表单,并且可以对相应角色授权,做到自定义权限。 设置关联表单

设置完后启动即可。

3.流程提交

填写请假表单

11416921-5e30b9260e3cef33.png
列表

提交单据,优先级分为普通,重要,紧急。消息通知可以选择站内通知,短信,邮件。

提交表单

提交之后可以撤回单据。
查看流程流转进度情况。

11416921-ace9dc54645cd2b2.png

11416921-bc5883166b546db6.png

也可以挂起,删除流程。

11416921-21689ab5972a549d.png

4.流程审批

办理人审批列表,可以处理单据(驳回或者通过),也可以委托他人待办。 审批待办

审批通过。
委托他人待代。

wpdb.png
sptg.png
审批通过后进入已办列表。

yblb.png
年龄大于30岁,进入下面分支流转。 流程查看

审批通过。

sptg2.png

5.待办信息推送

站内消息推送。

znxx.png

总结

上面只是展示了平台的审批流功能,还有其他很多功能没展示出来,自己也写了一些非常好用的组件,做到系统敏捷快速开发,大大减少开发时间和成本,目前正在对接移动端审批。有需要源码的联系我。q:262086839。

标签:vue,自定义,activiti,流程,流转,表单,单据,审批,完整版
From: https://www.cnblogs.com/jllj001/p/17109902.html

相关文章

  • 1 签发 、2 自定义用户表签发和认证 、3 simpleui的使用 、4 权限控制
    目录1.1签发(登录)2.2认证(认证类)2自定义用户表签发和认证2.1签发2.2认证3simpleui的使用3.1使用步骤3.2大屏展示4权限控制(acl,rbac)补充1.1签发(登录)#登录......
  • vue中的渲染函数
    介绍Vue推荐在绝大多数情况下使用模板来创建你的HTML。然而在一些场景中,你真的需要JavaScript的完全编程的能力。这时你可以用渲染函数,它比模板更接近编译器。案例......
  • vue3 全局注册icon 《 Ant Design Vue》
    1、安装 @ant-design/icons-vue 图标组件包(注意:在引入图标组件前必须引入了ant-design ui组件库)npminstall--save@ant-design/icons-vue2、在man.ts/js中引入......
  • 自定义spring-starter
    自定义starter应用场景在日常开发中,经常会有一些独立于业务的公共模块,如果多个工程中都可以复用这个公共模块的话,不需要手动拷贝到工程中,我们将公共的模块封装成一个个st......
  • Prometheus自定义监控项
    #Prometheus自定义监控项一、环境依赖pipinstallprometheus-client默认会监控Jython,metadata等会造成对应干扰,作者习惯去除importprometheus_clientprometh......
  • Vue3 企业级优雅实战 - 组件库框架 - 11 组件库的打包构建和发布
    回顾第一篇文章中谈到的组件库的几个方面,只剩下最后的、也是最重要的组件库的打包构建、本地发布、远程发布了。1组件库构建组件库的入口是packages/yyg-demo-ui,构建组......
  • 直播app开发搭建,vue使用js-file-download完成导出功能
    直播app开发搭建,vue使用js-file-download完成导出功能1.安装js-file-downloadnpminstalljs-file-download​2.引入对应的功能模块importfileDownLoadfrom'js-file......
  • antd-vue 框架的日期选择选年份
    <a-date-picker:placeholder="placeholder"mode="year"format="YYYY":open="showYear"v-model="valueYear"@openChange="changeOpen"@panelChange="panelC......
  • Knative Autoscaler 自定义弹性伸缩
    本文分享自天翼云开发者社区@《​​KnativeAutoscaler自定义弹性伸缩​​》,作者:我是小朋友背景如今各大云厂商都开始提供ServerlessKubernetes服务,简化集群管理,降低......
  • 创建VUE脚手架项目
    修改VUE脚手架项目服务端口在项目文件夹下,找到package.json文件(此文件是创建项目中选择的配置文件):  在此文件中的scripts属性下,修改serve属性的值,在原有值后追加--po......