水先生管理後台 — 使用說明手冊

版本 v1.0.2 | 最後更新:2026-09-03

1. 系統簡介

「水先生管理後台」是一套專為淨水設備服務企業設計的綜合管理系統,涵蓋客戶管理、設備追蹤、維護排程、通知推播等核心功能。本系統協助管理人員高效處理日常營運事務,從客戶資料維護到設備濾芯管理,一站式完成。

系統功能總覽
分類功能模組說明
儀錶板儀錶板營運總覽、系統公告、統計數據、圖表分析
客戶與維護卡號管理客戶基本資料 CRUD、匯出 Excel、搜尋篩選
客戶設備列表客戶設備關聯管理、濾芯資訊、提醒設定
提醒管理推播通知 UUID 綁定、連結使用者管理
營運與人事設備管理設備型號管理、濾芯資訊維護、Line 訊息預覽
資源管理庫存資源管理(即將上線)

2. 登入系統

2.1 登入頁面

開啟系統網址後,首先會看到登入頁面。請依序輸入您的帳號與密碼。

登入頁面
▲ 登入頁面 — 紅框標註各功能區域

2.2 登入頁面各區域說明

編號區域名稱說明
Logo水先生品牌標誌
系統標題顯示「水先生管理後台」系統名稱
帳號輸入框請輸入您的帳號或電子郵件
密碼輸入框請輸入您的密碼,可點擊右側眼睛圖示切換顯示/隱藏
記住我勾選後系統將記住您的帳號
忘記密碼點擊後可聯絡系統管理員重設密碼
登入按鈕輸入完畢後點擊此按鈕登入系統
協助連結如需協助可聯絡系統管理員

2.3 登入步驟

③ 帳號輸入框 輸入您的帳號
④ 密碼輸入框 輸入您的密碼
(選用)勾選 ⑤ 記住我 以記住帳號
點擊 ⑦ 登入按鈕 進入系統
系統驗證中會顯示「驗證中…」,請稍候
⚠️ 注意:若帳號或密碼不正確,系統會顯示「帳號或密碼不正確,請重新輸入」的錯誤訊息。

3. 系統整體介面

登入成功後,您會看到系統的主介面。整體介面分為三個主要區域:

儀錶板概覽
▲ 系統主介面 — 紅框標註各功能區域
編號區域名稱說明
側邊選單系統主要導覽選單,可切換各功能頁面
頂部導覽列顯示日期、通知鈴鐺、使用者資訊
系統公告顯示最新的系統公告與通知
統計卡片今日預約維護、待處理單據、本月完成維護等統計
待提醒會員今日需要提醒的會員清單
客戶成長圖每月新客戶成長趨勢圖表
設備量圖表每月新裝設備量統計圖表

3.1 側邊選單結構

側邊選單採用分組摺疊式設計,主要分為以下區塊:

├── 📊 儀錶板
├── 👥 客戶與維護
│   └── 客戶管理(可展開)
│       ├── 卡號管理
│       ├── 客戶設備列表
│       └── 提醒管理
└── 📦 營運與人事
    └── 資源管理(可展開)
        └── 設備管理

3.2 頂部導覽列

4. 儀錶板(Dashboard)

儀錶板是登入後的首頁,提供營運數據的總覽。

儀錶板
▲ 儀錶板頁面

4.1 系統公告區(③)

4.2 統計卡片區(④)

卡片說明
TODAY今日預約維護件數
PENDING待處理單據數量
DONE本月已完成維護件數

4.3 今日待提醒會員(⑤)

4.4 每月新客戶成長圖(⑥)

4.5 每月新裝設備量圖(⑦)

5. 卡號管理

卡號管理頁面用於管理客戶的基本資料,包括新增、編輯、刪除、搜尋和匯出。

卡號管理
▲ 卡號管理頁面 — 紅框標註各功能區域

5.1 頁面各區域說明

編號區域名稱說明
頁面標題顯示「客戶卡號管理」與麵包屑導覽
匯出 Excel將客戶資料匯出為 Excel 檔案
新增客戶開啟新增客戶彈窗
搜尋篩選區可依姓名、卡號、電話、地址搜尋
搜尋/清除按鈕執行搜尋或清除篩選條件
客戶列表以表格顯示客戶資料
分頁控制切換頁面、顯示資料筆數

