登錄頁面：

通過輸入用戶名、密碼和驗證碼進行系統登錄。

系統首頁：

頂部顯示系統導航欄菜單(首頁、項目管理、報警管理、新建項目、數據導出、監控大屏、個人信息)。其中項目展示界面顯示高德地圖，左側（采用樹(shù)狀結構（可折疊）：分兩級展示，第一級爲城市級（後面顯示對應項目總數），第二級爲項目級）模塊展示了所有項目的情況，可搜索具體項目； 滾動顯示監測信息：項目名稱，監測水位，安全水位，狀态（正常、掉線(xiàn)、報警）； 單擊左側具體項目時，地圖上聚焦到該項目，并彈出該項目簡介的标簽頁（标簽頁上設置關(guān)閉圖标），内容包括項目名稱，監測點總數，當前報警，最高水位、安全水位； 雙擊左側具體項目或點擊詳情按鈕時，直接跳(tiào)轉到該項目詳情界面。

項目詳情界面：

（1）項目簡介（可折疊，用表格），在雙點擊測點詳情信息表上的項目名後，彈出項目信息表（包括：項目名稱、項目地址、地下(xià)室面積、地下(xià)室層數、地層信息、安裝時間、安裝數量、安全水位），可關(guān)閉。

（2）測點詳細信息：閥門狀态包括 ：全開、開度對應值、全關(guān)；報警狀态：正常、報警、掉線(xiàn)。 單擊測點詳情信息列表前的複選框可對測點進行多次選取，選取完畢後，點擊閥門控制開關(guān)可對已選擇的測點進行批量打開或關(guān)閉(閥門控制狀态的改變需要輸入密碼)，遠程開度控制。開度分爲五檔，每檔表示20%，如：1（20%）、2（40%）、3（60%）、4（80%）、5（100%）。 頁面展示包括該項目的圖紙(zhǐ)圖片（圖片布滿整個窗口），上面标記點位信息，包括點位的編号，以不同顔色區分測點狀态：正常、報警、掉線(xiàn)。 支持圖片放(fàng)大、放(fàng)小(xiǎo)和拖動，鼠标放(fàng)上出現(xiàn)彈窗并顯示點位信息，點擊彈窗下(xià)方的詳情按鈕可進入該測點的詳情界面如圖所示。 在項目管理模塊如圖所示：支持對項目圖片的導入，支持測點定位信息可根據EXCEL數據表(包括點位信息、點位坐标信息等)導入。

測點詳情界面：

左側通過樹(shù)狀結構一級目錄展示了所有的項目城市，二級目錄展示了該城市下(xià)的所有的項目。

右側從上到下(xià)依次展示了面包屑導航欄，測點信息欄和測點折線(xiàn)統計圖。點擊返回按鈕返回項目詳情界面。 統計圖可進行時間篩選和測點狀态篩選，通過點擊右側的統計線(xiàn)條(累計變化值、黃線(xiàn)、橙線(xiàn)、紅線(xiàn)可對線(xiàn)條的可視化進行打開和關(guān)閉)。

點擊頂部導航的報警管理後進入報警管理主界面如圖所示，在地圖上顯示所有報警點（标簽頁上顯示項目名稱、報警總數），點擊詳情按鈕或雙擊具體項目後，系統跳(tiào)轉到該項目報警的列表頁面如圖所示。

報警管理詳情頁：

左側通過樹(shù)狀結構一級目錄展示了所有存在報警的項目城市，二級目錄展示了該城市下(xià)的所有存在報警的項目。

右側以列表的形式展示該項目的所有存在預警的測點信息，系統默認展示未處理的預警信息，用戶可在頂部篩選欄進行測點的篩選。點擊右側詳情按鈕可查看該預警測點的詳細信息，點擊信息推送可将該信息推送給該測點的客戶。

報警信息提示界面：

除登錄界面，其餘界面均有報警提示的圖标和文字。

當出現(xiàn)新的報警信息時，右上角報警小(xiǎo)圖标閃動，小(xiǎo)圖标上出現(xiàn)小(xiǎo)紅點标識，點擊小(xiǎo)圖标跳(tiào)轉到報警管理詳情界面。

項目新建界面：

通過點擊頂部導航新建項目按鈕進入該界面，左側以樹(shù)狀結構一級目錄展示所有的城市項目，二級菜單展示該城市的所有項目。右側以列表形式展示城市的所有項目，可對項目信息進行增加、删除、修改、查詢。對于項目可進行單個新建和批量導入。

項目節點管理界面：

通過點擊頂部導航新建項目按鈕進入該界面，左側以樹(shù)狀結構一級目錄展示所有的城市項目，二級菜單展示該城市的所有項目。右側以列表形式展示二級菜單某個項目的所有節點，可對節點信息進行增加、删除、修改、查詢。對于節點信息可進行單個新建和批量導入。

數據導出頁面：

頂部篩選條件可選擇：項目名稱、測點編号、起止時間；

導出數據報表包括：節點編号、項目名稱、測試時間、水頭高度、安全水位、閥門打開時間。

用戶管理界面：

點擊按鈕可以對頭像、手機号、負責區域等個人信息進行編輯。

點擊橘色修改密碼按鈕進入密碼修改界面如圖所示。

密碼修改界面：

通過輸入舊(jiù)密碼，新密碼，确認密碼來對密碼進行修改。