新建并开发自定义组件 操作场景 当系统预置的组件无法满足用户需求时，用户可自定义组件包进行上传，在页面中进行使用。在开发自定义组件前，请仔细阅读自定义组件开发规范章节内容，了解组件的开发规范。下面以开发网站中常用的柱状图（vue2+Echarts）组件为例，向您介绍如何开发自定义组件。 本

查看更多 →

zip)”，选择6中的商品列表组件包commodityListWidget.zip，输入发行说明为“commodityListWidget”，单击“提交”。 关闭Vue3框架渲染组件开关。 本实践所涉及到的自定义组件是基于Vue2框架开发的，而系统是默认开启Vue3框架渲染组件的，所以您需要手

查看更多 →

overflow: scroll; } 将修改后的头部组件和组件路由导航组件文件，重新打成zip包。 参考基于预置组件进行自定义中操作，上传重新打包后的组件。 在高级页面设计器左上方，单击，拖出上传的头部组件、路由导航组件和预置的路由视图组件至设计页面。 单击页面上方的，保存页面。 保存成功后，单击，发布页面。

查看更多 →

前台控制逻辑。 通过vue父子组件引用的方式，将子页面CustomerInfoDemo.vue嵌入座席流程可视化的父页面servicecloud/aicc-web/src/views/ccmanagement/pages/iolp-service/IolpService.vue中。 示例代码如下：

查看更多 →

组件 组件承载着编辑器的核心功能，通过对组件的数据绑定、样式设置或交互动作，最终完成大屏的多样化设计和功能需求开发。 基础组件 文字 应用示例：使用文字组件设置页面标题。 图1 文字-1 添加组件：在左侧组件列表中，找到“文字”组件，将该组件拖到画布中。 图2 文字-2 配置样式

查看更多 →

组件 创建组件 获取组件列表 获取组件详情 更新组件 删除组件 创建、生效配置并部署组件 操作组件 获取组件快照列表 获取组件实例列表 父主题： CAE API

查看更多 →

组件 应用中创建组件 获取应用所有组件 根据组件ID修改组件信息 根据组件ID删除组件 根据组件ID获取组件信息 父主题： 应用管理（v2版本）

查看更多 →

（可选）开发自定义登录组件 “开发自定义登录组件”步骤可以直接跳过，本示例已为您提供了开发好的自定义登录组件。如果您想要自定义登录组件的开发方法，可参考本章节执行。 自定义登录组件 进入创建“设备维修管理系统”应用中创建的应用。 在左侧资产下的组件模板中，单击“widgetVueTemplate”，再单击“下载”。

查看更多 →

组件 应用中创建组件 应用中导入CCE工作负载创建组件 获取应用所有组件 获取所有组件 根据组件ID修改组件信息 根据组件ID删除组件 根据组件ID获取组件信息 根据组件ID下发组件任务 根据组件ID获取记录 根据组件ID刷新组件信息 获取组件相关配置信息 父主题： 应用管理API（v3版本）

查看更多 →

onBeforeUpdate：在组件更新之前执行。 onUpdated：在组件更新完成后执行。 onBeforeUnmount：在组件被卸载之前执行。 onUnmounted：在组件卸载完成后执行。 onErrorCaptured：在捕获了组件传递的错误时执行。 onActivated：当组件被插入到DOM中激活时执行。

查看更多 →

创建应用 创建“设备维修管理系统”应用 关闭Vue3框架渲染组件开关 了解应用目录及菜单 创建“业务用户登录”页面 父主题： 通过AstroZero开发设备维修管理应用

查看更多 →

setCookie("key","value") getI18n 一般用于在初始化阶段返回一个Vue18n的实例，配合Vue和VueI18n使用。使用方式参考如下： /* * 该Vue18n实例可以在new一个Vue实例时赋值为i18n参数。 */ HttpUtils.getI18n({

查看更多 →

文件字段说明 widegtApi > name：组件的名称，如“EchartsWidgetTemplate”。 widgetDescription：组件的描述信息。 authorName: ：组件的作者信息。 width：在绝对布局高级页面中，添加该组件时的默认宽度，单位为“px”，不填写默认为“200px”。

查看更多 →

callFlowConn 根据组件配置的数据类型（数据集、桥接器、数据源和静态数据），获取数据。 beforeDestroy 组件销毁前的回调函数，组件自己实现继承。 init 组件初始化入口API，以SelectWidgetTemplate组件为例，初始化组件通用能力，负责注册组件事件和组件动作。主逻辑建议如下：

查看更多 →

根据组件ID删除组件 功能介绍 此API用于通过组件ID删除组件。 调试 您可以在 API Explorer 中调试该接口。 URI DELETE /v3/{project_id}/cas/applications/{application_id}/components/{component_id}

查看更多 →

提交后，可在高级页面和大屏页面中使用该组件。自定义组件端到端使用示例，请参见自定义组件说明。 表3 上传组件参数说明 参数 说明 名字 组件名称，系统会根据组件包名称自动填充。 上传图标 组件的显示图标。 上传源文件 组件源文件包，单击“请选择源文件(.zip)”可选择源文件上传。 组件ID 资产ID，前缀不可编辑，上传组件包后会自动填写。

查看更多 →

关注组件/取消关注组件 功能介绍 关注组件/取消关注组件 调用方法 请参见如何调用API。 URI POST /cloudartifact/v5/attention 请求参数 表1 请求Body参数 参数 是否必选 参数类型 描述 attention 是 String 关注/取消关注

查看更多 →

tagName：标签名称。 以发布私有组件到Npm私有依赖库发布的私有组件为例： scope对应的值为“test”。 packageName对应的值为“vue-demo”。 version对应的值为“1.0.0”。 因此，删除此组件的命令应为： npm unpublish @test/vue-demo@1

查看更多 →

tagName：标签名称。 以发布私有组件到NPM私有依赖库发布的私有组件为例： scope对应的值为“test”。 packageName对应的值为“vue-demo”。 version对应的值为“1.0.0”。 因此，删除此组件的命令应为： npm unpublish @test/vue-demo@1

查看更多 →

提交后，可在高级页面中使用该组件。 图1 提交新组件 表3 上传组件参数说明 参数 说明 名字 组件名称，系统会根据组件包名称自动填充。 上传图标 组件的显示图标。 上传源文件 组件源文件包，单击“请选择源文件(.zip)”可选择源文件上传。 组件ID 资产ID，前缀不可编辑，上传组件包后会自动填写。

查看更多 →

根据组件ID删除组件 功能介绍 此API通过组件ID删除组件。 调试 您可以在API Explorer中调试该接口。 URI DELETE /v2/{project_id}/cas/applications/{application_id}/components/{component_id}

查看更多 →