DeepFlow工作流引擎提供了流程的后端编排串联。同时，它需要有前端展示的承载工具。为了灵活化相关的页面编排，工作流以控件的形式支持在UX中拖入，以串联业务表单与工作流程的交互。

目前UX中主要提供了以下工作流相关的控件：

• 待办页面

• 流程备注

• 流程记录

• 任务处理

• 流程图

你可以跳转至工作流与UX配置说明进行查看。

工作流与UX配置说明

保存数据发起流程： 如需在同一个按钮保存数据并发起流程，需在按钮配置提交表单和发起流程动作：

• 提交表单动作：表单：选择需要保存的表单数据；数据源：选择要将数据提交到哪个数据源，一般是选择的表单关联的数据源；运行条件：$components.request_task_model_business_form_VcW3.needSubmit()，判断表单是否需要提交（避免重复提交）。

• 发起流程动作：目标元素选择需要发起的流程，会自动带入所选流程的启动参数，启动参数必须都填写。主键传参表达式：$context.event.lastActionResult?.domainKey || $components.req_id_input_bjl7.value。新建时可通过取上一步表单保存的结果获取主键值，编辑时可以直接通过取控件的值获取主键值。

任务处理

先在 UX 的【页面变量】中声明字符串类型的外部变量 task、proc 并保存，再在工作流的待办跳转界面为同名参数赋值：task = acp$task_id、proc = wfp$proc_id。

在任务处理控件的【任务实例 ID】中选择外部变量 task，对应表达式为 $var.task。任务实例 ID 与流程实例 ID 是不同标识，不能混用。需要按流程查任务时，启用后备查询并在【流程实例 ID】中选择变量 proc（$var.proc）。

外部变量和任务处理配置可从 合同审批 Demo 的审批详情 UX 查看。

流程记录

在 UX 中拖入流程记录控件，按流程实例查询时选择外部变量 proc，表达式为 $var.proc。按业务键查询时，选择对应工作流并提供与其规则一致的业务键；从外部传入业务键时，也应先声明同名外部变量。

流程图

在 UX 中拖入流程图控件，在【流程实例 ID】中选择外部变量 proc，表达式为 $var.proc。若业务数据源已保存对应流程实例 ID，也可从数据源取值；需确保与当前查看的业务一致。