feat(admin,player,api): 玩家账号密码管理与代理上下分

新增玩家头像、可查密码与全局改密/改账号开关；玩家资料页合并账号密码展示；代理直属玩家列表支持自定义上下分。

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/admin/src/views/agent/Players.vue

@@ -7,40 +7,84 @@ import { formatAmount, formatAmountFull } from '../../utils/format-amount';
 
 const { t } = useAdminLocale();
 
-const players = ref<unknown[]>([]);
+type PlayerRow = {
+  id: string;
+  username: string;
+  wallet?: { availableBalance: string };
+};
+
+const players = ref<PlayerRow[]>([]);
 const form = ref({ username: '', password: 'Player@123' });
-const depositForm = ref({ playerId: '', amount: 100, requestId: '' });
+
+const transferVisible = ref(false);
+const transferLoading = ref(false);
+const transferType = ref<'deposit' | 'withdraw'>('deposit');
+const transferTarget = ref<PlayerRow | null>(null);
+const transferAmount = ref(100);
 
 onMounted(load);
 
 async function load() {
   const { data } = await api.get('/agent/players');
-  players.value = data.data;
+  players.value = data.data as PlayerRow[];
 }
 
 async function create() {
-  await api.post('/agent/players', form.value);
-  ElMessage.success(t('msg.player_created'));
-  load();
+  if (!form.value.username.trim()) {
+    ElMessage.warning(t('err.username_required'));
+    return;
+  }
+  try {
+    await api.post('/agent/players', form.value);
+    ElMessage.success(t('msg.player_created'));
+    form.value.username = '';
+    load();
+  } catch (e: unknown) {
+    const err = e as { response?: { data?: { error?: string } } };
+    ElMessage.error(err.response?.data?.error ?? t('msg.create_failed'));
+  }
 }
 
