《工業(yè)可視化》課件 任務(wù)3.1 設(shè)計(jì)設(shè)備遠(yuǎn)程運(yùn)維頁面 -任務(wù)實(shí)施

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

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