1.流程设计器

  1. 流程设计器分为三部分,最上方为两种流程设计模式及操作区,中间的是工具栏区,包括:环节组件、撤销、垂直对齐、水平对齐、拖动、连线、人工环节、自动环节、子流程、泳道等绘制工具,最下方的为流程图绘制区,其中已经存在开始和结束两个环节。<br />操作区功能说明如下:
  • 设计模式:通过手动配置流程环节生成流程;
  • BPMN模式:通过流程定义XML快速生成流程;
  • 清空:清空当前流程图,只保留开始与结束环节;
  • 保存:保存当前流程图;
  • 从模板导入:通过已经设计好的流程图模板快速设计配置流程。
  • 关闭:关闭流程设计器页面;

工具栏功能说明如下:

  • 环节组件:将一个或多个复合成单个环节进行快速配置流程;
  • 撤销:撤销上一步设计操作;
  • 垂直对齐:框选环节后,对选中的环节垂直方向对齐;
  • 水平对齐:框选环节后,对选中的环节水平方向对齐;
  • 拖动:拖动一个或多个环节;
  • 连线:将两个环节连接起来形成通路;
  • 人工环节:流程运行时,人工执行操作的环节;
  • 自动环节:流程运行时,自动执行操作的环节;
  • 子流程: 将功能单一规范的流程嵌入到大的流程中。可以在多个流程中被调用,也可以同一个业务流程中多次被调用;
  • 泳道:可以拖动到绘图上并以任何顺序放在流程图中的形状。 拖动以对其进行移动或更改其大小,并将流程步骤形状拖动到其中以构建流程图。

image.png

2.设计模式

通过手动从工具栏选择“人工环节”、“自动环节”、“子流程环节”、“环节组件”等,通过“连线”工具,将各环节进行关联的过程称为设计模式。与“BPMN模式”相对。
image.png

