6. 單筆會員操作與詳情抽屜
6.1 編輯用戶抽屜
管理員點擊資料列末端的行操作「編輯」按鈕時,系統自畫面右側向左平滑滑出 一級抽屜容器。抽屜內提供會員個人帳號設定與營運參數調整,分設兩大核心頁籤,避免傳統多層覆蓋彈窗造成的視覺干擾。
📐6.1 編輯用戶抽屜介面佈局與元件詳細說明
• 標題與身分標識:動態呈現
修改用户详情 · {會員帳號}(如 mingv0717001),並隨附身分標籤(如 代理会员、VIP会员)。• 即時狀態指示:以狀態點呈現當前運作狀態(以顏色區分:正常 / 凍結 / 停用)。
• 右側操作按鈕:
[取消]:放棄本次編輯輸入,平滑關閉抽屜還原原樣。[保存修改]:主操作按鈕(以顏色區分主次操作),觸發資料校驗並提交後端 API,成功後即時刷新主列表並關閉抽屜。
• 基本信息 (Default Tab):涵蓋「賬戶概況」、「聯絡方式」(僅開啟「查看会员联络资讯」時顯示)、「第三方登錄綁定」(Google、Telegram、Facebook 社群帳號解綁)以及「提現信息」(出款帳號新增、編輯、剔除與儲存)。
• 会员设置:涵蓋「费率与备注」(提现费率、备注)、「权限与限制」(第三方/彩票返水、转入限制、邀请码注册等 6 大開關,切換彈出二次確認視窗)以及「每日次数限制」(提现與充值返利次數上限)。
| 分區名稱 | 欄位名稱 | 元件型態 | 業務規範與互動邏輯 |
|---|---|---|---|
| 賬戶概況 帳號、狀態、會員類型、等級 |
账号 | 唯讀文字框 | 會員系統主鍵代號,不可手動修改,維持資料一致性。 |
| 会员类型 | 唯讀文字框 | 展示該會員身分屬性(如代理會員、直屬會員)。 | |
| 账户状态 | 三段分段按鈕 (Segmented) | 提供 [ 正常 ]、[ 冻结 ]、[ 停用 ] 快捷點選切換,選中項以顏色區分。 |
|
| 用户昵称 | 單行輸入框 | 支援管理員手動微調暱稱,同步更新前台展示。 | |
| 真实姓名 | 單行輸入框 | 實名認證姓名;無資料時填寫顯示 -。需具備『修改真實姓名』權限方可解鎖編輯。 |
|
| 出生年月日 | 日曆選擇器 (DatePicker) | 格式為 YYYY/MM/DD,支援手動輸入或點擊日曆圖示選取會員出生日期。 |
|
| 用户等级 | 下拉選擇器 | 支援指定特定 VIP 會員等級(如 VIP會員、一般會員)。 | |
| 支付层级 | 下拉選擇器 | 指派該會員所屬之存提款金流層級(如預設層、大額VIP通道層)。 | |
| 主钱包币种 | 唯讀文字框 | 展示會員註冊時綁定之主錢包法幣幣種(如 RMB),系統預設唯讀。 |
|
|
聯絡方式 敏感通訊渠道
權限控制
只有開啟「查看会员联络资讯」的會員權限才會顯示這個板塊。 |
电话 | 輸入框 + [校验] 按鈕 | 輸入手機號碼,右側附帶 [校验] 按鈕供排查號碼格式與是否重複綁定。 |
| 單行輸入框 | 輸入電子郵箱,支援標準 Email 正則格式校驗。 | ||
| 單行輸入框 | 會員綁定之 QQ 號碼維護。 | ||
| 微信 | 單行輸入框 | 會員綁定之微信號(WeChat ID)維護。 | |
| Zalo | 單行輸入框 | 東南亞市場專用通訊帳號維護。 | |
| 單行輸入框 | 國際通訊電話號碼維護。 | ||
| Telegram | 單行輸入框 | Telegram 通訊軟體用戶名(如 @tg_mingv0717001)維護。 |
|
| 單行輸入框 | Facebook 帳號或個人頁面標識(如 fb_mingv0717001)維護。 |
||
|
第三方登錄綁定 OAuth 社群帳號 |
渠道標示 + [解除绑定] 按鈕 | 展示 Google 帳號綁定狀態;已綁定時提供 [解除绑定] 藍色按鈕供操作員解綁。 |
|
| TELEGRAM | 渠道標示 + [解除绑定] 按鈕 | 展示 Telegram 第三方授權登錄綁定狀態;已綁定時提供 [解除绑定] 按鈕。 |
|
| 渠道標示 + [尚未绑定] 膠囊 | 展示 Facebook 授權登錄狀態;若未綁定則顯示灰字虛線之 [尚未绑定] 狀態標籤。 |
||
|
提現信息 出款通道即時維護 |
新增出款帳號 | 操作按鈕 [+ 添加] | 點擊區塊右上角紫色 [+ 添加] 按鈕,即可於列表末尾動態插入一行可編輯的出款資訊列。 |
| 出款列表編輯 | 表格編輯列 (下拉/輸入框 + [剔除] [储存]) |
支援逐筆直接維護以下資訊: • 出款類型:下拉選擇( 银行卡 ⌵ / 虚拟币 ⌵)• 卡號/錢包/支付寶:輸入框(支援明文編輯或脫敏遮罩) • 協議/幣種:下拉選擇( VND ⌵、USDT-TRC20 ⌵、CNY ⌵ 等)• 銀行/三方:下拉選擇( Techcombank ⌵、Binance ⌵ 等)• 銀行地址/備註:輸入框編輯分行地址或備註 • 狀態標籤:以膠囊標籤呈現當前狀態(启用 / 停用) • 操作按鈕:右側配置紅色 [剔除] 按鈕以移除通道,以及藍色 [储存] 按鈕即時提交單筆修改
|
- 二次確認防護機制:修改「權限與限制」區塊中的任一開關設置時(如停止第三方返水、限制轉入第三方、停止彩票返水、邀請碼註冊、停止成長值和等級更新、能否修改下級賠率),系統均會立即彈出二次確認對話框(
你确定要提交吗?,如圖二),以防風控與返水參數遭誤觸。點擊[取消]保持原開關狀態,點擊[確定]方完成開關切換。 - 右上角按鈕最終生效機制:開關切換經二次確認後僅屬於前端編輯狀態,所有抽屜內的變更必須按下右上角的
[保存修改]主按鈕後,系統方會統一發送 API 請求持久化並正式生效;若點擊[取消]則放棄本次所有變更並關閉抽屜。
| 分區名稱 | 欄位名稱 | 元件型態 | 業務規範與互動邏輯 |
|---|---|---|---|
| 費率與備註 费率与备注 |
提現費率 提现费率 |
單行數值輸入框 | 照舊 |
| 備註 备注 |
多行文字框 (Textarea) | 照舊 | |
| 權限與限制 权限与限制 ⚠️ 切換具二次確認 |
停止第三方返水 | 切換開關 (Switch) | 照舊。修改切換時觸發二次確認彈窗,如圖二。 |
| 限制轉入第三方 | 切換開關 (Switch) | 照舊。修改切換時觸發二次確認彈窗,如圖二。 | |
| 停止彩票返水 | 切換開關 (Switch) | 照舊。修改切換時觸發二次確認彈窗,如圖二。 | |
| 邀請碼註冊 | 開關 + 說明圖示 (❔) | 照舊。修改切換時觸發二次確認彈窗,如圖二。 | |
| 停止成長值和等級更新 | 切換開關 (Switch) | 照舊。修改切換時觸發二次確認彈窗,如圖二。 | |
| 能否修改下級賠率 | 切換開關 (Switch) | 照舊。修改切換時觸發二次確認彈窗,如圖二。 | |
| 每日次數限制 每日次数限制 |
當天最大提現次數 | 整數輸入框 | 照舊 |
| 當天最大充值返利次數 | 整數輸入框 | 照舊 |
6.2 會員詳情抽屜
點擊行操作「詳情」時自右側滑出 完整會員檔案抽屜。詳情抽屜整合會員全生命週期數據,採用卡片式封裝,分為 4 個專業 Tab 頁籤,供管理員快速查核與風控審計。
📋6.2 會員詳情抽屜四大頁籤與卡片展示說明
- 頭像展示:左側展示圓形會員頭像(未上傳時呈現預設人物頭像輪廓)。
- 雙列資訊膠囊:右側採用資訊卡片,成對呈現「用戶暱稱 / 帳號」、「真實姓名 / 出生年月日」。
- 空值展示規範:真實姓名若未綁定,一律顯性顯示
"-"(以顏色區分弱化),嚴禁空白留白。
电话、Email、QQ、微信 (WeChat)、Zalo、WhatsApp、Telegram、Facebook。- 空值表現規範:未填寫或無綁定數據之管道,欄位框內部統一展示
"-"(以顏色區分弱化),杜絕舊版粗暴留白問題。
- 展示該會員歷次電銷跟進、風控加註、客服諮詢等歷史備註文字,支援超過長度截斷與展開完整歷程。
集中審核該會員申請變更之敏感個資(如真實姓名認證、手機號碼解綁或變更等)。審核管理員可查閱修改前後對照與精確申請時間,並依審查結果進行通過、拒絕或重置操作。
| 欄位名稱 | 介面展示值 | 元件型態 | 業務規範與審核互動邏輯 |
|---|---|---|---|
| 變更項目 | 真实姓名 / 电话 |
文字標籤 | 申請變更之會員個資維度,涵蓋真實姓名、電話綁定等關鍵身分欄位。 |
| 修改前 | 未填写 / 0912345678 |
唯讀文字 | 變更前的原始資料;若原無綁定則顯性標示 未填写。 |
| 修改後 | 王*明 / - |
脫敏文字 | 會員申請修改之目標內容;姓名採隱私脫敏遮罩處理(例如 王*明),解除綁定申請則顯示 -。 |
| 申請時間 | 2026-07-28 16:30:42 |
時間戳記 | 會員在前台或客服通道發起資料修改申請之精確系統時間戳(YYYY-MM-DD HH:mm:ss)。 |
| 操作按鈕 |
通过
拒绝
重置
|
操作按鈕組 |
• [通过](綠色):審核同意該變更,系統即時將「修改後」資料覆蓋寫入會員檔案主資料庫。 • [拒绝](紅色):駁回本次變更申請,維持原始資料不變並將審核失敗日誌歸檔。 • [重置](灰色):針對手機等特定維度提供一鍵重置清空解綁,重置後恢復為未綁定狀態。 |
集中管理與審查該會員名下所有已綁定之出款通道,支援傳統法幣銀行卡與區塊鏈虛擬貨幣錢包(USDT TRC20 等),提供卡號掩碼脫敏防護與「啟用/停用」風控狀態管控。
| 欄位名稱 | 介面展示值 | 元件型態 | 業務規範與風控管控邏輯 |
|---|---|---|---|
| 出款類型 | 银行卡 / 虚拟币 |
文字標籤 | 出款渠道類別,區分傳統法定貨幣金融卡(銀行卡)與 Web3 區塊鏈加密貨幣出金通道(虛擬幣)。 |
| 卡號 / 錢包 / 支付寶賬號 | 1245******433TR7NHq******e1Rj622202******1234 |
脫敏文字 | 會員已綁定之出款帳號。依合規脫敏規範:銀行卡保留前 4~6 碼與後 3~4 碼、USDT 錢包地址保留前 6 後 4 碼,中間以 ****** 掩碼呈現,防止個資外洩。 |
| 協議 / 幣種 | VND / USDT-TRC20 / CNY |
文字標籤 | 結算法定貨幣幣種(如越南盾 VND、人民幣 CNY)或加密公鏈底層協議與代幣標識(如 USDT-TRC20)。 |
| 銀行 / 三方 | Techcombank / Binance / 中国工商银行 |
文字標籤 | 發卡銀行金融機構名稱(如 Techcombank、中國工商銀行)或 Web3 虛擬貨幣所屬交易所/三方平台機構(如 Binance)。 |
| 銀行地址 / 備註 | aaa / - / 北京朝阳分行 |
唯讀文字 | 銀行開戶所屬分行支行名稱或特定鏈上備註;無資料者顯性統一標示為 "-"。 |
| 狀態 |
启用
停用
|
狀態膠囊標籤 |
• 啟用 (綠色):出款通道正常,會員發起提現審批時允許指定此通道出金。 • 停用 (紅色):出款通道凍結或已停用,前台限制選擇該帳號提現,防範風險資金外流。 |
| Google 驗證碼 (安全查詢操作列) |
Google验证码: [输入6位谷歌验证码] [查询用户信息] |
輸入框 + 操作按鈕 | 抽屜底部常駐之 2FA 風控安全校驗機制。查看會員敏感提現與出金個資時,需輸入 6 位谷歌動態驗證碼(Google Authenticator OTP),點擊 [查询用户信息] 進行二次身分授權校驗,強化高風險出款資料的存取防護。 |
展示該會員註冊與歷次登入之 IP 地址、地理位置定位、設備指紋與 UserAgent。其中的「同 IP 人數」與「同設備人數」提供點擊穿透鏈接,可向右展開二級抽屜進行群組同源排查(詳見下方 6.3 節專題)。
6.3 二級抽屜互動機制
為了解決多帳號刷水、同設備多開或同 IP 關聯群組的風控排查痛點,系統創新設計「一級抽屜 + 二級抽屜」雙層抽屜穿透互動架構。操作員在審查特定會員時,無須關閉當前抽屜或跳轉新頁籤,即可快速深挖關聯風控大數據。
在詳情抽屜的「設備與IP紀錄」頁籤中,點擊 同IP人數: 60人 或 同設備數: 28台 標籤時,自一級抽屜右側滑出二級關聯抽屜,即刻展開該組 IP/設備所關聯之其他會員名單、登入時間與 IP 地理分佈,無須跳轉離開當前會員詳情。
⚡6.3 二級抽屜架構與互動詳細規範
• 觸發位置:位於一級詳情抽屜的「設備與IP紀錄」頁籤。
• 數據卡片結構:分為「最新登入紀錄」與「註冊紀錄」兩張獨立卡片,各自包含:
IP 地址:展示 IP 字串(如54.150.111.152)、地理歸屬(如Japan, Tokyo),並配有一鍵複製按鈕與關聯圖示。設備號:展示設備唯一指紋代碼(UUID/Hash),配有外部跳轉/關聯圖示。同IP人數 / 同設備人數:以數字連結形式呈現(如60、28、18,以顏色區分連結樣式)。滑鼠懸停顯示點擊提示,點擊立即喚出二級抽屜。
• 外觀與標題規範:二級抽屜頂部標題列(標題:
詳細內容,以顏色區分抽屜層級),右上角配置向右收起箭頭圖示(→)。• 關聯列表數據欄位:
| 列表欄位 | 資料屬性 | 功能互動與業務說明 |
|---|---|---|
| 登录用户 | 會員帳號 | 列出共享該 IP 或設備的所有會員帳號(如 test_user_5、test_user_5_1 ...)。 |
| 最后登录时间 | 日期時間 ⇅ | 格式為 YYYY-MM-DD HH:mm:ss,表頭支援點擊依時間升序/降序排列。 |
| IP | 網路位址 | 顯示該用戶實際登入之 IP,右側配有一鍵複製圖示。 |
| IP信息 | 地理定位 | 顯示國家與城市地理位置(如 📍 Japan, Tokyo),快速定位跨區登入風險。 |
• 獨立收起二級抽屜:點擊二級抽屜右上角
→ 箭頭圖示或鍵盤按 Esc,僅向右滑出關閉二級抽屜,一級詳情抽屜保持原有位置與頁籤狀態不變。• 全局快速關閉:點擊一級抽屜右上角
✕ 或點擊左側底層遮罩區域,系統同時關閉一級與二級抽屜,一秒還原主資料列表。
6.4 行操作快捷功能選單
每列會員末端設有「編輯」、「詳情」及「更多 ▾」快捷選單。收納高頻業務: