天气与日历 切换到窄版

 找回密码
 立即注册

QQ登录

只需一步,快速开始

限时开通VIP永久会员,可免费下载所有附件
查看: 5|回复: 0

[Java源码] 基于SpringBoot + Activiti 开发的轻量级工作流框架源码

[复制链接]

800

主题

0

回帖

913

积分

管理员

积分
913
发表于 昨天 20:02 | 显示全部楼层 |阅读模式
基于SpringBoot + Activiti 开发的轻量级工作流框架源码
基于Vue3 的前端工作流配置新模式后端自主研发基于SpringBoot + Activiti 开发的轻量级工作流框架workflow彷钉钉审批流程设置-vue3版本
功能概述
vue3 仿钉钉审批流程,架构稳定,实现可视化的流程拖拽配置,极大降低流程设计门槛,自定义审批节点,自定义审批条件,必填参数校验等等。满足99.8%以上的审批流程需求。
项目介绍
  • UI钉钉风格
  • 技术点

1、组件自调用+递归处理,按树状结局处理审批流程问题
  • 主要功能点

2、界面缩放
  • <div class="zoom">
  •   <div :class="'zoom-out'+ (nowVal==50?' disabled':'')" @click="zoomSize(1)"></div>
  •     <span>{{nowVal}}%</span>
  •     <div :class="'zoom-in'+ (nowVal==300?' disabled':'')" @click="zoomSize(2)"></div>
  • </div>

[color=rgb(51, 102, 153) !important]复制代码

3、节点设置(包括审批人、发起人、抄送人、条件设置)
  • <el-drawer title="审批人设置" :visible.sync="approverDrawer" class="set_promoter" :show-close="false" :size="550" :before-close="saveApprover">
  •     <div class="demo-drawer__content">
  •         <div class="drawer_content">
  •             <div class="approver_content">
  •                 <el-radio-group v-model="approverConfig.settype" class="clear" @change="changeType">
  •                     <el-radio v-for="({value, label}) in setTypes" :key="value" :label="value">{{label}}</el-radio>
  •                 </el-radio-group>
  •                 ...

[color=rgb(51, 102, 153) !important]复制代码

4、节点新增
  • <div class="add-node-btn">
  •     <el-popover placement="right-start" v-model="visible">
  •           <div class="add-node-popover-body">
  •               <a class="add-node-popover-item approver" @click="addType(4)">
  •                   <div class="item-wrapper">
  •                       <span class="iconfont"></span>
  •                   </div>
  •                   <p>审批人</p>
  •               </a>
  •               <a class="add-node-popover-item notifier" @click="addType(5)">
  •                   <div class="item-wrapper">
  •                       <span class="iconfont"></span>
  •                   </div>
  •                   <p>抄送人</p>
  •               </a>
  •               <a class="add-node-popover-item condition" @click="addType(2)">
  •                   <div class="item-wrapper">
  •                       <span class="iconfont"></span>
  •                   </div>
  •                   <p>条件分支</p>
  •               </a>
  •           </div>
  •           ...

[color=rgb(51, 102, 153) !important]复制代码

5、错误校验
  • let {type,error,nodeName,conditionNodes} = childNode
  • if (type == 4 || type == 5) {
  •     if (error) {
  •         this.tipList.push({ name: nodeName, type: ["","审核人","抄送人"][type] })
  •     }
  •     this.reErr(childNode)
  • } else if (type == 3) {
  •     this.reErr(childNode)
  • } else if (type == 2) {
  •     this.reErr(childNode)
  •     for (var i = 0; i < conditionNodes.length; i++) {
  •         if (conditionNodes.error) {
  •             this.tipList.push({ name: conditionNodes.nodeName, type: "条件" })
  •         }
  •         this.reErr(conditionNodes)
  •     }
  • }

[color=rgb(51, 102, 153) !important]复制代码

6、模糊搜索匹配人员、职位、角色
  • <input type="text" placeholder="搜索成员" v-model="searchVal" @input="getDebounceData($event,activeName)">
  • <input type="text" placeholder="搜索角色" v-model="searchVal" @input="getDebounceData($event,2)">
  • <input type="text" placeholder="请选择具体人员/角色/部门" v-if="conditionConfig.nodeUserList.length == 0" @click="addConditionRole">

[color=rgb(51, 102, 153) !important]复制代码

项目运行 node14.20.1 以上版本
  • 1.环境依赖 npm i
  • 2.本地运行 npm run dev
  • 3.打包运行 npm run build

[color=rgb(51, 102, 153) !important]复制代码











以下内容需要积分高于 2 才可浏览

链接:https://pan.baidu.com/s/1nN1cd2U_o9iKdJL2aCsShg



提取码下载:
文件名称:提取码下载.txt 
下载次数:0  文件大小:12 Bytes  售价:39金钱 [记录]
下载权限: 不限 [购买VIP]   [充值]   [在线充值]   【VIP会员5折;永久VIP免费】
安全检测,请放心下载







相关帖子

扫码关注微信公众号,及时获取最新资源信息!下载附件优惠VIP会员5折;永久VIP免费
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

免责声明:
1、本站提供的所有资源仅供参考学习使用,版权归原著所有,禁止下载本站资源参与商业和非法行为,请在24小时之内自行删除!
2、本站所有内容均由互联网收集整理、网友上传,并且以计算机技术研究交流为目的,仅供大家参考、学习,请勿任何商业目的与商业用途。
3、若您需要商业运营或用于其他商业活动,请您购买正版授权并合法使用。
4、论坛的所有内容都不保证其准确性,完整性,有效性,由于源码具有复制性,一经售出,概不退换。阅读本站内容因误导等因素而造成的损失本站不承担连带责任。
5、用户使用本网站必须遵守适用的法律法规,对于用户违法使用本站非法运营而引起的一切责任,由用户自行承担
6、本站所有资源来自互联网转载,版权归原著所有,用户访问和使用本站的条件是必须接受本站“免责声明”,如果不遵守,请勿访问或使用本网站
7、本站使用者因为违反本声明的规定而触犯中华人民共和国法律的,一切后果自己负责,本站不承担任何责任。
8、凡以任何方式登陆本网站或直接、间接使用本网站资料者,视为自愿接受本网站声明的约束。
9、本站以《2013 中华人民共和国计算机软件保护条例》第二章 “软件著作权” 第十七条为原则:为了学习和研究软件内含的设计思想和原理,通过安装、显示、传输或者存储软件等方式使用软件的,可以不经软件著作权人许可,不向其支付报酬。若有学员需要商用本站资源,请务必联系版权方购买正版授权!
10、本网站如无意中侵犯了某个企业或个人的知识产权,请来信【站长信箱312337667@qq.com】告之,本站将立即删除。
郑重声明:
本站所有资源仅供用户本地电脑学习源代码的内含设计思想和原理,禁止任何其他用途!
本站所有资源、教程来自互联网转载,仅供学习交流,不得商业运营资源,不确保资源完整性,图片和资源仅供参考,不提供任何技术服务。
本站资源仅供本地编辑研究学习参考,禁止未经资源商正版授权参与任何商业行为,违法行为!如需商业请购买各资源商正版授权
本站仅收集资源,提供用户自学研究使用,本站不存在私自接受协助用户架设游戏或资源,非法运营资源行为。
快速回复 返回顶部 返回列表