5.2 搜尋功能

④ 搜尋篩選區 中,您可以使用以下欄位進行搜尋:

輸入完畢後點擊 ⑤ 搜尋按鈕 執行搜尋,或點擊 清除 清除所有條件。

5.3 客戶列表表格

欄位說明
客戶姓名顯示客戶姓名、卡號、統編
居住區域縣市與鄉鎮市區
詳細地址完整地址
聯絡方式手機/市話/LINE/FB 等聯絡資訊
設備位置設備安裝位置(如廚下、頂樓)
狀態啟用中 / 停用
操作查看、編輯、刪除按鈕

5.4 匯出 Excel

點擊 ② 匯出 Excel 按鈕,系統會將目前的客戶列表匯出為 Excel 檔案。匯出過程中按鈕會顯示「匯出中...」。

5b. 卡號管理 CRUD 操作

卡號管理頁面提供完整的 CRUD(新增、讀取、編輯、刪除)功能,以下逐一說明各操作。

卡號管理 CRUD 總覽
▲ 卡號管理 CRUD 功能一覽 — 新增、匯出、搜尋、表格、分頁

5b.1 新增客戶(Create)

在頁面右上方點擊 ① 新增客戶按鈕(藍色按鈕)
系統會開啟新增客戶彈窗(詳見第 6 章)
填寫完畢後點擊底部 新增客戶 按鈕儲存
系統顯示「客戶新增成功」提示訊息

5b.2 查看客戶列表(Read)

5b.3 編輯客戶(Update)

編輯與刪除按鈕
▲ 表格操作欄 — 編輯按鈕(①)與刪除按鈕(②)
在客戶列表中找到目標客戶
點擊操作欄的 ① 編輯按鈕(鉛筆圖示)
系統開啟編輯客戶彈窗,各欄位已預填現有資料
修改所需欄位後點擊底部 儲存變更 按鈕
系統顯示「客戶更新成功」提示訊息

5b.4 刪除客戶(Delete)

在客戶列表中找到目標客戶
點擊操作欄的 ② 刪除按鈕(垃圾桶圖示)
系統彈出確認對話框:「確定要刪除此客戶嗎?」
點擊 刪除 確認,或點擊 取消 放弃
刪除成功後顯示「客戶刪除成功」提示訊息
⚠️ 注意:刪除操作不可復原,請確認後再執行。

6. 新增 / 編輯客戶

點擊 新增客戶 按鈕後,會開啟客戶資料彈窗:

新增客戶彈窗
▲ 新增客戶彈窗 — 紅框標註各區域
編號區域名稱說明
彈窗標題顯示「新增客戶」或「編輯客戶」
關閉按鈕點擊關閉彈窗
基本資料客戶姓名(必填)、卡號(必填)、統一編號
備註可輸入客戶備註
地址資訊縣市(必填)、鄉鎮市區(必填)、詳細地址、設備位置
聯絡方式電話(可多筆)、LINE ID、Facebook
確認/取消點擊新增客戶/儲存變更,或取消

新增客戶步驟

點擊 新增客戶 按鈕
基本資料 區輸入客戶姓名(必填)和卡號(必填)
(選用)輸入統一編號
地址資訊 選擇縣市與鄉鎮市區(必填),輸入詳細地址與設備位置
聯絡方式 新增電話號碼,可選擇手機或市話
(選用)輸入 LINE ID 與 Facebook 名稱
點擊底部 新增客戶 按鈕儲存
💡 提示:必填欄位未填寫時,儲存按鈕會保持停用狀態。

7. 客戶設備列表

客戶設備列表頁面管理各客戶已安裝的淨水設備資訊與濾芯資料。

客戶設備列表
▲ 客戶設備列表頁面 — 紅框標註各功能區域

7.1 頁面各區域說明

編號區域名稱說明
頁面標題顯示「客戶設備列表」與麵包屑導覽
客戶總數顯示系統中客戶總數
設備總數顯示所有設備的總數
頁數統計顯示總頁數
搜尋篩選區可依客戶姓名、卡號、提醒時間、設備名稱搜尋
設備列表以表格/卡片顯示客戶設備資訊

7.2 搜尋與篩選

