全域互動總覽
側邊選單、通知、搜尋、篩選、Modal 等系統共通互動模式
以下是 harukibox 系統中跨頁面的共通互動模式。這些不屬於某個特定模組,而是你在使用過程中會反覆遇到的操作方式。
側邊選單
後台的主導航中心,依營運流程分為幾個區塊:
- 商品管理 — 商品列表、新增商品、時間軸、物流匯出
- 倉庫管理 — 倉庫位置
- 數據分析 — Dashboard、買家歷史、付款管理、確認連結
- 物流管理 — 運費計算器、出貨管理
- 快速工具 — 快速登記、智能上架
- 系統 — 通知中心、IP 管理、設定
桌面版側邊選單固定顯示,手機版則以抽屜(Offcanvas)方式開啟。選單內也包含通知鈴鐺、登出與推播管理等全域入口。
通知鈴鐺
右上角的通知鈴鐺會顯示未讀通知數量。點擊後展開通知面板,可以快速瀏覽摘要、標記已讀或前往通知中心做進一步管理。
開啟推播通知
啟用瀏覽器推播後,即使不在 harukibox 頁面上,也能即時收到重要事件通知,例如買家完成確認或商品到貨。
搜尋與篩選
幾乎所有列表頁都提供以下互動控制:
- 搜尋框 — 即時搜尋買家名稱、商品名稱等
- 狀態篩選 — 按登記狀態、出貨狀態等快速篩選
- 日期篩選 — 選擇特定日期範圍
- 排序切換 — 最新、金額、名稱等排序方式
- 分頁 — 資料量大時的分頁瀏覽
- 重設篩選 — 一鍵清除所有篩選條件
Modal 與確認框
系統中大量使用 Modal(彈窗)來處理建立、編輯、確認、刪除等操作,讓你不需要離開當前頁面就能完成工作。
常見的 Modal 操作包含:
- 新增或編輯登記、商品資料
- 確認刪除、批次狀態變更
- 運費拆分預覽與套用
- 通知訊息產生
執行不可逆操作(如刪除)前,系統一定會跳出確認框。請仔細確認後再按下確認按鈕。