feat(admin): 管理端列表分页、控制台图表与赛事导入

- 玩家/代理/赛事/注单/审计列表分页，默认每页 10 条，无页面滚动条布局

- ECharts 控制台概览、注单管理中文化与列宽优化

- zhibo 赛事字段迁移与导入，玩家编辑可改所属代理

- 管理端 API 分页与 dashboard 统计接口

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

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

@@ -2,6 +2,7 @@
 import { ref, onMounted } from 'vue';
 import api from '../../api';
 import { ElMessage } from 'element-plus';
+import { formatAmount, formatAmountFull } from '../../utils/format-amount';
 
 const agents = ref<unknown[]>([]);
 const form = ref({ username: '', password: 'Agent@123', creditLimit: 10000 });
@@ -21,19 +22,58 @@ async function create() {
 </script>
 
 <template>
-  <h2>下级代理（仅一级代理可见）</h2>
-  <el-form inline style="margin-bottom: 16px">
-    <el-input v-model="form.username" placeholder="用户名" />
-    <el-input-number v-model="form.creditLimit" />
-    <el-button type="primary" @click="create">创建二级代理</el-button>
-  </el-form>
-  <el-table :data="agents">
-    <el-table-column label="用户名">
-      <template #default="{ row }">
-        {{ (row as { user?: { username: string } }).user?.username }}
-      </template>
-    </el-table-column>
-    <el-table-column prop="creditLimit" label="额度" />
-    <el-table-column prop="usedCredit" label="已用" />
-  </el-table>
+  <div class="admin-list-page">
+  <div class="page-header">
+    <h2 class="page-title">下级代理</h2>
+    <span class="page-desc">仅一级代理可见</span>
+  </div>
+
+  <el-card class="tool-card" shadow="never">
+    <el-form inline>
+      <el-form-item label="用户名">
+        <el-input v-model="form.username" placeholder="代理用户名" style="width: 150px" />
+      </el-form-item>
+      <el-form-item label="授信额度">
+        <el-input-number v-model="form.creditLimit" :min="0" :step="1000" style="width: 150px" />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="create">+ 创建二级代理</el-button>
+      </el-form-item>
+    </el-form>
+  </el-card>
+
+  <el-card class="data-card" shadow="never">
+    <div class="table-wrap">
+    <el-table :data="agents" stripe>
+      <el-table-column label="用户名" min-width="140">
+        <template #default="{ row }">
+          {{ (row as { user?: { username: string } }).user?.username }}
+        </template>
+      </el-table-column>
+      <el-table-column label="授信额度" min-width="100" align="right">
+        <template #default="{ row }">
+          <el-tooltip :content="formatAmountFull((row as { creditLimit: string }).creditLimit)" placement="top">
+            <span>{{ formatAmount((row as { creditLimit: string }).creditLimit) }}</span>
+          </el-tooltip>
+        </template>
+      </el-table-column>
+      <el-table-column label="已用额度" min-width="100" align="right">
+        <template #default="{ row }">
+          <el-tooltip :content="formatAmountFull((row as { usedCredit: string }).usedCredit)" placement="top">
+            <span>{{ formatAmount((row as { usedCredit: string }).usedCredit) }}</span>
+          </el-tooltip>
+        </template>
+      </el-table-column>
+    </el-table>
+    </div>
+  </el-card>
+  </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; }
+</style>