後台整體結構

1. 頂部 Header

頂部 Header 是 Manager 後台的固定操作入口，通常包含 Finger Manager 標識、頁面導航或麵包屑區域，以及右側常用工具。

根據目前版面模式，頂部也可以顯示橫向一級選單。若系統啟用分欄選單模式，點擊頂部一級模組後，左側選單會切換為對應業務域下的功能入口。

2. 左側功能選單

左側選單由後台路由配置和權限規則生成，是日常業務操作的主要入口。

每個選單項可以配置路由地址、顯示標題、圖標、排序、選單路徑和權限碼。目前用戶沒有對應權限時，相關選單或頁面不會對該用戶開放。

部分詳情頁不會直接顯示在左側選單中。例如客戶詳情、帳戶詳情、資金詳情、報表詳情等頁面通常從列表頁進入，但左側選單仍會保持原來的列表入口高亮。

3. 多標籤工作區

Finger Manager 可以在 Header 下方以多標籤方式顯示已打開頁面。營運人員可以在列表頁、詳情頁、審核頁和報表頁之間切換，而不需要每次重新從選單進入。

當某個詳情路由被設定為隱藏選單時，它仍然可以在工作區中打開，並保持對應父級選單的選中狀態。

4. 主內容面板

主內容面板是實際完成業務操作的區域。真實 Manager 後台中，這一部分通常由頁面標題、篩選表單、統計卡片、資料表格、詳情面板、表單和操作按鈕組成。

例如，用戶管理頁面重點展示客戶查詢和客戶記錄；訂單頁面重點展示持倉單和歷史訂單；客服支援頁面則圍繞工單、會話、幫助中心內容和公告管理展開。

5. 搜尋、篩選與表格操作

大多數業務頁面採用「篩選條件 + 資料表格」的工作方式。後台人員先縮小資料範圍，再進入詳情頁或執行目前權限允許的行內操作。

不同模組的篩選欄位會不同，但常見條件包括用戶標識、訂單編號、市場、產品、狀態、日期範圍、Broker、帳戶和業務類型。

6. 操作按鈕與流程控制

操作按鈕可能出現在頁面右上角、篩選區、表單底部、表格行內或詳情面板中。常見操作包括查詢、重置、查看、編輯、提交、審核、通過、拒絕、匯出、發布、儲存、啟用、停用和刷新。

按鈕是否顯示或可用，取決於目前路由權限和用戶操作權限。只有查看權限的用戶，可能可以進入頁面，但不能修改或匯出資料。

7. 權限與資料範圍

Finger Manager 透過路由權限和選單權限控制每個用戶可訪問的後台範圍。路由可以定義權限碼，選單會根據目前用戶角色進行過濾。

權限會影響四個層級：可以看到哪些選單、可以進入哪些頁面、可以查看哪些資料、可以執行哪些操作。

因此，同一機構內不同員工登入後，看到的選單結構、資料範圍和操作按鈕都可能不同。

8. 行動端與摺疊版面

真實 Manager 版面同時支援桌面和行動端狀態。桌面端通常在選單啟用時顯示左側選單；較小螢幕下，側邊欄可以摺疊或以行動選單方式打開。

從實際使用角度看，Finger Manager 主要面向桌面寬度的後台操作。行動端可以用於快速查看，但審核、報表、產品配置等複雜任務更適合在桌面螢幕完成。

9. 實際操作路徑

典型操作流程是：先確認目前機構和帳號，再從頂部或左側選單進入業務模組，透過篩選條件縮小資料範圍，打開對應詳情頁或配置頁，最後執行目前權限允許的操作。

例如處理客戶問題時，後台人員會進入用戶管理，打開用戶列表或審核列表，透過 UID 或 Email 搜尋客戶，進入隱藏詳情頁，查看客戶狀態和記錄，再執行允許的審核或管理操作。

10. 操作前需要確認的內容

在修改客戶資料、資金狀態、產品配置、訂單處理、客服公告或系統設定前，應先確認目前機構、目前選單路徑、所選記錄、權限級別以及預期業務影響。

由於部分頁面是從列表進入的隱藏詳情路由，用戶應結合麵包屑、頁面標題、左側高亮選單和記錄標識，確認自己正在操作正確物件。