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

版本 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 檔案。匯出過程中按鈕會顯示「匯出中...」。

5.5 新增客戶(Create)

新增客戶按鈕
▲ 卡號管理操作欄 — 新增客戶按鈕(①)、編輯按鈕(②)、刪除按鈕(③)
在頁面右上方點擊 ① 新增客戶按鈕(藍色按鈕)
系統開啟新增客戶彈窗
基本資料 區輸入客戶姓名(必填)和卡號(必填)
地址資訊 選擇縣市與鄉鎮市區(必填),輸入詳細地址與設備位置
聯絡方式 新增電話號碼,可選擇手機或市話
點擊底部 新增客戶 按鈕儲存
系統顯示「客戶新增成功」提示訊息
💡 提示:必填欄位未填寫時,儲存按鈕會保持停用狀態。

5.6 編輯客戶(Update)

在客戶列表中找到目標客戶
點擊操作欄的 ② 編輯按鈕(鉛筆圖示)
系統開啟編輯客戶彈窗,各欄位已預填現有資料
修改所需欄位後點擊底部 儲存變更 按鈕
系統顯示「客戶更新成功」提示訊息
編輯客戶彈窗
▲ 編輯客戶彈窗 — 標題顯示「編輯客戶」,各欄位已預填現有資料
編號 區域名稱 說明
編輯客戶表單 整個彈窗容器
標題區 顯示「編輯客戶」標題與副標題
基本資料 已預填客戶姓名、卡號、統編,可直接修改
備註 已預填備註內容
地址資訊 已預填縣市、鄉鎮、地址、設備位置
聯絡方式 已預填電話、LINE、FB 等聯絡資訊
儲存變更/取消 點擊儲存變更確認修改,或取消放棄

5.7 刪除客戶(Delete)

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

6. 客戶設備列表

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

客戶設備列表
▲ 客戶設備列表頁面 — 標題、統計卡片、搜尋篩選、設備列表(已載入資料)

6.1 頁面各區域說明

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

6.2 搜尋與篩選

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

6.3 編輯設備(Update)

在客戶設備列表中,每一筆客戶資料右側操作欄有 編輯按鈕(鉛筆圖示)。點擊後會開啟「編輯客戶設備」彈窗,可管理該客戶的所有設備。

在設備列表中找到目標客戶的設備
點擊操作欄的 編輯按鈕(鉛筆圖示)
系統開啟「編輯客戶設備」彈窗,顯示該客戶所有設備
可點擊 ③ 新增設備按鈕 為該客戶新增設備
可點擊 ⑥ 編輯設備按鈕 進入行內編輯模式修改設備資訊
修改完畢點擊 儲存 按鈕儲存變更
編輯客戶設備彈窗
▲ 編輯客戶設備彈窗 — 標題、新增設備按鈕、設備項目、編輯按鈕
編號 區域名稱 說明
編輯客戶設備彈窗 整個彈窗容器,顯示客戶名稱與設備清單
標題區 顯示「編輯客戶設備」與客戶名稱
新增設備按鈕 點擊可為該客戶新增設備(藍色按鈕)
關閉按鈕 點擊關閉彈窗
設備項目 顯示該客戶的所有設備清單,含設備型號與濾芯資訊
編輯設備按鈕 點擊進入行內編輯模式,可修改設備型號等資訊

6.3a 行內編輯模式

行內編輯模式
▲ 行內編輯模式 — 可直接修改設備資訊,並出現刪除按鈕(③)

點擊 ⑥ 編輯設備按鈕 後,該設備項目進入行內編輯模式:

6.4 新增設備(Create)

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

6.5 刪除設備(Delete)

刪除設備按鈕
▲ 行內編輯模式 — 刪除設備按鈕(②)
在編輯彈窗中點擊 ⑥ 編輯設備按鈕 進入行內編輯模式
點擊該設備的 ② 刪除按鈕(紅色垃圾桶圖示)
系統彈出確認對話框
點擊 確認 完成刪除
⚠️ 注意:刪除設備前請確認該設備不再使用,刪除後無法恢復。

6.6 提醒訊息預覽

提醒訊息預覽
▲ 提醒訊息預覽 — 點擊提醒訊息按鈕可預覽 Line 推播格式

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

7. 提醒管理

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

提醒管理
▲ 提醒管理頁面 — 標題、統計卡片、搜尋篩選、通知列表(已載入資料)

7.1 頁面各區域說明

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

7.2 通知列表表格

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

7.3 生成 UID(Create)

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

7.4 啟用/停用通知(Update)

啟用停用切換
▲ 連結使用者彈窗 — 啟用/停用切換開關(②),可即時變更推播通知狀態
點擊操作欄的 檢視連結 按鈕開啟連結使用者彈窗
在彈窗中可看到每位已連結使用者的 ② 啟用/停用切換 開關
點擊切換開關可即時變更該使用者的推播通知狀態
停用後該使用者將不再收到推播通知

7.5 檢視連結使用者

在提醒管理的通知列表中,每筆客戶資料的操作欄有 檢視連結 按鈕(第二個操作按鈕)。點擊後會開啟「連結使用者」彈窗,顯示該客戶已連結的 LINE 使用者清單。

連結使用者彈窗
▲ 連結使用者彈窗 — 顯示已連結的使用者清單
編號 區域名稱 說明
連結使用者彈窗 整個彈窗容器,顯示客戶名稱與已連結使用者
標題 顯示「連結使用者」標題
已連結使用者清單 列出該客戶已綁定的 LINE 使用者,顯示使用者名稱與綁定狀態
在通知列表中找到目標客戶
點擊操作欄的 檢視連結 按鈕(第二個按鈕)
系統開啟「連結使用者」彈窗(① 連結使用者彈窗
③ 已連結使用者清單 中可查看使用者的綁定狀態與詳細資訊
點擊 關閉 按鈕關閉彈窗
💡 提示:檢視連結可確認客戶的 LINE 推播通知是否已正確綁定,若清單為空表示尚未有使用者連結。

8. 設備管理

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

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

8.1 頁面各區域說明

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

8.2 設備列表表格

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

8.3 新增設備(Create)

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

8.4 編輯濾芯(Update)

編輯濾芯彈窗
▲ 編輯濾芯彈窗 — 標題、濾芯列表、新增濾芯、移除濾芯、儲存按鈕
編號 區域名稱 說明
編輯濾芯彈窗 整個彈窗容器
標題區 顯示「編輯設備濾芯」與設備名稱
濾芯列表 可編輯各濾芯的型號、壽命等資訊
新增濾芯按鈕 點擊加入新的濾芯項目
移除濾芯按鈕 點擊移除該行濾芯
儲存/取消按鈕 儲存變更或取消
在設備列表中找到目標設備
點擊操作欄的 編輯濾芯 按鈕(鉛筆圖示)
系統開啟「編輯設備濾芯」彈窗(① 編輯濾芯彈窗
③ 濾芯列表 中可修改各濾芯的型號、壽命等資訊
點擊 ④ 新增濾芯按鈕 可加入新的濾芯
修改完畢點擊 ⑥ 儲存按鈕 儲存變更

8.5 刪除濾芯(Delete)

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

8.7 Line 訊息預覽

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

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

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

操作方式

10. 常見問題

Q1: 忘記密碼怎麼辦?

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

Q2: 如何匯出客戶資料?

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

Q3: 如何搜尋特定客戶?

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

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

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

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

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

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

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