易企办博客 / 易企办动态

在新版表单与工作流设计器中工作

用中文图解定位控件、组件、变量、动作、导航器和工作流画布,并检查任务设置及分支。

Abe Flatley·

新版表单与工作流设计器。控件与组件,在左侧切换。变量与动作,从顶部工具栏打开。导航器,从画布右键菜单打开。流程画布,底部操作与圆角连线。

本文由国际版原文本地化,文末提供原文链接。涉及的能力以易企办中国版租户和权限为准。

新版易企办表单与工作流设计器重新安排了画布、工具栏、导航器和流程节点设置。设计者可以沿用原来的建模思路,从表单控件和组件开始,再配置流程动作及节点之间的条件。

在表单画布中使用控件和组件

左侧放置设计资源,中间是画布,顶部聚合编辑操作。在画布上选择控件后,可核对字段绑定、标签、校验和不同状态下的显示。

从左侧资源开始编辑。资源面板,控件与组件。采购申请表单,申请人、部门和用途。配置面板,字段绑定与显示规则。
用采购申请的虚构页面定位画布。

在左侧面板切换“控件”和“组件”。控件适合输入、显示及交互。组件可将常用布局或团队共享块带到其他表单,便于统一申请信息、任务意见和明细区域。

切换控件和组件。控件与组件,在左侧切换。采购申请表单,通用申请信息区块。共享布局,任务意见与明细区域。
将共享布局复用到其他申请。

需要调整多列布局、间距或嵌套容器时,可用左上角开关收起左侧面板,增加画布的编辑空间。添加控件时再打开面板。

收起左侧操作面板。顶部开关,收起或展开面板。采购申请表单,核对多列布局。扩大画布,查看字段间距。
编辑多列与间距时扩大画布。

管理同一资源的多张表单

使用顶部的表单下拉菜单识别当前表单、切换已有表单或按需要创建新表单。提交、任务和查看场景往往由不同表单承担。切换前核对所处角色和阶段,避免把修改应用到另一张表单。

工具栏也集中提供撤销、重做、变量、动作、保存和预览。

从顶部找到常用工具。表单菜单,切换提交、任务和查看表单。顶部工具栏,撤销、重做、变量和动作。预览与保存,检查交互并保留更改。
检查当前打开的是哪张表单。

点击“变量”打开管理窗口,核对变量名称、类型、默认值和引用位置。确认更改后返回画布。

集中查看表单变量。变量,类型,用途。采购说明,文本,提交人填写。申请金额,数字,审批条件。采购日期,日期,申请记录。是否补件,是或否,阶段显示。
以虚构采购申请的变量为例。

点击“动作”打开表单动作面板,管理点击、字段变化或其他事件对应的处理。保存后用预览核对可见性、必填和条件结果。

从工具栏打开动作面板。顶部工具栏,打开动作。采购申请表单,变更金额或类型。动作面板,校验输入并计算合计。
检查事件和执行的动作是否对应。

从右键菜单打开导航器

在新版设计器中,右键点击画布并选择“导航器”。导航器以层级展示容器、区块和控件,适合在长表单中定位嵌套项。找到对象后核对名称和所在区域,再进行选择或调整。

右键打开导航器。画布右键菜单,选择导航器。采购申请表单,找到申请信息区。导航器层级,表单、容器、字段。
从容器层级定位嵌套控件。

在工作流画布上配置动作

工作流设计器将画布操作移到下方,便于查看拥有多条分支的流程。构建时可缩放画布,再沿开始、动作、分支和结束检查顺序。

从底部调整流程视图。开始,接收采购申请。分配任务,交给部门审核。结果分支,同意或退回。画布底部,缩放与定位。
用虚构流程识别节点与画布控制。

点击分配任务等动作会打开对应的设置面板。在面板中逐项核对办理人来源、关联表单、可用按钮和完成后的路径,然后继续检查下一个动作。

点选分配任务查看设置。开始,读入采购申请。分配任务,核对办理人和任务表单。结果分支,核对退回与同意。动作设置,配置完成后的去向。
核对办理角色、表单与处理结果。

用更清晰的连线检查分支

新版改用圆角走线,并调整连接路由,减少密集节点周围的交叠。可以用画布检查同意、退回和拒绝等路线,再以实际表单运行验证网关条件和节点到达结果。

用圆角路径阅读分支。开始,建立流程上下文。分配任务,等待业务决定。结果分支,区分同意与退回。流程路径,查看实际连接。
检查各分支的条件和最终节点。

对已有表单做一次低风险修改时,可按“打开表单、定位控件、调整、预览、保存、检查流程动作”的顺序验证。相关配置见新版设计器产品更新和审批表单设计器概览。

查看原始文章

返回易企办博客