-async function deposit() {
-  depositForm.value.requestId = `dep-${Date.now()}`;
-  await api.post(`/agent/players/${depositForm.value.playerId}/deposit`, {
-    amount: depositForm.value.amount,
-    requestId: depositForm.value.requestId,
-  });
-  ElMessage.success(t('msg.topup_ok'));
-  load();
+function openTransfer(type: 'deposit' | 'withdraw', row: PlayerRow) {
+  transferType.value = type;
+  transferTarget.value = row;
+  transferAmount.value = 100;
+  transferVisible.value = true;
 }
 
-async function withdraw(playerId: string, amount: number) {
-  await api.post(`/agent/players/${playerId}/withdraw`, {
-    amount,
-    requestId: `wd-${Date.now()}`,
-  });
-  ElMessage.success(t('msg.withdraw_ok'));
-  load();
+async function submitTransfer() {
+  if (!transferTarget.value) return;
+  if (transferAmount.value <= 0) {
+    ElMessage.warning(t('msg.amount_gt_zero'));
+    return;
+  }
+  const playerId = transferTarget.value.id;
+  const amount = transferAmount.value;
+  transferLoading.value = true;
+  try {
+    const requestId = `${transferType.value === 'deposit' ? 'dep' : 'wd'}-${playerId}-${Date.now()}`;
+    if (transferType.value === 'deposit') {
+      await api.post(`/agent/players/${playerId}/deposit`, { amount, requestId });
+      ElMessage.success(t('msg.topup_ok'));
+    } else {
+      await api.post(`/agent/players/${playerId}/withdraw`, { amount, requestId });
+      ElMessage.success(t('msg.withdraw_ok'));
+    }
+    transferVisible.value = false;
+    load();
+  } catch (e: unknown) {
+    const err = e as { response?: { data?: { error?: string } } };
+    ElMessage.error(err.response?.data?.error ?? t('msg.transfer_failed'));
+  } finally {
+    transferLoading.value = false;
+  }
+}
+
+function transferTitle() {
+  const name = transferTarget.value?.username ?? '';
+  return transferType.value === 'deposit'
+    ? t('agent_portal.transfer_title_deposit', { name })
+    : t('agent_portal.transfer_title_withdraw', { name });
 }
 </script>
 
@@ -52,80 +96,94 @@ async function withdraw(playerId: string, amount: number) {
     </div>
 
     <el-card class="tool-card" shadow="never">
-      <div class="tool-row">
-        <div class="tool-section">
-          <div class="tool-section-title">{{ t('agent_portal.create_player_section') }}</div>
-          <el-form inline>
-            <el-form-item :label="t('user.col.username')">
-              <el-input v-model="form.username" :placeholder="t('agent_portal.username_ph')" style="width: 150px" />
-            </el-form-item>
-            <el-form-item>
-              <el-button type="primary" @click="create">{{ t('agent_portal.create_player_btn') }}</el-button>
-            </el-form-item>
-          </el-form>
-        </div>
-        <div class="tool-divider" />
-        <div class="tool-section">
-          <div class="tool-section-title">{{ t('agent_portal.deposit_section') }}</div>
-          <el-form inline>
-            <el-form-item :label="t('user.field.player_id')">
-              <el-input v-model="depositForm.playerId" :placeholder="t('agent_portal.player_id_ph')" style="width: 110px" />
-            </el-form-item>
-            <el-form-item :label="t('user.field.amount')">
-              <el-input-number v-model="depositForm.amount" :min="1" style="width: 130px" />
-            </el-form-item>
-            <el-form-item>
-              <el-button type="success" @click="deposit">{{ t('common.topup') }}</el-button>
-            </el-form-item>
-          </el-form>
-        </div>
-      </div>
+      <div class="tool-section-title">{{ t('agent_portal.create_player_section') }}</div>
+      <el-form inline>
+        <el-form-item :label="t('user.col.username')">
+          <el-input v-model="form.username" :placeholder="t('agent_portal.username_ph')" style="width: 160px" />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="create">{{ t('agent_portal.create_player_btn') }}</el-button>
+        </el-form-item>
+      </el-form>
     </el-card>
 
     <el-card class="data-card" shadow="never">
       <div class="table-wrap">
         <el-table :data="players" stripe>
-          <el-table-column prop="id" :label="t('common.col_id')" width="80" />
+          <el-table-column prop="id" :label="t('common.col_id')" width="72" />
           <el-table-column prop="username" :label="t('user.col.username')" min-width="120" />
           <el-table-column :label="t('user.field.available')" min-width="100" align="right">
             <template #default="{ row }">
-              <template v-if="(row as { wallet?: { availableBalance: string } }).wallet?.availableBalance != null">
-                <el-tooltip
-                  :content="formatAmountFull((row as { wallet: { availableBalance: string } }).wallet.availableBalance)"
-                  placement="top"
-                >
-                  <span>{{ formatAmount((row as { wallet: { availableBalance: string } }).wallet.availableBalance) }}</span>
+              <template v-if="row.wallet?.availableBalance != null">
+                <el-tooltip :content="formatAmountFull(row.wallet.availableBalance)" placement="top">
+                  <span>{{ formatAmount(row.wallet.availableBalance) }}</span>
                 </el-tooltip>
               </template>
               <span v-else>—</span>
             </template>
           </el-table-column>
-          <el-table-column :label="t('common.actions')" width="120" align="center">
+          <el-table-column :label="t('common.actions')" width="168" align="center" fixed="right">
             <template #default="{ row }">
-              <el-button size="small" type="warning" plain @click="withdraw((row as { id: string }).id, 50)">
-                {{ t('agent_portal.withdraw_btn', { amount: 50 }) }}
+              <el-button size="small" type="success" link @click="openTransfer('deposit', row)">
+                {{ t('common.topup') }}
+              </el-button>
+              <el-button size="small" type="warning" link @click="openTransfer('withdraw', row)">
+                {{ t('agent_portal.withdraw_btn_label') }}
               </el-button>
             </template>
           </el-table-column>
         </el-table>
       </div>
     </el-card>
+
+    <el-dialog v-model="transferVisible" :title="transferTitle()" width="360px" destroy-on-close>
+      <el-form label-width="72px">
+        <el-form-item :label="t('common.col_id')">
+          <span>{{ transferTarget?.id }}</span>
+        </el-form-item>
+        <el-form-item :label="t('user.field.amount')">
+          <el-input-number
+            v-model="transferAmount"
+            :min="0.01"
+            :step="10"
+            :precision="2"
+            style="width: 100%"
+          />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <el-button @click="transferVisible = false">{{ t('common.cancel') }}</el-button>
+        <el-button type="primary" :loading="transferLoading" @click="submitTransfer">
+          {{ t('common.confirm') }}
+        </el-button>
+      </template>
+    </el-dialog>
   </div>
 </template>
 
 <style scoped>
-.page-header { display: flex; align-items: baseline; gap: 12px; margin-bottom: 20px; }
-.page-title  { font-size: 20px; font-weight: 700; color: #e0e0e0; }
-.page-desc   { font-size: 13px; color: #3a3a3a; }
-.tool-card   { margin-bottom: 16px; border-radius: 12px; }
-.data-card   { border-radius: 12px; }
-
-.tool-row {
+.page-header {
   display: flex;
-  gap: 0;
-  align-items: flex-start;
+  align-items: baseline;
+  gap: 12px;
+  margin-bottom: 20px;
+}
+.page-title {
+  font-size: 20px;
+  font-weight: 700;
+  color: #e0e0e0;
+}
+.page-desc {
+  font-size: 13px;
+  color: #3a3a3a;
+}
+.tool-card {
+  margin-bottom: 16px;
+  border-radius: 12px;
+}
+.data-card {
+  border-radius: 12px;
 }
-.tool-section { flex: 1; padding-right: 24px; }
 .tool-section-title {
   font-size: 13px;
   font-weight: 600;
@@ -134,10 +192,4 @@ async function withdraw(playerId: string, amount: number) {
   text-transform: uppercase;
   letter-spacing: 0.5px;
 }
-.tool-divider {
-  width: 1px;
-  background: #eee;
-  align-self: stretch;
-  margin: 0 24px 0 0;
-}
 </style>