关联页面

关联页面允许用户在流程执行期间与活字格构建的页面或第三方表单进行交互，从而实现灵活的数据填报与审阅。

步骤 1：准备页面

1. 创建活字格页面

在活字格流程设计器中，可直接关联活字格创建的页面。关联的页面通常应包含以下功能：

• 表单数据：显示与流程业务相关的表单数据。这包括可以填写和查看的数据表字段。表单数据的显示应当清晰、结构化，使用户能够理解和操作。

• 流程历史：提供流程的历史记录。这包括正在进行的任务，已完成的审批操作、审批意见、审批人和审批时间等信息。用户可以通过查看流程历史来了解流程的整体进展。

• 操作按钮：显示流程任务的操作按钮，以便用户与页面进行交互并触发流程操作。

2. 创建第三方表单

如果您计划使用第三方表单，确保已选择适当的表单工具，并创建了与流程集成的表单。确保表单能够与流程引擎进行通信，例如通过公开的服务端命令调用流程相关的命令。

• 在新 Tab 页中打开第三方表单：将第三方表单以新的浏览器标签页的方式呈现给用户。用户点击相关链接或按钮后，表单将在新标签页中打开。要实现这一功能，流程的关联页面需要是特定 URL，并使用前端页面的“页面跳转命令”跳转至第三方表单的 URL。

• 在 Iframe 中打开第三方表单：允许将第三方表单嵌套在活字格页面的 Iframe 中。用户可以在活字格应用的页面内部直接填写表单，无需离开当前界面。这种方法有助于保持用户在一个集成界面中的工作流畅性，并且使用户能够更轻松地切换回流程中心界面。要实现这一功能，确保 Iframe 能够正确加载第三方表单的内容，并使用“标签页单元格”打开第三方表单的 URL。

步骤 2：设置关联

在流程设计器中，确定何时触发关联页面的设值。这可以是在特定流程步骤或特定事件发生时。

• 流程属性设置：配置流程中所有任务节点的关联页面。

• 节点属性设置：配置单个节点的关联页面，当节点里有新的任务创建时，任务实例关联页面字段的值会变更为指定的值。默认继承自全局设置，可强制指定为空。

• 通过服务端命令设置：在特定事件发生时修改任务的关联页面，值可以是任意文本，但通常是页面名或者特定 URL，以便前端页面的“页面跳转命令”能够有效地利用它。

步骤 3： 显示关联页面

流程运行过程中，实际会将关联页面的值保存在运行任务视图或全部任务视图的“关联页面”字段里，你可以随时在前端页面里引用该数据表字段，例如以下的场景：

1. 显示在子页面容器里

2. 显示在新的页面里

3. 显示在弹出页面里

4. 显示在 Iframe 中

步骤 4：测试关联页面

在配置关联页面后，进行测试以确保它与流程引擎正确地集成。测试应包括以下方面：

• 数据传递：验证流程引擎正确地将数据传递给关联页面，并且页面能够正确处理和保存数据。

• 页面交互：测试用户如何与关联页面进行交互，包括填写表单、暂存数据和执行操作。

• 权限校验：验证页面上单元格权限和数据字段权限（这类权限不影响 UI 布局，只控制值的显示）。

结论

通过遵循上述步骤，您可以有效地为流程步骤关联页面，从而实现高效且友好的流程界面交互。