检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
单击复制后按钮后，直接进入新的角色桌面的编辑状态。根据实际情况修改角色桌面名称，调整布局，进行添加卡片、管理卡片等操作。 图1 编辑栏 您也可以单击“选择默认模板”，重新选择合适的模板，进行编辑。 编辑完成后，单击“保存”。 再次编辑时，选择该角色桌面页签，单击编辑按钮，进入角色桌面。 角色桌面保存后，可进行编辑卡片的操作。
功能页签“流程编辑/数据编辑/UI编辑” 可切换至数据编辑和UI编辑，进行相应的配置。 保存 将流程编辑当前的内容进行保存。 导航树配置面板详细介绍 在“流程编辑”页，通过单击切换至“导航树配置”面板。 图2 导航树配置 表3 导航树配置 位置 属性 说明 “导航树配置”工具面板 通过单击具体的
退出编辑模式，返回“流程元模板”列表页。 “流程编辑/数据编辑/UI编辑”页签 可切换至流程编辑和数据编辑，进行相应的配置。 保存 将UI编辑当前的内容进行保存。 工具栏详细介绍 UI编辑器中的顶部工具栏从左至右包括如下功能按钮。 图2 工具栏 表3 工具栏 图标 名称 说明 页面名称 展示当前页面名称。 画布清除工具
进入流程元模板的编辑模式后，选择“数据编辑”页签，切换至“数据编辑”页面。 在“数据编辑”页面，单击“添加数据模型”，展开“添加数据模型”页面。 在展开的“添加数据模型”页面，勾选需要添加的数据模型，单击“保存”。 删除数据模型 进入流程元模板的编辑模式后，选择“数据编辑”页签，切换至“数据编辑”页面。
UI编辑操作说明 UI编辑介绍 页面JS 状态管理 资源管理 父主题： 流程元模板
调试工具 Vue Devtools是一个专为Vue.js开发者设计的浏览器扩展。它提供了一系列强大的功能，帮助开发者更容易地调试和优化他们的Vue应用程序。 Vue Devtools 以下是Vue Devtools的主要特点和功能： 组件树查看：允许用户查看完整的Vue组件层次结
单击左侧插件栏中页面JS按钮即可打开页面JS面板。在代码编辑区中编写好代码后单击右上角保存按钮。 图1 代码编辑区 系统预先编写好了一些范例脚本，单击“展示使用帮助”可以查看提供的范例脚本。 可以将需要使用的相关范例复制，然后单击“关闭使用帮助”回到JS代码编辑页面，粘贴到代码编辑区进行使用。 给组件绑定JS方法
编辑工具栏：单击，可展开编辑工具栏，在编辑框中选择需要的编辑操作，编辑框如图2所示。 图2 模板编辑框 单击“插入”，根据需要在“快捷入口”“基础”“卡片”“引用”“行内元素”和“多媒体”选项中选择自己需要的内容加入到模板中。 或单击页面右侧的“模板”，选择需要的模板类型，然后对模板内容进行编辑。 文件名编辑区域：用于编辑新建文档名称。
式变量进行管理，包含添加、删除、搜索和编辑。 页面状态和应用状态的区别在于： 页面状态针对当前的页面（局部变量）。 应用状态针对当前应用的所有页面（全局变量）。 图1 状态管理 “页面状态”和“应用状态”的基础操作（包括添加、删除、搜索、编辑）都是一致的，唯一的区别是，创建应用状
写到工具类方法中，供后续调用。如图1所示，UI编辑器内部已经提供了三个内置工具类供用户使用，下文以lcRequest举例说明。 图1 内置工具 lcRequest 内置网络请求工具Axios，因为已添加拦截器和部分参数验证，所以在编辑器内发起请求时，可直接使用此工具。 详细参数类
AUI为内部开源使用，外部无法访问，底层逻辑使用Vue组件暴露封装，因此在不使用AUI情况下，通过原生Vue CLI脚手架搭建组件库形式暴露卡片组件，也能够正常使用。 开发过程 准备工作中已经正常安装了Vue CLI脚手架，因此可以快速搭建Vue项目。 初始化Vue项目。 vue create my-app
开发流程 编写卡片的工作流程如下： 图1 开发流程 创建一个新的工程目录。 使用Vue CLI脚手架创建Demo前端工程，能够自动创建一个简单的样例工程，在此基础上开发能够减少很多繁琐的工作。 编写构建Vue前端组件。 可以把功能或者需求类似的有机体封装成一个业务组件，并对外暴露接口
“发布”状态的Part才能被其他功能模块引用。 编辑Part 在“Part定义”页面： 单击Part分类记录“操作”列的“编辑”，根据实际情况修改Part编码基本属性参数、扩展属性参数、行业标准属性参数、关联供应商信息。 单击“草稿”状态待编辑的Part记录“操作”列的“编辑”，根据实际情况修改版本级
指导书相关操作 操作 描述 发布（送审）指导书 进入“编辑***指导书”页面，单击“草稿”状态的指导书版本“操作”列的“发布”，指导书进入审核阶段，且“状态”变为“审核中”。 编辑指导书 进入“编辑***指导书”页面： 单击指导书“操作”列的“编辑”，根据实际情况修改WI基本信息。 单击“草
如果安装成功，应该可以看到npm的版本号。 安装Vue CLI Vue CLI是Vue.js的脚手架工具，可以帮助我们快速创建Vue.js应用。要使用它，我们需要先安装它。 在命令行中输入以下命令来安装Vue CLI： npm install -g @vue/cli 这个命令会全局安装Vue CLI，所以安装
单击“保存”，公司添加完成。 公司相关操作 公司添加完成后，您还可以进行如表2所示的操作。 表2 公司相关操作 操作 描述 编辑公司 在“公司注册”页面，单击待编辑的公司记录右侧的，再在弹出的操作列表中单击“编辑”，根据实际情况修改集团编码、集团名称、描述、公司类别等参数信息。 删除公司 在“公司注册”页面
单击“锁定”。 说明： “发布”状态的数据如果想要修改，需先锁定再编辑。此时，该数据仅支持锁定者进行修改、发布操作。 编辑工序 在“工序定义”页面，单击“草稿”或“锁定”状态待编辑的工序记录“操作”列的“编辑”，根据实际情况修改工序名称、工序类别、工序简称等参数信息。 删除工序
部门信息相关操作 部门信息添加完成后，您还可以进行如表2所示的操作。 表2 部门信息相关操作 操作 描述 编辑部门信息 在“部门人员”页面，单击待编辑的部门信息记录右侧的，再在弹出的操作列表中单击“编辑”，根据实际情况修改部门名称、部门描述等参数信息。 删除部门信息 在“部门人员”页面，单击待
模型，单击“保存”。 数据编辑的具体使用请参见数据编辑操作说明。 单击顶部导航栏的“UI编辑”，进入“UI编辑”页面。 图4 UI编辑 根据自身业务需求，在“UI编辑”页面编辑流程元模板的UI页面。 UI编辑的具体使用请参见UI编辑介绍。 完成UI编辑后，单击右上方的“保存”。
尽量用最小的代码实现卡片功能，例如： 优先考虑使用公共资源。 使用构建工具对代码进行压缩混淆。 持续重构，改善代码质量。 打包时排除vue、axios。 卡片访问的集成应用服务需要开启https协议。 父主题： 外部无AUI依赖开发示例
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
