这是博客系列的一部分，详细介绍了SAP Operational Process Intelligence中可能的UI扩展。

下图是场景实例详细信息页面，其中提供了特定场景实例（例如，订单号41463）的所有信息，如阶段，里程碑和总体状态。

使用SAP OPInt SP12及更高版本，物联网开发，您可以创建自定义导航操作，这些操作显示在场景实例详细信息的页脚中，并具有情景感知（根据业务条件启用），甚至可以使用关联将更深入的流程见解添加为新选项卡。

在这个UI5应用程序中，物联网是什么，您可以更改以下使用UI扩展：

期望什么

在本文档中，我将解释如何添加自定义操作以创建内部票据，广西大数据，以及如何根据特定业务条件（如销售订单过期或特定客户细分等）显示/隐藏内部票据

使用UI添加自定义操作的步骤扩展

前提条件：

步骤1：在下面创建新包我的工作区并将其命名为ui（如果还不可用）。创建子包页面、场景实例细节和页脚，如下所示。我们将在这里放置所有源代码以扩展scenarioInstanceDetails页。

步骤2：在footer包下，创建一个JS视图片段及其控制器，如下所示。说出他们的名字CustomActionButtons.controller.js& 自定义操作按钮.fragment.js. 此片段及其控制器将包含自定义操作的源代码及其属性

步骤3：在片段.js，添加以下代码以创建UI元素（sap.m.Button）并设置其属性。

注意：按钮文本、工具提示具有硬编码的英文文本。您可能希望使用i18n messagebundle中的文本来启用国际化（翻译）功能

第4步：实现片段的控制器

下一步是实现片段的控制器，在这里我们决定触发操作时会发生什么（实现方法createTicket，如在片段中定义按钮时所述）。为了创建一个票证，用户需要输入一些细节，比如标题文本、优先级、详细信息、组件等。在这个例子中，我将调用一个JS view as UI5对话框来捕获这些细节。根据您的需求，您可以在这里进行任何实现，包括带有POST action的服务

步骤4.1：在页脚包下为"Create New Ticket"对话框

创建视图和控制器，创建两个新文件并命名它们NewTicketDialog.controller.js以及NewTicketDialog.view.js. 请注意，这是在上面的控制器实现中被称为对话框的视图。

步骤4.2：实现NewTicketDialog视图

在createContent方法中，您在对话框中创建所需的UI元素–票证主题、优先级和详细文本，除了createContent方法之外，您还需要实现以下方法：getControllerName、openDialog、closeDialog、，_destroyView和handleCreateButtonPress.

步骤4.3：实现对话框视图的控制器

在createTicket方法中，物联网关键技术，我们调用服务来创建票据，并将主题、优先级和描述作为JSON传递（根据服务定义）。

步骤5：在组件.js

既然我们已经创造了扩展所需的人工制品，最后我们需要在组件.js文件。打开组件.js包中的文件我的工作区. 如果您没有看到这一点，请重新访问必备部分。

步骤5.1：编辑组件.js

在组件.js，什么是云服务器，在元数据自定义部分下添加控制器和视图扩展，如下所示。请注意，如果您已经有一个控制器或视图扩展（如其他博客中所述），则添加页脚扩展。

第6步：激活所有人工制品并访问新的自定义OPInt工作区。（http（s）：//主机：port/my/opi/workspace). 当您导航到场景实例详细信息页面时，您应该能够在场景实例详细信息页面的页脚中看到"创建票据"按钮。

通过执行上述步骤，您的系统中的所有业务场景都将启用自定义操作。但您可能希望启用此操作1对于特定的业务场景或2仅当订单处于"严重"状态（过期或运行延迟）三。所有来自优质客户的订单，无论订单状态如何4基于角色的访问。