角色與帳號

後台的權限頁用兩個 tab 切換「權限矩陣」與「帳號管理」,兩個 tab 共用同一條搜尋 toolbar。矩陣是角色 × 動作,帳號管理則處理邀請、移除、改角色。當你要排這種權限後台、或不確定「搜尋列要放哪、危險操作要不要確認」時,就翻這頁。

角色與帳號

這是什麼

頁籤切換權限矩陣與成員列表;兩個頁籤共用搜尋列並即時篩選;主要按鈕依頁籤為新增角色或邀請成員。

什麼時候用

管理工作區角色與帳號時;切換頁籤可保留或清空搜尋關鍵字,依產品決定。

預覽依本指南規則實作
S

SaaS Console

Platform

搜尋專案、成員、動作…
TZ
設定WorkspaceRoles

角色與權限

角色檢視編輯刪除帳單
Owner
Admin
Editor
Viewer
  • 搜尋:放在 tabs 下方、表格上方;切 tab 時保留關鍵字或依產品清空。
  • 權限矩陣:篩 角色名稱;帳號管理:篩 姓名、Email、角色
  • 無結果:小 empty +「清除搜尋」(見 08-states.md filter empty)。

規格速查

區塊定稿做法
兩 tab「權限矩陣」「帳號管理」切換,共用同一條搜尋 toolbar
搜尋放 tabs 下方、內容上方;即時過濾,無結果顯示 empty +「清除搜尋」
權限矩陣列 = 角色(Owner、Admin…)、欄 = 動作;Owner 關鍵權限 disabled
帳號管理成員表:姓名/Email、角色下拉、狀態 badge、移除、邀請成員
危險操作移除成員、變更角色等需 confirmation;影響多人時特別提示

常見做錯

做錯正確
權限矩陣的欄位沒有說明每個動作欄標清楚,必要時加說明,避免歧義
移除成員直接執行、無確認移除等破壞性操作一律加 confirmation
角色變更立即生效、無提示變更需 Save 或 autosave + toast;多人時 confirm
兩 tab 各自一條搜尋、行為不一兩 tab 共用同一搜尋 toolbar,切 tab 仍顯示

相關章節

  • 權限 — Share dialog、角色文案與權限 UI 提示
  • 設定頁範本 — 此頁所在設定區的整頁 drill-down 版型
  • 設定頁 — card 分組與設定區的逐條規則