💡 提示:選擇設備後,已選的設備會以標籤形式顯示,可點擊標籤上的 × 移除個別篩選條件。

7b. 客戶設備列表 CRUD 操作

客戶設備列表頁面提供設備的新增、編輯、刪除功能,以下逐一說明。

設備列表 CRUD 總覽
▲ 客戶設備列表 CRUD 功能一覽 — 標題、統計、搜尋、列表

7b.1 查看設備列表(Read)

7b.2 編輯設備(Update)

在設備列表中找到目標客戶的設備
點擊操作欄的 編輯按鈕(鉛筆圖示)
系統開啟「編輯客戶設備」彈窗
在彈窗中可新增設備、修改設備資訊
點擊 儲存 按鈕儲存變更

7b.3 新增設備(Create)

點擊客戶行的 編輯按鈕 開啟編輯彈窗
在彈窗中點擊 新增設備 按鈕
選擇設備型號並填寫相關資訊
點擊 儲存 完成新增

7b.4 刪除設備(Delete)

在編輯彈窗中找到要刪除的設備
點擊該設備的 刪除按鈕(垃圾桶圖示)
系統彈出確認對話框
點擊 確認 完成刪除
⚠️ 注意:刪除設備前請確認該設備不再使用,刪除後無法恢復。

7b.5 提醒訊息預覽

在設備列表的操作欄中,點擊 提醒訊息 按鈕(鈴鐺圖示),可預覽該客戶設備的 Line 推播提醒訊息格式。

8. 提醒管理

提醒管理頁面用於管理客戶的推播通知綁定狀態與提醒設定。

提醒管理
▲ 提醒管理頁面 — 紅框標註各功能區域

8.1 頁面各區域說明

編號區域名稱說明
頁面標題顯示「提醒管理」與麵包屑導覽
客戶總數顯示客戶總數統計
已綁定通知顯示已綁定推播通知的客戶數
未綁定通知顯示未綁定推播通知的客戶數
搜尋篩選區依客戶姓名、UID 使用狀態搜尋
通知列表顯示客戶通知綁定狀態表格
分頁控制切換頁面

8.2 通知列表表格

欄位說明
客戶編號客戶的管理編號
客戶姓名客戶姓名與頭像
通知 UUID客戶的推播通知唯一識別碼
綁定狀態已綁定 / 未綁定
操作生成 UID、檢視連結

8.3 操作功能

8b. 提醒管理操作

提醒管理頁面提供推播通知的綁定與管理功能,以下說明各操作。

提醒管理操作總覽
▲ 提醒管理操作一覽 — 標題、統計、搜尋、通知列表、分頁

8b.1 查看通知列表(Read)

8b.2 生成 UID(Create)

提醒管理操作按鈕
▲ 通知列表操作 — 生成 UID 按鈕(①)
在通知列表中找到未綁定的客戶
點擊操作欄的 ① 生成 UID 按鈕
系統自動產生推播通知的唯一識別碼
生成成功後顯示提示訊息,UUID 欄位更新

8b.3 啟用/停用通知(Update)

8b.4 檢視連結使用者

在通知列表中找到目標客戶
點擊操作欄的 檢視連結 按鈕
系統開啟「連結使用者」彈窗,顯示已連結的使用者清單
可查看使用者的綁定狀態與詳細資訊

9. 設備管理

設備管理頁面用於管理所有淨水設備型號與其濾芯資訊。

設備管理
▲ 設備管理頁面 — 紅框標註各功能區域

9.1 頁面各區域說明

編號區域名稱說明
頁面標題顯示「設備管理」與麵包屑導覽
新增設備開啟新增設備彈窗
設備總數顯示系統中設備總數
使用中顯示目前使用中的設備數量
已停用顯示已停用的設備數量
濾芯總數顯示所有設備的濾芯總數
搜尋篩選區依設備名稱、狀態搜尋
設備列表以表格顯示設備資訊

9.2 設備列表表格

欄位說明
設備名稱設備型號名稱
設備 ID設備的唯一識別碼
狀態使用中 / 已停用
濾芯數該設備的濾芯數量,點擊可展開查看濾芯詳情
操作預覽 Line 訊息、編輯濾芯

9.3 濾芯管理