3.环节组件

   在流程图绘制中,可以通过人工环节与自动环节配置流程,也可以通过点击工具栏中的环节组件,将某些环节组件通过拖拽等方式一键使用到当前流程设计中,便于快速的配置业务流程。<br />       在流程设计器的工具栏区域,点击“环节组件”选择框,可以查看和使用配置的环节组件等:<br />![image.png](https://cdn.nlark.com/yuque/0/2022/png/21800028/1649733934927-3ebe59ff-72f1-40c4-8eef-d7bfecfd4a27.png#clientId=uc79f67eb-5f86-4&crop=0&crop=0&crop=1&crop=1&from=paste&height=380&id=ua1a192e9&margin=%5Bobject%20Object%5D&name=image.png&originHeight=760&originWidth=1600&originalType=binary&ratio=1&rotation=0&showTitle=false&size=63379&status=done&style=none&taskId=u9d676089-48ab-4e9a-a871-b16678bd8d0&title=&width=800)<br />       点击某个环节组件,可以查看该复合组件的详细信息及预览:<br />![image.png](https://cdn.nlark.com/yuque/0/2022/png/21800028/1649734281102-b2b9ee68-ca91-4045-92f6-d8dff99d3078.png#clientId=uc79f67eb-5f86-4&crop=0.004&crop=0&crop=1&crop=1&from=paste&height=694&id=u046dbd7c&margin=%5Bobject%20Object%5D&name=image.png&originHeight=697&originWidth=1000&originalType=binary&ratio=1&rotation=0&showTitle=false&size=44685&status=done&style=none&taskId=uf493ce5c-eda3-40e0-8cb1-c7e2e29722e&title=&width=996)<br />       点击页面最下方的“一键使用”,即可将该复合组件添加到流程设计器中:<br />![image.png](https://cdn.nlark.com/yuque/0/2022/png/21800028/1649734304539-4c2bb076-e7bf-46bc-a801-c090057a5573.png#clientId=uc79f67eb-5f86-4&crop=0&crop=0&crop=1&crop=1&from=paste&id=u289ee5ca&margin=%5Bobject%20Object%5D&name=image.png&originHeight=694&originWidth=1000&originalType=binary&ratio=1&rotation=0&showTitle=false&size=46346&status=done&style=none&taskId=ud2649bb7-bc1a-4df0-aef8-bdf7c8f9d28&title=)<br />       效果如下图:<br />![image.png](https://cdn.nlark.com/yuque/0/2022/png/21800028/1649734260769-ae416c22-f6e2-4687-9bbb-8edab19b0b13.png#clientId=uc79f67eb-5f86-4&crop=0&crop=0&crop=1&crop=1&from=paste&height=380&id=u9388edf1&margin=%5Bobject%20Object%5D&name=image.png&originHeight=760&originWidth=1600&originalType=binary&ratio=1&rotation=0&showTitle=false&size=65881&status=done&style=none&taskId=uec182d6c-61ac-4d80-8e0d-de36247857a&title=&width=800)<br />也可以直接拖拽某一个环节组件到合适的位置松开鼠标,亦可将该环节组件添加到流程设计器中,效果如下图所示:<br />![image.png](https://cdn.nlark.com/yuque/0/2022/png/21800028/1649735085102-4010a115-3fb8-445a-b9c7-0cc7abb74a22.png#clientId=u245b086c-8c91-4&crop=0&crop=0&crop=1&crop=1&from=paste&id=u733b40fd&margin=%5Bobject%20Object%5D&name=image.png&originHeight=760&originWidth=1600&originalType=binary&ratio=1&rotation=0&showTitle=false&size=71825&status=done&style=none&taskId=u23f2261f-3306-4afa-9238-391e8318d10&title=)

4.环节连线配置

   从工具栏中点击“连线”,点击环节的末端和下一环节的前端,即可形成一条“连线”,同样的操作将环节组件与开始环节、结束环节连接起来。<br />       也可以通过双击“连线”,对“连线”的布局进行调整,效果如下图所示。<br />![image.png](https://cdn.nlark.com/yuque/0/2022/png/21800028/1649734432406-3142fa77-04d3-4401-88ba-4102b5c91303.png#clientId=uc79f67eb-5f86-4&crop=0&crop=0&crop=1&crop=1&from=paste&id=u5329fa0a&margin=%5Bobject%20Object%5D&name=image.png&originHeight=760&originWidth=1600&originalType=binary&ratio=1&rotation=0&showTitle=false&size=66215&status=done&style=none&taskId=u059a0d3b-0b7e-4ea5-b64c-32fe688aab8&title=)<br />       用于配置“连线”的相关属性。配置时双击需配置的连线,打开“连线信息”对话框,可以配置连线的显示名称,连线条件类别(默认连线、表单属性条件或复杂表达式)、连线描述等。<br />**默认连线:**如果环节没有多个后继节点环节,可以不配置连线条件,使用默认连线;多路分支时,可以保留一条默认连线,其他线上条件必须配置;全路分支时,可以都不配置连线属性,默认全部后继环节都并行。<br />![image.png](https://cdn.nlark.com/yuque/0/2022/png/21800028/1649743769341-3f66a0cd-aa63-48fc-a3ef-eedd77aa9bd2.png#clientId=u3b2d1e62-61aa-4&crop=0&crop=0&crop=1&crop=1&from=paste&id=u29e87072&margin=%5Bobject%20Object%5D&name=image.png&originHeight=567&originWidth=1007&originalType=binary&ratio=1&rotation=0&showTitle=false&size=14261&status=done&style=none&taskId=u1ef2a3ce-7199-4e0b-8be2-0de62d9e2e7&title=)<br />**表单属性条件:**通过下拉框或者输入框快速配置连线条件,判断后继分支运行环节。<br />首先选中“表单属性条件”,随后箭头所示处点击“添加条件”。<br />![image.png](https://cdn.nlark.com/yuque/0/2022/png/21800028/1649743879518-52e7881c-3d06-49d4-a872-6cef37de8efb.png#clientId=u3b2d1e62-61aa-4&crop=0&crop=0&crop=1&crop=1&from=paste&id=u32b195a5&margin=%5Bobject%20Object%5D&name=image.png&originHeight=560&originWidth=1005&originalType=binary&ratio=1&rotation=0&showTitle=false&size=21543&status=done&style=none&taskId=uf4b190a1-b1be-4b41-b73c-fa895b0b436&title=)<br />再从下拉框中选择需要配置的表单条件。<br />![image.png](https://cdn.nlark.com/yuque/0/2022/png/21800028/1649743967006-98ef7ba9-920c-41e8-9270-23ccc6f9fc5a.png#clientId=u3b2d1e62-61aa-4&crop=0&crop=0&crop=1&crop=1&from=paste&id=uc056889d&margin=%5Bobject%20Object%5D&name=image.png&originHeight=563&originWidth=1010&originalType=binary&ratio=1&rotation=0&showTitle=false&size=25122&status=done&style=none&taskId=uc9e263c2-2ffb-449c-9470-138f4cf9c39&title=)<br />**复杂表达式:**用于处理多路并行的场景,如果环节的后继环节有多条(大于1)线路作为备选,可以配置复杂表达式,控制环节的分支,这里目前支持SpringEL表达式的判断条件配置,在控制环节运行时,先调用流程引擎的设置连线表达式的服务,再结束环节或者完成工作项,才能正确处理任务。<br />格式参考(表达式的值必须为字符串形式),如下图所示:<br />![image.png](https://cdn.nlark.com/yuque/0/2022/png/21800028/1649744039350-b72d0212-ac50-4b67-90d1-74f8bf264584.png#clientId=u3b2d1e62-61aa-4&crop=0&crop=0&crop=1&crop=1&from=paste&id=uf479866b&margin=%5Bobject%20Object%5D&name=image.png&originHeight=568&originWidth=1007&originalType=binary&ratio=1&rotation=0&showTitle=false&size=17733&status=done&style=none&taskId=uc65d1f58-a349-41b8-ad38-35e76c62734&title=)<br />也可以配置多个条件:<br />![image.png](https://cdn.nlark.com/yuque/0/2022/png/21800028/1649743557310-ad2dcc7e-5154-48a4-b2f1-b6a4672fd6fd.png#clientId=u37d0ac87-cbdb-4&crop=0&crop=0&crop=1&crop=1&from=paste&id=u4a64573c&margin=%5Bobject%20Object%5D&name=image.png&originHeight=564&originWidth=1010&originalType=binary&ratio=1&rotation=0&showTitle=false&size=18978&status=done&style=none&taskId=u5cf5ec54-63a4-4402-9296-1a74727b516&title=)

5.开始环节属性配置

双击“开始环节”图标,如图所示:image.png,进入开始环节属性配置。
基本信息:配置环节名称、分支模式、环节参与者等。
image.png
环节参与者设置:开始环节参与者配置只能“从组织机构获取(通过组织机构树设置参与者)”设置参与者。
点击复选框即可添加该人员、角色、机构等到参与者列表中;点击右侧参与者列表的“移除”按钮即可删除该参与者。
image.png

6.人工环节属性配置

  双击“人工环节”图标,如图所示:![image.png](https://cdn.nlark.com/yuque/0/2022/png/21800028/1649744126327-3ccfa39e-ef37-468b-9682-30d1e975f3d7.png#clientId=u3b2d1e62-61aa-4&crop=0&crop=0&crop=1&crop=1&from=paste&id=u3aa77073&margin=%5Bobject%20Object%5D&name=image.png&originHeight=46&originWidth=45&originalType=binary&ratio=1&rotation=0&showTitle=false&size=1816&status=done&style=none&taskId=uf56d1c69-6b51-4851-b0b2-6a23e4a5061&title=),进入人工环节属性配置。<br />      **基本信息**:配置环节名称、分支模式、聚合模式、全局变量等。<br />      因各应用系统计算环节是否超时的具体要求不同,考核时可能会涉及到业务处理人员的工作时间、节假日、人员请假、工作交接、实施预改约、首次回应时间、线下人工活动等业务属性,配置的环节时限仅作为环节历时计算的参考,流程引擎没有根据该时限发送环节超时预警或者告警。<br />全局变量:相当于支持自定义配置环节扩展属性,以KEY-VALUE的形式存储在平台中,可以通过服务调用的方式获取到全局变量信息,描述,可以添加该环节的备注信息及描述。<br />![image.png](https://cdn.nlark.com/yuque/0/2022/png/21800028/1649744246538-eaa51a5e-efab-482b-b3e7-87f8950093ac.png#clientId=ud016e062-013e-4&crop=0&crop=0&crop=1&crop=1&from=paste&id=udf6beca0&margin=%5Bobject%20Object%5D&name=image.png&originHeight=638&originWidth=1058&originalType=binary&ratio=1&rotation=0&showTitle=false&size=25374&status=done&style=none&taskId=u90791bfe-336c-422d-9b43-d6a221ba930&title=)<br />      **环节参与者设置**:人工环节参与者配置支持“流程启动者”、“从组织机构获取(通过组织机构树设置参与者)”、“由前驱环节指定参与者”等,这几种方式是相互独立的,只能选择其中一种方式设置参与者。如果配置“由前驱环节指定参与者”,则优先获取前驱环节指定的参与者,否则根据前面的参与者方式设置参与者。<br />点击复选框即可添加该人员、角色、机构等到参与者列表中;点击右侧参与者列表的“移除”按钮即可删除该参与者。<br />![image.png](https://cdn.nlark.com/yuque/0/2022/png/21800028/1649744295032-6addc2a1-1d20-40e2-aca6-c80d9a3e5f36.png#clientId=ud016e062-013e-4&crop=0&crop=0&crop=1&crop=1&from=paste&id=ude1a8c03&margin=%5Bobject%20Object%5D&name=image.png&originHeight=637&originWidth=1061&originalType=binary&ratio=1&rotation=0&showTitle=false&size=72059&status=done&style=none&taskId=u0931be4d-d423-4238-8dbc-e75c0dadac2&title=)<br />**触发事件:**用于配置人工环节的业务逻辑,在环节启动前、环节启动后、环节完成前、环节完成后等四种时机触发API逻辑。<br />![image.png](https://cdn.nlark.com/yuque/0/2022/png/21800028/1649744587602-4ef54062-9738-49a1-8b86-b941e61d4972.png#clientId=ud016e062-013e-4&crop=0&crop=0&crop=1&crop=1&from=paste&id=u17faf8e4&margin=%5Bobject%20Object%5D&name=image.png&originHeight=641&originWidth=1056&originalType=binary&ratio=1&rotation=0&showTitle=false&size=21626&status=done&style=none&taskId=u48147c4a-0b16-47a5-b99d-3a51d83ab22&title=)

7.自动环节属性配置

  双击“自动环节”图标,如图所示:![image.png](https://cdn.nlark.com/yuque/0/2022/png/21800028/1649744155458-44e847ac-f237-469f-b7fa-bd8b2d5a66e8.png#clientId=u3b2d1e62-61aa-4&crop=0&crop=0&crop=1&crop=1&from=paste&id=u53640fc4&margin=%5Bobject%20Object%5D&name=image.png&originHeight=46&originWidth=45&originalType=binary&ratio=1&rotation=0&showTitle=false&size=2131&status=done&style=none&taskId=ude91c458-71ab-43d7-bca7-54d578e8505&title=),进入自动环节属性配置。<br />      **基本信息:**环节名称、执行逻辑、聚合模式、分支模式等。<br />      点击执行逻辑下拉框,选择该自动环节的执行逻辑,确定即可。<br />![image.png](https://cdn.nlark.com/yuque/0/2022/png/21800028/1649744657694-ce5ab0e6-62da-49ac-8e61-4b0f977dcf26.png#clientId=ubf28293f-9b29-4&crop=0&crop=0&crop=1&crop=1&from=paste&id=ua73a9317&margin=%5Bobject%20Object%5D&name=image.png&originHeight=429&originWidth=1059&originalType=binary&ratio=1&rotation=0&showTitle=false&size=24890&status=done&style=none&taskId=u8e57dc52-77a1-463f-a95e-cb8a1f30195&title=)<br />**触发事件:**用于配置人工环节的业务逻辑,在环节启动前、环节启动后、环节完成前、环节完成后等四种时机触发API逻辑。<br />![image.png](https://cdn.nlark.com/yuque/0/2022/png/21800028/1649744772489-90ee20dc-c27a-4a23-bbc6-df22da3d1125.png#clientId=ubf28293f-9b29-4&crop=0&crop=0&crop=1&crop=1&from=paste&id=fTJgD&margin=%5Bobject%20Object%5D&name=image.png&originHeight=431&originWidth=1063&originalType=binary&ratio=1&rotation=0&showTitle=false&size=19775&status=done&style=none&taskId=u89c4c9b3-270d-4b5e-a794-28d6c1dd378&title=)

8.子流程环节属性配置

双击“子流程环节”图标,如图所示:image.png,进入子流程环节属性配置。
基本信息:配置环节名称、子流程、分支模式、聚合模式、结束方式、触发事件等。
image.png
可以通过下拉框的方式选择该环节需要执行的子流程,如下图所示:
image.png
触发事件:用于配置子流程环节需要执行的业务逻辑,在环节启动前、环节启动后、环节完成前、环节完成后等四种时机触发API逻辑。
image.png

9.结束环节属性配置

双击“结束环节”图标,如图所示:image.png,进入结束环节属性配置。
基本信息:配置环节名称、聚合模式、描述等。
image.png

10.BPMN模式

BPMN模式是相对于设计模式而言,可以通过复制粘贴流程定义XML到流程设计器中,会解析成相应的流程设计图,便于快速完成一个场景的流程图设计。与“设计模式”相对。
image.png
将流程定义XML复制粘贴到XML编辑器后,点击“设计模式”便会自动进行流程定义XML验证,符合要求后生成流程图并展示出来。效果如下图所示:
image.png

11.模板导入流程

在流程设计器的操作栏区域,点击“从模板导入”选择框,可以查看和使用配置的流程设计模板:
image.png
点击某个流程设计模板,可以查看该流程设计模板的预览图:
image.png
点击页面最下方的“一键使用”,即可将该流程设计模板添加到流程设计器中:
image.png
效果如下图:
image.png

12.清空流程设计图

在流程设计器的操作栏区域,点击“清空”按钮,可以一键清空流程设计图,回到流程设计器最初始的状态,只有开始和结束两个环节:
image.png
确认清空后:
image.png

13.保存流程设计图

在流程设计器的操作栏区域,点击“保存”按钮,可以配置流程名称、流程类型、流程描述等:
image.png
一个场景下只能保存一份主流程,可以存在多个子流程,并且保存的子流程可以在子流程环节的配置中选择。