《工業(yè)可視化》課件 任務3.1 設計設備遠程運維頁面 -任務實施

項目三：后市場服務的可視化設計任務3.1設計設備遠程運維頁面>>※任務實施《工業(yè)可視化》/工業(yè)互聯(lián)網(wǎng)系列課程《工業(yè)可視化》/工業(yè)互聯(lián)網(wǎng)系列課程目錄1.任務分析2.導入項目3.設計設備工作狀態(tài)4.設計設備健康評分5.設計維保記錄信息6.設計配件故障預測7.設計故障處理記錄8.設計設備實時工況9.預覽驗證頁面效果1.任務分析本任務的主要目的是設計設備的健康信息，便于設備維修工程師和設備用戶能實時查看設備的健康情況，具體展示數(shù)據(jù)和顯示組件分析結(jié)果如分析結(jié)果如下表所示：展示模塊具體內(nèi)容使用組件數(shù)據(jù)源設備信息設備編碼、設備位置文本組件無設備工作狀態(tài)設備圖片圖片組件無設備工作狀態(tài)圖片組件物模型-工程機械車-作業(yè)/收車設備健康評分健康狀態(tài)文本組件物模型-工程機械車-設備健康評分健康評分立體儀表盤維保記錄驚喜工單日期、維保類型、工單狀態(tài)表格組件MYSQL數(shù)據(jù)庫-維保記錄配件故障預測配件名稱、故障編碼、故障概率、預測周期表格組件MYSQL數(shù)據(jù)庫-配件故障預測故障處理記錄故障類型、故障原因、處理日期、處理狀態(tài)表格組件MYSQL數(shù)據(jù)庫-故障記錄設備實時工況油位百分比立體儀表盤物模型-工程機械車-油位冷卻水溫度立體儀表盤物模型-工程機械車-水溫轉(zhuǎn)速立體儀表盤物模型-工程機械車-轉(zhuǎn)速負載立體儀表盤物模型-工程機械車-實際負載任務分析2.導入項目（1）登錄云視界，在云視界首頁單擊“創(chuàng)建項目”，在彈窗中單擊“導入項目ID”，然后在新彈窗中輸入項目ID、項目名稱（自定義），最后單擊“導入”按鈕。創(chuàng)建項目2.導入項目（1）

