流程设计器

我们提供了配套的流程设计器，用户可以通过拖拽方式设计流程。

概览

设计器主要包含节点工具栏、画板、属性面板、操作工具栏（图中未包含）。

节点工具栏

包含全部类型节点，根据需要将节点拖动到画板上即可。然后在节点之间添加连线，指定流程流转路径。

画板

流程图承载区域。可以拖动画布移动位置。右键菜单可以删除节点或连线。

提示

流程图节点的描述文字过长时，默认折叠为多行显示。

开发人员可以修改此默认模式，在 .env 配置文件添加 VUE_APP_WORK_GRAPH_TEXT_WRAP 配置项，可选取值为：

• default 不换行，可能超出节点显示。
• ellipsis 超出节点范围则省略后续内容。
• autoWrap （默认值）自动换行，可能超出节点范围。

属性面板

在属性面板进行节点相关配置操作。在画板中点击部分节点或连线会弹出属性面板。可配置内容根据节点类型不同而不同，具体说明请查看节点类型。

注意

相较之前版本，设计器取消了分叉、合并、自动完成节点的配置功能。自动生成必要的配置项，减少不必要的用户操作。

提示

可以触发属性面板的节点为： 开始节点、用户节点、子流程节点、判断节点（仅可设置描述）

可以触发属性面板的连线为：判断节点的后续连线

操作工具栏

操作工具栏提供了画布缩放与数据保存功能。

注意

除有单独保存按钮的人员规则、超时规则之外，其它节点或配置改动，都必须使用操作工具栏保存。