云服务器内容精选

华为云首页用户手册

在UI编辑页面添加插件

工业数字模型驱动引擎-UI编辑插件介绍:工具栏详细介绍

工具栏详细介绍 UI编辑器中的顶部工具栏从左至右包括如下功能按钮。图2 工具栏表3 工具栏图标名称说明页面名称展示当前页面名称。画布清除工具清空当前画布页面相关的所有信息（如页面schema、页面状态、页面JS等配置）。画布刷新工具刷新当前页面信息，重新载入页面。预览工具在浏览器中打开新的标签页，预览当前编辑好的页面。撤销工具撤销当前操作并回退至上一步操作时的状态。重做工具恢复上一步操作并回到上一次撤销前的状态。全屏工具将当前页面全屏显示（和网页全屏功能一样）。中英文切换工具单击可切换页面中英文显示。

工业数字模型驱动引擎在UI编辑页面添加插件
工业数字模型驱动引擎-UI编辑插件介绍:初识UI编辑页面

初识UI编辑页面图1 初识UI编辑页面表1 各模块功能介绍功能描述顶部导航栏包含前往流程引擎、编辑模式切换、保存等基本功能。工具栏包含页面名称、多种画布工具、语言切换等。插件栏包含物料、大纲树、国际化、页面JS、状态管理、资源管理等插件。导航树栏包含了流程导航树的节点切换、预览等功能。画布对页面中的组件进行编辑、实时效果预览。组件属性面板展示和管理组件的属性和配置信息、自定义事件等，以便于统一管理和操作。组件层级面包屑展示完整的组件层级。

工业数字模型驱动引擎在UI编辑页面添加插件
工业数字模型驱动引擎-如何使用物料插件:选中组件

选中组件添加了组件之后，您可以选中组件，对组件进行修改、删除、移动等操作。以下为选中组件的相关方法：在画布中直接单击组件，选中组件。图1 在画布中直接单击组件在左侧大纲树插件中，以树的形式展示了当前流程节点页面中所有的组件，单击树节点，选中画布中的组件。图2 在大纲树单击树节点选中组件底部组件层级面包屑展示了从根节点到当前选中组件的层级节点，单击底部组件层级面包屑的某一个节点，选中父组件。图3 展示当前选中组件的层级节点图4 在底部组件层级面包屑选中父组件

工业数字模型驱动引擎在UI编辑页面添加插件
工业数字模型驱动引擎-如何使用物料插件:物料插件介绍

物料插件介绍物料插件分为模板和组件。模板：由许多基础组件构成的一个功能完善的可复用页面模板，对于一些特定的场景提供了预制模板。流程引擎当前预置了如下几种常见流程模板：提交页面模板：是一个通过流程引擎的UI编辑页面搭建的页面模板，主要应用于规范化和自动化提交流程的场景，帮助团队成员按照预定的步骤提交流程。在启动流程过程中，还会根据当前登录账号的用户访问权限动态控制提交页面的业务交互。例如，提交流程后，如果当前登录账号的用户是申请人，则显示“关闭流程”，支持用户关闭流程；如果当前登录账号的用户不是申请人，则只能查看流程。评审页面模板：即审批页面模板，是一个通过流程引擎的UI编辑页面搭建的页面模板，主要应用于流程中的审批场景。例如，流程运行至某个审批环节时，该审批页面会根据当前登录账号的用户访问权限，动态显示/隐藏“提交”按钮组件。流程记录模板：是一个通过流程引擎的UI编辑页面搭建的页面模板，主要用于记录和展示流程的步骤和细节，包括流程信息、当前任务节点、历史转他人处理记录和流程记录，帮助团队成员理解和执行流程。此外，流程引擎支持开发者基于对应使用的模板进行一些额外的定制化改造，以此适应企业中不同的业务场景需求。组件：提供了丰富的业务组件和IPD组件，用户可以根据需求选择合适的组件，具体说明如表1所示。表1 组件说明组件分类组件名称说明业务组件添加数据当您需要在页面中显示“数据编辑”页面中的模型数据时，您可以选择使用添加数据组件。设置参与者当您需要在页面中设置参与特定任务或流程的人员时，您可以选择使用设置参与者组件。流程状态图流程状态图是一种用于直观展示流程中各个节点状态以及节点之间流转关系的可视化组件，可以让用户清晰地了解流程的全貌和动态变化。表单用于快捷实现表单数据的提交与展示场景。绑定数据源后，可根据字段类型自动生成单行输入框、单选框、按钮等组件。流程指引当您需要在页面中配有简洁文字说明及必要图标示意时，您可以选择使用流程指引组件。信息树信息树是一种以树形结构来展示和组织信息的可视化组件。当您需要在页面中进行产品信息树搜索、选择、展示等场景时，您可以选择使用信息树组件。流程记录当您需要在页面中可以通过直观易懂的表格形式展示流程记录时，您可以选择使用流程记录组件。评审三件套评审三件套是一种用于流程节点评审结束后，标识和记录评审结论、通过及意见的组件。转审记录当您需要在页面中记录和跟踪某个具体用户任务转他人处理的流转情况时，您可以选择使用转审记录组件。附件用于上传本地文件资源，如PDF、Excel、Word等文件类型。 IPD组件 BOX 您可以将其他组件放入BOX或将BOX放入其他组件中，辅助页面布局。按钮当您需要根据单击按钮的行为触发某些动作时，如确定、提交、取消等动作，您可以选择使用按钮组件。单选框当您需要在一个数据集中选择单个选项，并使用单选框进行其他操作的场景时，您可选择使用单选框组件。多选框当您需要在一个数据集中选择多个选项，并使用多选框进行其他操作的场景时，您可以选择使用多选框组件。列容器主要用于在垂直方向上排列子组件，适用于需要按列展示信息的场景，例如菜单栏、设置选项等。行容器主要用于在水平方向上排列子组件。日期选择器当您需要在页面中进行日期选择时，您可以选择使用日期选择器组件。时间选择器当您需要在页面中进行时间选择时，您可以选择使用时间选择器组件。弹框使用弹框组件，可以在不离开主页面的情况下，为您提供快速执行简单操作、确认用户信息或反馈提示的辅助窗口。输入框当您需要在页面中对文字进行编辑时，您可以使用输入框组件。消息提示框在当前页面出现消息提示框，支持信息、成功、警告、错误、弱信息等类型的页面消息。折叠面板在页面中的复杂区域，您可以使用折叠面板组件进行分组和折叠，保持页面的整洁。选择器如果页面需要在限定的可选项内进行下拉选择时，您可以选择使用选择器组件。默认单选，可设置多选。状态标识用于在页面上直观展示对象（如任务、数据等）当前状态的组件，让用户能够快速了解对象所处的状态，而无需深入查看详细内容或进行复杂操作。表格如果页面需要使用表格进行数据显示和数据操作时，您可以选择使用表格组件，以表格形式展示多行数据，支持对数据进行排序、搜索、分页、自定义显示内容等操作。标签页如果页面需要在不同子任务、视图、模式之间切换时，可以选择使用标签页。一个标签项标记一个功能或模块，标签项之间可以快速单击切换。文本展示用于展示页面中的文本或标题的内容。帮助文档帮助文档组件是一种用于为用户提供操作指导、功能解释或其他相关提示信息的组件。它可以放置在页面的固定位置，以便用户能够轻松找到。树形控件适用于大量且具有层级关系的数据展示场景中，您可以利用该组件的展开、收起、关联等交互对数据进行操作处理。选人组件用于选择组织架构中的用户成员。

工业数字模型驱动引擎在UI编辑页面添加插件