任務分析（2）創(chuàng)建完成后，頁面自動跳轉(zhuǎn)到可視化編輯頁面。創(chuàng)建項目2.導入項目（3）修改頁面名稱。先單擊頁面切換圖標，出現(xiàn)的彈框中，單擊編輯圖標，把頁面名稱改為“設備健康信息”（注：名稱可自定義，但是建議按照一定的規(guī)范進行修改，便于其他工程師運維），單擊“確定”按鈕完成修改。修改頁面名稱3.設計設備工作狀態(tài)（1）從“素材庫→我的→工業(yè)可視化課程素材→任務3_1”文件中，找到設備圖片拖拽到頁面中間如圖所示的位置，也可以自己上傳素材使用。導入素材3.設計設備工作狀態(tài)（2）從“素材庫→我的→工業(yè)可視化課程素材→任務3_1”文件中，找到狀態(tài)圖片拖拽到設備圖片右上角，并切換到數(shù)據(jù)源設置，打開“物模型”開關，選擇數(shù)據(jù)源為“采集點數(shù)據(jù)”，取值為“N工作/收車”。設置數(shù)據(jù)源3.設計設備工作狀態(tài)（3）設置圖片組件關聯(lián)的數(shù)據(jù)，根據(jù)其采集到的狀態(tài)值變化，顯示為對應的狀態(tài)圖片。由于圖片組件關聯(lián)的“工作/收車信號”是布爾量，只有true（值為1）和false（值為0）兩種狀態(tài)，因此設置其篩選條件為“=0”的時候，顯示的圖片為灰色關機圖標，表示設備不是作業(yè)（關機）狀態(tài)；設置其篩選條件為“=1”的時候，即設備在作業(yè)狀態(tài)的時候，顯示的圖片為綠色作業(yè)圖標。設置關聯(lián)數(shù)據(jù)4.設計設備健康評分（1）從控件組件中，把立體儀表盤組件拖拽到如圖所示的位置，并設置其屬性，本示例字號改為“40”，字體位置改為“25”，單位輸入改為“分”，用來表示設備的健康得分。設計健康評分4.設計設備健康評分（2）從基礎組件中，選擇文本組件拖拽到設備健康評分區(qū)域，并設置其屬性如圖所示。設計屬性4.設計設備健康評分（3）切換到數(shù)據(jù)源編輯區(qū)，把“數(shù)據(jù)源”的“物模型”開關打開，“物模型”選擇前面任務創(chuàng)建的“工程機械車”，“數(shù)據(jù)源”選擇“采集點數(shù)據(jù)”，單擊“取值”后面的“+”圖標，再從出現(xiàn)的下拉列表中選擇“N設備健康評分”，完成文本組件和數(shù)據(jù)關聯(lián)。設置數(shù)據(jù)源4.設計設備健康評分（4）設置文本組件數(shù)據(jù)源的判斷條件，使之在不同條件下不同的文字內(nèi)容。由于文本組件關聯(lián)的“設備健康評分”是連續(xù)性的離散量，數(shù)值區(qū)間[0,100]，因此設置其篩選條件1為“>=90”的時候，顯示的文字內(nèi)容為“設備處于良好的狀態(tài)”，文字顏色為綠色；否則滿足篩選條件2為“區(qū)間60至89.99之間”的時候，顯示的文字內(nèi)容為“使用意見：繼續(xù)使用，閑時保養(yǎng)”，文字顏色為黃色；未滿足條件的情況下，顯示的文本內(nèi)容為“注意！請及時對設備進行檢修保養(yǎng)”，文字顏色設置為紅色。設置判斷條件5.設計維保記錄信息（1）使用拖拽的方式，把表格組件添加到維保記錄區(qū)域位置并調(diào)整大小，并設置其組件名稱為“維保記錄”。設置維保記錄5.設計維保記錄信息（2）按照圖中所示的線框內(nèi)的參數(shù)，修改維保記錄的表格屬性，其他采用默認設置。設置屬性說明：本書的示例參數(shù)僅供參考，實際需可以根據(jù)用戶的審美偏向進行調(diào)整。5.設計維保記錄信息（3）完成創(chuàng)建表格組件之后，切換到表格組件數(shù)據(jù)源編輯區(qū)，“數(shù)據(jù)源”選擇“維保記錄”，依次單擊“取值”后的“+”圖標，再出現(xiàn)的下拉列表中選擇“工單日期”、“維保類型”、“工單狀態(tài)”，完成表格組件和數(shù)據(jù)關聯(lián)，其他無需修改。設置數(shù)據(jù)源6.設計配件故障預測（1）把表格組件拖拽到配件故障預測的區(qū)域內(nèi)，按照“5.設計維保記錄信息”的操作步驟設置其屬性，并設置其數(shù)據(jù)源為“配件故障預測”，維度選擇“配件名稱、故障編碼、故障概率、預測周期”。設計故障預測7.設計故障處理記錄（1）把表格組件拖拽到配件故障預測的區(qū)域內(nèi)，按照“5.設計維保記錄信息”的操作步驟設置其屬性，不勾選動畫效果；并設置其數(shù)據(jù)源為“故障記錄”，維度選擇“維修日期、故障類型、故障原因、服務狀態(tài)”，勾選表格翻頁選項。設計故障記錄8.設計設備實時工況（1）使用拖拽的方式，把立體儀表盤組件添加到實時工況區(qū)域，調(diào)整其大小，其他屬性不需要調(diào)整，字號改為40，字體位置改為35，單位輸入“%”，其他參數(shù)可無需修改。設計油位工況8.設計設備實時工況（2）修改完成后，切換到數(shù)據(jù)源編輯區(qū)，把“數(shù)據(jù)源”的“物模型”開關打開，“物模型”選擇前面任務創(chuàng)建的“工程機械車”，“數(shù)據(jù)源”選擇“采集點數(shù)據(jù)”，單擊“取值”后面的“+”圖標，再從出現(xiàn)的下拉列表中選擇“油位”，完成立體儀表盤組件和數(shù)據(jù)源關聯(lián)如圖所示。設置數(shù)據(jù)源8.設計設備實時工況（3）在立體儀表盤下方，添加文本組件，屬性根據(jù)用戶審美偏好進行設置，文本內(nèi)容輸入“油位百分比”。設置文本8.設計設備實時工況（4）重復前三步的操作，分別設計冷卻水溫度、轉(zhuǎn)速、負載立體儀表盤的屬性和數(shù)據(jù)源以及對應的顯示文本內(nèi)容，如圖1和圖2、圖3所示。設計其他工況圖1圖2圖39.預覽驗證頁面效果（1）完成所有內(nèi)容的設計及數(shù)據(jù)源配置之后，單擊“保存當前頁”，然后進行預