在設備列表中,點擊「濾芯數」欄位可展開該設備的濾芯詳細資訊。點擊 編輯濾芯 按鈕可修改濾芯資料。

9.4 Line 訊息預覽

點擊 預覽 Line 訊息 按鈕,可預覽該設備相關的 Line 推播訊息格式。

9b. 設備管理 CRUD 操作

設備管理頁面提供設備的新增、濾芯編輯、設備停用/啟用等功能,以下逐一說明。

設備管理 CRUD 總覽
▲ 設備管理 CRUD 功能一覽 — 新增按鈕、統計、搜尋、表格

9b.1 新增設備(Create)

新增設備彈窗
▲ 新增設備彈窗 — 標題、表單內容、按鈕區
點擊頁面右上方 ① 新增設備按鈕(藍色按鈕)
系統開啟新增設備彈窗(① 新增設備表單
③ 表單內容 輸入設備名稱
點擊 ④ 按鈕區新增 按鈕儲存
系統顯示成功提示,新設備出現在列表中
⚠️ 注意:設備名稱為必填欄位,未輸入時新增按鈕會保持停用狀態。

9b.2 查看設備列表(Read)

9b.3 編輯濾芯(Update)

編輯濾芯彈窗
▲ 編輯濾芯彈窗 — 標題、濾芯列表、新增濾芯、儲存按鈕
在設備列表中找到目標設備
點擊操作欄的 編輯濾芯 按鈕(鉛筆圖示)
系統開啟「編輯設備濾芯」彈窗(① 編輯濾芯彈窗
③ 濾芯列表 中可修改各濾芯的型號、壽命等資訊
點擊 ④ 新增濾芯按鈕 可加入新的濾芯
點擊濾芯旁的 移除 按鈕可刪除該濾芯
修改完畢點擊 ⑤ 儲存按鈕 儲存變更

9b.4 刪除濾芯(Delete)

在編輯濾芯彈窗中找到要刪除的濾芯
點擊該濾芯的 移除 按鈕(垃圾桶圖示)
該濾芯從列表中移除
點擊 儲存 按鈕確認變更

9b.5 停用/啟用設備

10. 新增設備

點擊 新增設備 按鈕後,會開啟新增設備彈窗:

新增設備彈窗
▲ 新增設備彈窗 — 紅框標註各區域
編號區域名稱說明
彈窗標題顯示「新增設備」
關閉按鈕點擊關閉彈窗
設備名稱輸入輸入新設備的名稱
確認/取消點擊新增按鈕儲存,或取消

新增設備步驟

點擊 新增設備 按鈕
設備名稱 輸入框中輸入設備名稱
點擊 新增 按鈕儲存
⚠️ 注意:設備名稱為必填欄位,未輸入時新增按鈕會保持停用狀態。

為了在較小的螢幕上獲得更大的工作區域,側邊選單支援收合功能。

側邊欄收合
▲ 側邊欄收合狀態
編號區域名稱說明
收合選單側邊欄收合後僅顯示圖示,滑鼠停留可顯示提示文字

操作方式

12. 常見問題

Q1: 忘記密碼怎麼辦?

在登入頁面點擊「忘記密碼?」連結,或直接聯絡系統管理員進行密碼重設。

Q2: 如何匯出客戶資料?

在「卡號管理」頁面,點擊右上角的「匯出 Excel」按鈕,系統會將目前列表中的客戶資料匯出為 Excel 檔案。

Q3: 如何搜尋特定客戶?

在各管理頁面的搜尋篩選區輸入關鍵字(如姓名、卡號、電話等),然後點擊「搜尋」按鈕即可篩選出符合條件的資料。

Q4: 設備的濾芯資訊在哪裡查看?

在「設備管理」頁面的設備列表中,點擊「濾芯數」欄位即可展開查看該設備的濾芯詳細資訊。

Q5: 如何為客戶設定推播通知?

在「提醒管理」頁面,找到目標客戶後點擊「生成 UID」按鈕產生通知識別碼,再使用「檢視連結」功能管理已連結的使用者。

Q6: 系統支援手機/平板使用嗎?

是的,系統採用響應式設計,會自動適應不同螢幕尺寸。在行動裝置上,側邊選單會自動隱藏,可透過頂部的漢堡選單按鈕開啟。