首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    种草两个可以画 flowable 流程图的 Vue 库!

    ---- 之前松哥发了一篇文章和小伙伴们介绍了前端的 bpmn.js 这个库,利用这个库我们可以自己将绘制流程图的功能嵌入到我们的项目中。...毕竟我也不是专业的前端工程师,掌握的前端技能能满足我后端的需求也就足够了,要是专业的前端工程师,我肯定把 bpmn.js+Vue3 整的明明白白了。...": "vue-cli-service serve",     "build": "vue-cli-service build"   },   "dependencies": {     "core-js...,也可以选择审批人的身份(例如经理),这两种选择都是被允许的。...添加互斥网关: 审批通过线 接下来,先是审批通过,审批通过的条件是 approved 字段为 true 就表示审批通过: 审批通过发送通知 审批通过后,给用户发送一个通知,这是一个服务任务,发送通知的类是我们自己写的

    3.5K30

    Yearning钉钉审批思路分享(一)

    前几天有小伙伴提起如何集成飞书在线审批呢,当然飞书也好,钉钉也好实现思路都是一样的。因此我们这里简单的说明一下如何实现钉钉在线审批思路。...大致流程 获取审批接口 获取审批数据 发送审批请求 简单说明 获取审批接口 /api/v2/audit/order/state r := e.Group("/api/v2", middleware.JWTWithConfig...(model.JWT)})) audit := r.Group("/audit") audit.Restful("/order/:tp", audit2.AuditRestFulAPis()) 审批...default: return c.JSON(http.StatusOK, common.ERR_REQ_FAKE) } } ❝顾名思义,每个case我们就不解释了,这里主要是看一下state // 工单审批..."source_id": "8280d90b-4130-4460-8002-87ada29e8c1d" } 每个字段的含义解读: work_id: 工单编号 flag: 流程步骤 tp: 工单审批动作

    14110

    如何用Dataloader导出审批信息

    审批流程信息保存在以下的对象中: ProcessInstance ProcessInstanceStep ProcessInstanceWorkItem ProcessInstanceHistory...ProcessInstanceStep 存储着审批流程的每一个步骤并可通过API访问,这意味着它可以通过dataloader来访问。...的哪一个ID(ProcessInstance -代表一个单一的实例, 端到端的审批流程) StepStatus - 批准步骤的当前状态,例如等待或批准。...如果批准步骤需要一致通过但一个批准人拒绝了该请求,这个字段的值将从其他审批人变为NoResponse。同样地,如果批准是基于第一审批人的响应,这个字段的值将从其他审批人变为NoResponse。...OriginalActorId - 审批步骤最初分配人的ID ActorId - 审批步骤分配人的ID Comments - 限于4000个字节 用Dataloader来访问这个对象的时候,确保在选择对象的步骤中

    68540

    工作流 workflow

    例如,员工请假这个流程:首先员工提交请假申请,假设有项目经理进行审批审批有两种结果:通过或者拒绝。...如果非要用 status,那么 status 可能会有很多取值: 0:表示员工提交报销申请 1:表示部门经理审批通过 2:表示部门经理审批不通过,员工需要重新提交 3:表示大区经理审批通过 4:表示大区经理审批不通过...Camunda 还提供了一个 bpmn.js 的工具,可以非常方便的实现流程图的绘制。 流程图 工作流执行的基础是流程图。 一个完整的流程,要干嘛,先得画出来一个完整的流程图。...例如,在互斥网关上,满足一定的条件,流程图就继续往下走,不满足条件,流程图就回到之前的某一个位置上。 任务: 在上面的流程图中,所有的矩形,都是任务,但是任务还有很多细分。...服务任务 机器自动完成的事情,例如用户请假,经理审批通过,审批通过之后,想通过企业微信给用户发送一个通知,告诉他请假通过。

    43630

    流程图绘制

    IDEA: IDEA 默认就有一个流程图绘制工具,当在 IDEA 中打开一个流程图的 XML 文件的时候,可以选择 Designer,就可以通过可视化的方式去查看这个流程图,默认的不推荐。...bpmn.js 这个工具是 Camunda 提供的,可以嵌入到我们当前的项目中,利用这个 bpmn.js 可以开发一个流程绘制工具。...原生的 bpmn.js 画出来的流程图只能在 Camunda 中使用,但是经过改造之后,就可以在 flowable 中使用了。...如下图是官方提供的一个流程图: 我们使用这个插件来绘制一下这个流程图先上个手: 创建项目略过,在 resources 文件夹当中鼠标右键新建一个 BPMN 文件,然后就可以绘制流程图了。...以下图为例,具体来说,就是当用户在审批的时候,本质上其实就是传递一个变量,变量值为 true 或者 false。下图中的 ${approve} 表示这个变量的名字为 approve。

    53120

    工作流 workflow

    例如,员工请假这个流程:首先员工提交请假申请,假设有项目经理进行审批审批有两种结果:通过或者拒绝。...一些复杂的流程报销审批流程图片在这个流程中,已经没法使用 status 去描述这个请假走到哪一步了。...如果非要用 status,那么 status 可能会有很多取值:0:表示员工提交报销申请1:表示部门经理审批通过2:表示部门经理审批不通过,员工需要重新提交3:表示大区经理审批通过4:表示大区经理审批不通过...Camunda 还提供了一个 bpmn.js 的工具,可以非常方便的实现流程图的绘制。流程图工作流执行的基础是流程图。一个完整的流程,要干嘛,先得画出来一个完整的流程图。...图片服务任务机器自动完成的事情,例如用户请假,经理审批通过,审批通过之后,想通过企业微信给用户发送一个通知,告诉他请假通过。

    61000

    将JavaScript代码转换为漂亮的SVG流程图——js2flowchart

    js2flowchart 是一个可视化库,可将任何JavaScript代码转换为漂亮的SVG流程图。你可以轻松地利用它学习其他代码、设计你的代码、重构代码、解释代码。...安装使用 安装 yarn add js2flowchart 使用 index.html ? index.js ?...我们直接在文本域中输入自己的代码,如下,左边会直接生成流程图,这只是一个简单的示例: ?...js2flowchart的特性以及适用场景(来自官网翻译) js2flowchart获取您的JS代码并返回SVG流程图,适用于客户端/服务器,支持ES6。.../记录您的代码 通过视觉理解学习其他代码 为有效JS语法简单描述的任何进程创建流程图 以上所有功能可以直接到github上详细了解,用法太多,这里就不在介绍了!

    5.7K40

    审批报销申请的用例规约

    别把洋垃圾当宝贝-评InfoQ中国“敏捷……”文章(一) ---- 譯揮 (252***66)12:01:26 用例名 审批报销申请 用例编号 1-4 执行者 科技部领导(主) 前置条件 部门领导公文待办中有报销申请待审批...涉众利益 (暂略,先看其它有无问题) 基本路径 1、 部门领导【登录】 2、 部门领导查看已复核的报销申请 3、 部门领导输入审批意见 4、 系统记录审批意见 5、 系统请求费用系统保存报销数据(内容详见字段列表...潘加宇(3504847)16:15:53 前置条件 部门领导公文待办中有报销申请待审批 改为 前置条件 存在等待部门领导审批的报销申请。...系统能承诺的是: 领导请求查看待处理报销申请 系统反馈待处理报销申请 3、 部门领导输入审批意见 --领导选择报销申请 --系统反馈申请明细 --领导输入审批意见 --不用验证?...6、 系统验证审批意见 7、 系统记录审批意见 8、 系统生成财务费用报销数据 9、 系统请求费用系统保存报销数据 10、 系统接收并保存费用系统反馈的费用报销单据编号信息 11、 系统为报销申请生成项目经理工作待办

    82640

    【程序源代码】springboot开源工作流管理系统

    流程定义支持在线预览流程定义 bpmn 和流程图 png 文件。流程定义支持挂起和激活、转成流程模型。流程用户和组直接关联系统用户和角色。流程实例支持挂起和激活、撤销、委托。审批历史界面优化。...待办事项我的待办支持委托、查看申请详情、审批历史、进度查看。待办事项我的已办支持查看申请详情、审批历史、进度查看。 activiti Modeler 完全汉化。...流程定义支持在线预览流程定义 bpmn 和流程图 png 文件。 流程定义支持挂起和激活、转成流程模型。 流程用户和组直接关联系统用户和角色。 流程实例支持挂起和激活、撤销、委托。...审批历史界面优化。 进度查看高亮区分已完成和进行中的任务。 首页待办界面优化。 待办事项我的待办支持委托、查看申请详情、审批历史、进度查看。 待办事项我的已办支持查看申请详情、审批历史、进度查看。...启动类启动项目 项目访问路径:http://localhost:8080/ 账号密码:admin/admin 03 — 创建工程 导入并创建一个spring web工程项目 前端技术栈: 基础框架 : Vue.js

    1.4K11
    领券