检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在UI编辑页面添加插件 UI编辑插件介绍 如何使用物料插件 如何使用大纲树 如何使用国际化资源插件 如何使用状态管理插件 如何使用资源管理插件 父主题： 使用流程引擎编排流程元模板
退出编辑模式，返回“流程元模板”列表页。 “流程编辑/数据编辑/UI编辑”页签 可切换至流程编辑和数据编辑，进行相应的配置。 保存 将UI编辑当前的内容进行保存。 工具栏详细介绍 UI编辑器中的顶部工具栏从左至右包括如下功能按钮。 图2 工具栏 表3 工具栏 图标 名称 说明 页面名称 展示当前页面名称。 画布清除工具
包含另存为其他格式文件、查看XML、管理流程编辑视图等操作。 在线编辑区 位于流程编辑页面中央，是可视化设计流程的核心模块。在左侧工具栏的工具面板中，将所需的流程工具拖拽到在线编辑区内；然后根据已明确的业务流程，单击在线编辑区内的流程工具，设置流程工具间的连接、属性、样式等，具体操作请参见在流程编辑页面添加流程工具和设置流程编辑页面的流程工具属性。
续流程，常用于流程调试。 为流程元模板添加流程工具 在“流程编辑”页面设计流程元模板时，您可以直接通过拖拉拽的方式，从左侧工具栏将需要的流程工具拖拽到在线编辑区内。 图1 为流程元模板添加流程工具 您也可以选中“在线编辑区”的工具组件，单击组件右侧图标添加对应组件或者修改组件类型。
编辑栏：在编辑框中选择需要的编辑操作，单击插入更多富媒体元素。 图2 模板编辑框 文件名编辑区域：用于编辑新建文档名称。 文件内容编辑区域：用于编辑文件内容。 关闭文件创建界面，文档内容自动保存，返回“知识管理”界面。 团队空间下，自己创建的文档，自己可以进行“查看”、“编辑”、“星标”、“取消星标”、“
单击复制后按钮后，直接进入新的角色桌面的编辑状态。根据实际情况修改角色桌面名称，调整布局，进行添加卡片、管理卡片等操作。 图1 编辑栏 您也可以单击“选择默认模板”，重新选择合适的模板，进行编辑。 编辑完成后，单击“保存”。 再次编辑时，选择该角色桌面页签，单击编辑按钮，进入角色桌面。 角色桌面保存后，可进行编辑卡片的操作。
的灵活性与扩展性，能够应对更复杂的业务场景。 前提条件 已构建数据模型。 添加数据模型 进入流程元模板的编辑模式后，选择“数据编辑”页签，切换至“数据编辑”页面。 在“数据编辑”页面，单击“添加数据模型”，展开“添加数据模型”页面。 在展开的“添加数据模型”页面，勾选需要添加的数据模型，单击“保存”。
在流程编辑页面配置流程工具 流程编辑页面概述 在流程编辑页面添加流程工具 父主题： 使用流程引擎编排流程元模板
设置流程编辑页面的流程工具属性 为用户任务设置常规信息 为用户任务设置监听器 父主题： 使用流程引擎编排流程元模板
大纲树，是指流程元模板的UI编辑页面使用的插件列表，通过树进行排序。开发者可以在大纲树中通过选中某一组件，实现快速选择需要编辑的组件。 查看大纲树 登录流程引擎。 在左侧导航栏中，选择“流程编排服务 > 流程元模板”，进入“流程元模板”页面。 在流程元模板所在行，单击，进入流程元模板的编辑模式。 单
调试工具 Vue Devtools是一个专为Vue.js开发者设计的浏览器扩展。它提供了一系列强大的功能，帮助开发者更容易地调试和优化他们的Vue应用程序。 Vue Devtools 以下是Vue Devtools的主要特点和功能： 组件树查看：允许用户查看完整的Vue组件层次结
AUI为内部开源使用，外部无法访问，底层逻辑使用Vue组件暴露封装，因此在不使用AUI情况下，通过原生Vue CLI脚手架搭建组件库形式暴露卡片组件，也能够正常使用。 开发过程 准备工作中已经正常安装了Vue CLI脚手架，因此可以快速搭建Vue项目。 初始化Vue项目。 vue create my-app
在左侧导航栏中，选择“流程编排服务 > 流程元模板”，进入“流程元模板”页面。 在流程元模板所在行，单击，进入流程元模板的编辑模式。 单击“UI编辑”，切换至“UI编辑”页面。 在左侧插件栏中，单击，展开“状态管理”页面。 在“页面状态”页签下，单击“添加变量”。 在展开的“添加变量”页面，设置如下变量信息，单击“保存”。
在左侧导航栏中，选择“流程编排服务 > 流程元模板”，进入“流程元模板”页面。 在流程元模板所在行，单击，进入流程元模板的编辑模式。 单击“UI编辑”，切换至“UI编辑”页面。 在“编辑态”的电子流中，选择待构建流程页面的流程节点。 在左侧插件栏中，单击，展开物料面板。 在物料面板中，选择模板或组件，并拖拽至画布中。
设置提交任务 提交任务是流程编辑页面中流程发起的节点，也是一个流程的开始。一个流程中只能存在一个提交任务。 登录流程引擎。 在左侧导航栏中，选择“流程编排服务 > 流程元模板”，进入“流程元模板”页面。 在流程元模板所在行，单击，进入流程元模板的编辑模式。 在“流程编辑”页面，选中待设置的
何一个流程元模板的UI编辑页面中进行调用。 新建function工具类 登录流程引擎。 在左侧导航栏中，选择“流程编排服务 > 流程元模板”，进入“流程元模板”页面。 在流程元模板所在行，单击，进入流程元模板的编辑模式。 单击“UI编辑”，切换至“UI编辑”页面。 在左侧插件栏中，单击，展开“资源管理”页面。
开发流程 编写卡片的工作流程如下： 图1 开发流程 创建一个新的工程目录。 使用Vue CLI脚手架创建Demo前端工程，能够自动创建一个简单的样例工程，在此基础上开发能够减少很多繁琐的工作。 编写构建Vue前端组件。 可以把功能或者需求类似的有机体封装成一个业务组件，并对外暴露接口
板的UI编辑页面都可以访问。 国际化只针对流程元模板中的UI编辑页面，不针对流程引擎本身。 新增国际化词条 登录流程引擎。 在左侧导航栏中，选择“流程编排服务 > 流程元模板”，进入“流程元模板”页面。 在流程元模板所在行，单击，进入流程元模板的编辑模式。 单击“UI编辑”，切换至“UI编辑”页面。
本地应用：格式为“应用名称+:”，例如“Word:”。 选择合适的图标并“确定”。 管理卡片中的通用功能 单击通用功能卡片中的，选择“管理通用功能”。 在“未添加”页签中，单击“添加”将功能添加到卡片当中，一张卡片中最多展示6个功能。 可以对“从外部服务添加”的功能进行“编辑”或“删除”。如图1所示。
登录流程引擎。 在左侧导航栏中，选择“流程编排服务 > 流程元模板”，进入“流程元模板”页面。 在流程元模板所在行，单击，进入流程元模板的编辑模式。 在“流程编辑”页面，选中待设置的用户任务，单击工具信息设置面板的“监听器”页签。 图1 监听器 勾选“超时处理：超时自动转审”，设置如下信息。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
