设备管理（专业版）

步骤一：添加组件

1. 创建Web应用。具体操作，请参见创建Web应用。

2. 在Web应用编辑器中，单击最左侧的组件图标。

3. 在画布左侧组件列表上方，输入设备管理（专业版），找到该组件，然后将组件拖拽到中间画布。

   有关组件添加的更多信息，请参见添加组件。

   说明

   • 如果第一次使用该组件，需要先完成该组件的服务授权，执行下文的步骤二。
   • 如果已完成该组件的授权，可直接配置样式，即跳转到下文的步骤三。

   选中已添加的设备管理(专业版)组件，右侧属性面板底部显示点击授权按钮及刷新图标。

步骤二：开通组件服务授权

单击右侧样式栏的点击授权，RAM控制台系统会自动创建一个服务关联角色，以便管理物联网设备。具体信息如下：

• 服务名称：studio-component.linkanalytics.aliyuncs.com
• 角色名称：AliyunServiceRoleForIoTStudioComponent
• 角色权限策略名称：AliyunServiceRolePolicyForIoTStudioComponent
• 权限说明：允许设备管理（专业版）组件访问您IoT云资源的权限。您可通过该权限实现查询和管理物联网设备的功能。

开通服务授权后，右侧样式栏显示具体配置项，即可配置并使用该组件。

您也可根据实际场景需求，删除自动创建的服务关联角色，删除后将不再支持使用该组件。

有关服务关联角色的更多详细内容，请参见服务关联角色。

步骤三：配置样式

1. 可选：在右侧样式中，单击全局样式上方的设备管理。
   可在项目详情的设备页面，查看更多设备信息。在组件样式面板中，单击提示文字旁的设备管理链接，即可跳转到物联网平台的设备管理页面，查看设备总数、激活数、在线数等统计信息，并进行添加设备等操作。
2. 参照以下配置表，完成组件展示的配置。

   配置项	说明
   全局样式	设置全局字体和背景色。
   表格标题	设置是否显示表格标题，及可显示的效果。
   设备状态及操作项	设置设备不同状态指示点和启用开关颜色，操作文字颜色和列表不同勾选项颜色。
   操作按钮	设置操作按钮不同状态下的背景色、边框色和文字颜色。
   表头文字	设置表头背景和文字显示效果。
   内容文字
   行或列样式	设置行或列的显示效果。
   表身外边框	设置表格外边框是否显示。及可显示的效果。
   分页器	设置是否显示分页器，及可显示的效果。开启分页器后，每页数量的取值范围为1~200行。 如果没有开启分页显示，但表格中数据过多，超出了表格的高度，可以通过鼠标滚动查看所有数据。如果选中了冻结首行复选框，表格滚动时，表头将固定在表格顶部。
   筛选器	设置应用运行时，支持展示、搜索的筛选项（默认已选中），及筛选项对应的字色、icon颜色、背景色等。

3. 调整组件在页面中的最终位置。有关组件通用样式配置的更多信息，请参见样式配置。

（可选）预览与使用

单击页面右上角的预览按钮，调试组件功能。

支持在预览或应用发布后页面，执行以下任务。

常见问题

问题：开通组件服务授权失败，怎么办？

可能原因：当前登录账号为RAM账号，没有创建服务关联角色的权限。

解决方法：登录主账号或拥有管理员权限的账号，选择以下方法开通组件服务授权。

• 进入当前Web可视化页面，单击点击授权，直接完成该组件授权。
• 先授权当前RAM账号创建服务关联角色（CreateServiceLinkedRole）的自定义权限策略，然后重新登录RAM账号完成组件授权。

  有关授权的具体操作，请参见创建自定义权限策略和管理RAM用户的权限。

  自定义权限策略的脚本内容如下。

  {
      "Statement": [
          {
              "Effect": "Allow",
              "Action": "ram:CreateServiceLinkedRole", 
              "Resource": "*",
              "Condition": {
                  "StringEquals": {
                      "ram:ServiceName": "studio-component.linkanalytics.aliyuncs.com"
                  }
              }
          }
      ],
      "Version": "1"
  }