全域互動總覽

側邊選單、通知、搜尋、篩選、Modal 等系統共通互動模式

以下是 harukibox 系統中跨頁面的共通互動模式。這些不屬於某個特定模組,而是你在使用過程中會反覆遇到的操作方式。

側邊選單

後台的主導航中心,依營運流程分為幾個區塊:

  • 商品管理 — 商品列表、新增商品、時間軸、物流匯出
  • 倉庫管理 — 倉庫位置
  • 數據分析 — Dashboard、買家歷史、付款管理、確認連結
  • 物流管理 — 運費計算器、出貨管理
  • 快速工具 — 快速登記、智能上架
  • 系統 — 通知中心、IP 管理、設定

桌面版側邊選單固定顯示,手機版則以抽屜(Offcanvas)方式開啟。選單內也包含通知鈴鐺、登出與推播管理等全域入口。

通知鈴鐺

右上角的通知鈴鐺會顯示未讀通知數量。點擊後展開通知面板,可以快速瀏覽摘要、標記已讀或前往通知中心做進一步管理。

開啟推播通知
啟用瀏覽器推播後,即使不在 harukibox 頁面上,也能即時收到重要事件通知,例如買家完成確認或商品到貨。

搜尋與篩選

幾乎所有列表頁都提供以下互動控制:

  • 搜尋框 — 即時搜尋買家名稱、商品名稱等
  • 狀態篩選 — 按登記狀態、出貨狀態等快速篩選
  • 日期篩選 — 選擇特定日期範圍
  • 排序切換 — 最新、金額、名稱等排序方式
  • 分頁 — 資料量大時的分頁瀏覽
  • 重設篩選 — 一鍵清除所有篩選條件

系統中大量使用 Modal(彈窗)來處理建立、編輯、確認、刪除等操作,讓你不需要離開當前頁面就能完成工作。

常見的 Modal 操作包含:

  • 新增或編輯登記、商品資料
  • 確認刪除、批次狀態變更
  • 運費拆分預覽與套用
  • 通知訊息產生
執行不可逆操作(如刪除)前,系統一定會跳出確認框。請仔細確認後再按下確認按鈕。