3.Flowable UI 流程模型图绘制

1. 流程设计

1. 启动⼀个流程。
2. 员⼯填写报销单，然后进⾏提交。
3. 如果报销⾦额⼩于等于 1000 元，则经理审批，经理审批通过后， 流程结束；经理审批拒绝，则回到步骤 2 中让员⼯重新填写报销单。
4. 如果报销⾦额⼤于 1000 元，则先由经理进⾏审批，经理审批通过后，再由 主管审批，两者都审批通过，则流程结束；经理和主管任意⼀个审批不通过，则流程重新回到步骤 2 中。

2. 绘制流程图

如果有提前绘制好的表单，这⾥就会显⽰出来，那么直接引⽤即可，如果没有提前绘制好的表单，那么⼤家看到的就如同上图那样。
接着创建一个表单。

绘制完成后，点击左上⻆的保存按钮，保存成功后，会⾃动回到流程绘制⻚⾯。 接下来，我们还需要设置这个用户任务由谁来处理，如下：

很明显，这个流程是谁发起的，谁就来填写这个表单，所以配置如下：

绘制整个流程图如下：

分别对2根连线设置条件：

对经理审批和主管审批节点分配用户，经理审批节点分配经理组，主管审批节点分配主管组，参考如下：

由于此处案例经理和主管审批的时候，⽆⾮就是同意或者拒绝，通过表单我们可以定义出同意或者拒绝这两个按钮。配置⽅式如下，⾸先新建一个审批表单，然后为经理和主管审批设置表单引⽤：

设计按钮

接下来为同意这条出线设置条件：

使用相同的⽅式，将同意改为拒绝，再来配置⼀下拒绝那条线，参考这种配置将大于1000的那条流程一样的配置：

绘制完成后，记得点⼀下左上⻆的勾，看下流程有没有漏洞，如下图：

注意：⼀个流程图只能有⼀个开始，但是可以有多个结束。