設(shè)備管理組件以表格形式實(shí)時(shí)更新展示一個(gè)或多個(gè)產(chǎn)品下的設(shè)備信息,支持搜索、查看和刪除等操作。本文介紹設(shè)備管理組件的詳細(xì)配置方法。

步驟一:添加組件

  1. 創(chuàng)建Web應(yīng)用。具體操作,請(qǐng)參見(jiàn)創(chuàng)建Web應(yīng)用
  2. 在Web應(yīng)用編輯器中,單擊最左側(cè)的組件圖標(biāo)組件
  3. 在畫(huà)布左側(cè)組件列表上方,輸入設(shè)備管理,找到該組件,然后將組件拖拽到中間畫(huà)布。

    有關(guān)組件添加的更多信息,請(qǐng)參見(jiàn)添加組件

    設(shè)備管理組件

步驟二:配置數(shù)據(jù)源

  1. 在Web應(yīng)用編輯器右側(cè)樣式中,單擊選擇產(chǎn)品后的選擇產(chǎn)品
  2. 選中待管理設(shè)備所屬產(chǎn)品前的復(fù)選框,可多選。
  3. 單擊確定
    組件會(huì)展示所選產(chǎn)品下的所有設(shè)備信息。
    說(shuō)明 設(shè)備管理中設(shè)備的經(jīng)緯度僅為設(shè)備標(biāo)簽信息,該信息不會(huì)隨設(shè)備刷新而上報(bào)。您可在物聯(lián)網(wǎng)平臺(tái)的設(shè)備詳情頁(yè)中修改該標(biāo)簽信息,或者在IoT Studio的設(shè)備管理組件里修改該信息,這兩處信息會(huì)同步更新。

步驟三:配置樣式

  1. 在右側(cè)樣式中,完成組件展示的配置。
    配置項(xiàng) 描述
    操作配置 設(shè)置Web應(yīng)用發(fā)布后,應(yīng)用用戶可以在應(yīng)用頁(yè)面的設(shè)備管理表中執(zhí)行的操作。操作結(jié)果將直接同步到物聯(lián)網(wǎng)平臺(tái)中。
    自定義標(biāo)簽管理 自定義標(biāo)簽用于標(biāo)記該設(shè)備管理表內(nèi)各個(gè)設(shè)備,如標(biāo)注設(shè)備使用的協(xié)議、設(shè)備所在位置等。保存后也會(huì)出現(xiàn)在物聯(lián)網(wǎng)平臺(tái)的設(shè)備標(biāo)簽中。支持添加、編輯、刪除設(shè)備標(biāo)簽。

    自定義標(biāo)簽規(guī)則:

    • 支持英文字母、數(shù)字和特殊字符。
    • 長(zhǎng)度不可超過(guò)30個(gè)字符。
    • 標(biāo)簽需具有唯一性,不能重復(fù)。
    列顯示配置 選擇表格內(nèi)顯示的列內(nèi)容,包括自定義的標(biāo)簽與內(nèi)容。可上下拖拽調(diào)整顯示列位置排序。
    支持篩選 設(shè)置是否支持在運(yùn)行時(shí),根據(jù)已選中的條件篩選展示表格內(nèi)的內(nèi)容。目前僅支持固定字段的篩選,可多選。
    篩選器配置 設(shè)置篩選器的文字顏色、背景色、按鈕顏色和邊框樣式。
    全局樣式 設(shè)置全局主題色、字體、是否顯示表格標(biāo)題和分頁(yè)等。
    表頭樣式 設(shè)置表頭和表格的行高、文字樣式和是否區(qū)分奇偶行顏色等。
    表格樣式
  2. 調(diào)整組件在頁(yè)面中的最終位置。有關(guān)組件通用樣式配置的更多信息,請(qǐng)參見(jiàn)樣式配置
  3. 單擊頁(yè)面右上方的預(yù)覽,預(yù)覽和調(diào)試組件展示的數(shù)據(jù)和效果。