Tips
組態(tài)是指用戶(hù)通過(guò)類(lèi)似搭積木的方式，使用編輯器提供的工具和方法，就能通過(guò)簡(jiǎn)單直觀的界面來(lái)配置和控制自動(dòng)化過(guò)程和裝備，而不需要編寫(xiě)計(jì)算機(jī)程序。在組態(tài)管理中，提供了豐富的場(chǎng)景素材控件，能夠自由拖拽搭建監(jiān)控場(chǎng)景，實(shí)時(shí)顯示設(shè)備運(yùn)行狀態(tài)等信息。
一、產(chǎn)品特點(diǎn)
FastBeeWeb組態(tài)本質(zhì)上可以理解為一款集成的可視化工具，為用戶(hù)提供一個(gè)方便便捷的可視化設(shè)計(jì)與開(kāi)發(fā)環(huán)境，基于此環(huán)境完成可視化頁(yè)面的搭建。
- 支持2D畫(huà)面構(gòu)造，可導(dǎo)入3Durl作為組件，后續(xù)將繼續(xù)完善3D的其他方式導(dǎo)入。
- 支持本地/云端部署，多終端使用。
- 支持mqtt協(xié)議，支持?jǐn)U展更多協(xié)議。
- 支持嵌入第三方系統(tǒng)或者集成在FastBee平臺(tái)中。
- 低代碼可視化拖拽編輯。
- 提供豐富的行業(yè)標(biāo)準(zhǔn)圖元庫(kù)，并可自行擴(kuò)展。
- 提供行業(yè)模板和組件，支持自定義圖表和組件。
二、技術(shù)特點(diǎn)
- 基于 Vue2 框架編寫(xiě)，使用 elementUI，符合大家開(kāi)發(fā)習(xí)慣
- 設(shè)備屬性通過(guò) mqtt 協(xié)議和 http 協(xié)議與后端交互
- 技術(shù)棧為：Vue2 + ElementUI + Mqtt + DataView + ECharts4 + Axios + Springboot + Mysql + Redis
項(xiàng)目整合和運(yùn)行
購(gòu)買(mǎi)后可參考文檔說(shuō)明整合和運(yùn)行，整合流程簡(jiǎn)易方便；
三、組態(tài)中心
組態(tài)中心可對(duì)組態(tài)進(jìn)行創(chuàng)建、編輯、設(shè)計(jì)、運(yùn)行、分享和刪除，組態(tài)可以是動(dòng)態(tài)的平面工業(yè)圖也可以制作大屏展示，用途廣，直接綁定平臺(tái)參數(shù)方便快捷。
1. 模版組態(tài)
模板組態(tài) 是針對(duì)產(chǎn)品繪制的組態(tài)畫(huà)面，在該產(chǎn)品下的所有設(shè)備都會(huì)展示該組態(tài)畫(huà)面，組態(tài)畫(huà)面中綁定變量取值來(lái)源于當(dāng)前設(shè)備。通過(guò)繪制一個(gè)模板組態(tài)畫(huà)面就可以實(shí)現(xiàn)同產(chǎn)品但不同設(shè)備的可視化數(shù)據(jù)監(jiān)控。避免重復(fù)編輯應(yīng)用畫(huà)面的麻煩。
添加組態(tài)，
方法一：點(diǎn)擊“新增”按鈕，需維護(hù)組件名稱(chēng)、關(guān)聯(lián)產(chǎn)品必填信息
方法二：在產(chǎn)品管理中，點(diǎn)擊“組態(tài)設(shè)計(jì)”，如果該模板未曾添加過(guò)模板組態(tài)，則會(huì)跳轉(zhuǎn)到“模版組態(tài)”菜單下，并自動(dòng)打開(kāi)“添加組態(tài)”彈框，其余步驟同方式一
方法三：在產(chǎn)品管理中，點(diǎn)擊“查看詳情”，點(diǎn)擊“組態(tài)應(yīng)用”，如果沒(méi)有組態(tài)，可以點(diǎn)擊“創(chuàng)建組態(tài)”按鈕，將會(huì)跳轉(zhuǎn)到“組態(tài)管理”菜單下，并自動(dòng)打開(kāi)“添加組態(tài)”彈框，其余步驟同方式一
組態(tài)設(shè)計(jì)
方式一：直接在模板組態(tài)列表中點(diǎn)擊“設(shè)計(jì)”
方式二：在產(chǎn)品管理中，找到對(duì)應(yīng)的設(shè)備產(chǎn)品，點(diǎn)擊“組態(tài)設(shè)計(jì)”，前提是該模板已經(jīng)添加過(guò)模板組態(tài)，否則需要先添加組態(tài)
組態(tài)分享
方式一：直接在模板組態(tài)列表中點(diǎn)擊“分享”
選擇要分享設(shè)備
方式二：在設(shè)產(chǎn)品管理中，找到對(duì)應(yīng)的產(chǎn)品，點(diǎn)擊組態(tài)分享，該模板已經(jīng)添加過(guò)模板組態(tài)，否則分享失敗
選擇要分享設(shè)備
點(diǎn)擊“分享”生成分享鏈接或分享二維碼。分享鏈接可加密，后期也可關(guān)閉分享
方式三：在模版組態(tài)編輯器中點(diǎn)擊“分享”，其余步驟同方式一
刪除組態(tài)
選擇要?jiǎng)h除的組態(tài)，點(diǎn)擊“刪除”
在點(diǎn)擊“確認(rèn)”按鈕，提示“刪除成功”，刪除后，該組態(tài)對(duì)應(yīng)的模板下不再關(guān)聯(lián)組態(tài)畫(huà)面，與該模板相關(guān)聯(lián)的設(shè)備無(wú)法查看和分享組態(tài)，已經(jīng)分享的組態(tài)對(duì)應(yīng)的分享鏈接和分享二維碼會(huì)失效
2. 場(chǎng)景組態(tài)
場(chǎng)景組態(tài) 是針對(duì)場(chǎng)景繪制的組態(tài)畫(huà)面，以場(chǎng)景作為對(duì)象，繪制場(chǎng)景組態(tài)畫(huà)面，實(shí)現(xiàn)對(duì)場(chǎng)景的可視化管理。
添加組態(tài)，
方法一：點(diǎn)擊“新增”按鈕，需維護(hù)組件名稱(chēng)、關(guān)聯(lián)場(chǎng)景必填信息
方法二：在場(chǎng)景列表中，點(diǎn)擊“組態(tài)設(shè)計(jì)”，如果該模板未曾添加過(guò)場(chǎng)景組態(tài)，則會(huì)跳轉(zhuǎn)到“場(chǎng)景組態(tài)”菜單下，并自動(dòng)打開(kāi)“添加組態(tài)”彈框，其余步驟同方式一
方法三：在產(chǎn)品管理中，點(diǎn)擊“查看”，點(diǎn)擊“組態(tài)應(yīng)用”，如果沒(méi)有組態(tài)，可以點(diǎn)擊“創(chuàng)建組態(tài)”按鈕，將會(huì)跳轉(zhuǎn)到“場(chǎng)景組態(tài)”菜單下，并自動(dòng)打開(kāi)“添加組態(tài)”彈框，其余步驟同方式一
組態(tài)設(shè)計(jì)
方式一：直接在模場(chǎng)景組態(tài)列表中點(diǎn)擊“設(shè)計(jì)”
方式二：在場(chǎng)景列表中，找到對(duì)應(yīng)的場(chǎng)景，點(diǎn)擊“組態(tài)設(shè)計(jì)”，前提是該模板已經(jīng)添加過(guò)場(chǎng)景組態(tài)，否則需要先添加組態(tài)
組態(tài)分享
方式一：直接在場(chǎng)景組態(tài)列表中點(diǎn)擊“分享”，生成分享鏈接或分享二維碼。分享鏈接可加密，后期也可關(guān)閉分享
方式二：在場(chǎng)景組態(tài)編輯器中點(diǎn)擊“分享”，其余步驟同方式一
刪除組態(tài)
選擇要?jiǎng)h除的組態(tài)，點(diǎn)擊“刪除”
在點(diǎn)擊“確認(rèn)”按鈕，提示“刪除成功”，刪除后，該組態(tài)對(duì)應(yīng)的場(chǎng)景下不再關(guān)聯(lián)組態(tài)畫(huà)面，與該模型相關(guān)聯(lián)的場(chǎng)景無(wú)法查看和分享組態(tài)，已經(jīng)分享的組態(tài)對(duì)應(yīng)的分享鏈接和分享二維碼會(huì)失效
3. 獨(dú)立組態(tài)
獨(dú)立組態(tài) 針對(duì)組態(tài)應(yīng)用畫(huà)面關(guān)聯(lián)多個(gè)設(shè)備或不同設(shè)備下的不同從機(jī)和數(shù)據(jù)點(diǎn)的相關(guān)數(shù)據(jù)顯示、控制等功能。獨(dú)立組態(tài)適用于不同產(chǎn)品下的設(shè)備組態(tài)設(shè)計(jì)，控件可關(guān)聯(lián)賬號(hào)內(nèi)所有設(shè)備的數(shù)據(jù)變量。
添加組態(tài)，
點(diǎn)擊“新增”按鈕，需維護(hù)組件名稱(chēng)、關(guān)聯(lián)場(chǎng)景必填信息
組態(tài)設(shè)計(jì)
直接在模場(chǎng)景組態(tài)列表中點(diǎn)擊“設(shè)計(jì)”
組態(tài)分享
方式一：直接在場(chǎng)景組態(tài)列表中點(diǎn)擊“分享”，生成分享鏈接或分享二維碼。分享鏈接可加密，后期也可關(guān)閉分享
方式二：在場(chǎng)景組態(tài)編輯器中點(diǎn)擊“分享”，其余步驟同方式一
刪除組態(tài)
選擇要?jiǎng)h除的組態(tài)，點(diǎn)擊“刪除”
在點(diǎn)擊“確認(rèn)”按鈕，提示“刪除成功”，刪除后，已經(jīng)分享的組態(tài)對(duì)應(yīng)的分享鏈接和分享二維碼會(huì)失效
四、圖庫(kù)管理
圖庫(kù)管理可用于上傳和管理各種圖片，便于在組態(tài)編輯器中使用，系統(tǒng)已經(jīng)內(nèi)置了按鈕、指示燈、工業(yè)泵、儲(chǔ)蓄罐、電機(jī)、電力符號(hào)、閥門(mén)、反應(yīng)器、風(fēng)機(jī)、管道、建筑物、鍋爐、換熱站、機(jī)械設(shè)備、交通、警示標(biāo)志、人物、天氣、自然、全景、3D等圖。
五、圖表管理
圖表管理用于自定義圖表組件，自定義組件可以在組態(tài)編輯器中使用。
自定義組件基于Echart進(jìn)行擴(kuò)展，可參考用Echart官網(wǎng)例子進(jìn)行個(gè)性化定義， 于組態(tài)編輯器，如需使用動(dòng)態(tài)數(shù)據(jù)，可以在組態(tài)編輯器中對(duì)其進(jìn)行數(shù)據(jù)綁定（目前只支持url綁定，后期將兼容mqtt通訊），圖表包含折線圖、柱狀圖、餅圖、散點(diǎn)圖、K線圖、雷達(dá)圖、熱力圖、關(guān)系圖、水球圖、樹(shù)圖、旭日?qǐng)D、儀表圖、漏斗圖、路徑圖、3D柱圖、3D地圖、詞云圖等。
六、組件管理
組件管理是指用戶(hù)可以自行定義組件，支持Vue和ElementUI（可以使用http進(jìn)行數(shù)據(jù)請(qǐng)求）。
七、模型管理
模型管理是指通過(guò)url的方式導(dǎo)入3D模型，之后在組態(tài)編輯器中使用3D組件的時(shí)候可以直接選擇該模型（后期可以增加其他方式導(dǎo)入方式）。
