feat(admin,api,player): 代理层级管理、额度上下分与玩家钱包详情

新增代理管理器与二级代理体系，完善信用额度/上下分上下文与冻结策略；代理端玩家与子代理管理增强；玩家端新增钱包详情页与交易筛选优化。

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

apps/player/src/views/WalletView.vue

@@ -1,12 +1,11 @@
 <script setup lang="ts">
-import { ref, onMounted, onUnmounted } from 'vue';
+import { ref, onMounted } from 'vue';
 import { useRouter } from 'vue-router';
 import { useI18n } from 'vue-i18n';
 import api from '../api';
 import { formatMoney } from '../utils/localeDisplay';
-import { isBetType, isDepositType, isWithdrawType, txTypeKey } from '../utils/walletTx';
+import { txTypeKey } from '../utils/walletTx';
 import GoldSpinner from '../components/GoldSpinner.vue';
-import WalletStatsPanel from '../components/WalletStatsPanel.vue';
 import { usePullToRefresh } from '../composables/usePullToRefresh';
 
 const router = useRouter();
@@ -20,22 +19,8 @@ type Transaction = {
 };
 
 const items = ref<Transaction[]>([]);
-const total = ref(0);
-const page = ref(1);
-const loading = ref(false);
-const initialLoading = ref(true);
-const hasMore = ref(true);
-const typeFilter = ref('');
-
-const sentinel = ref<HTMLElement | null>(null);
-let observer: IntersectionObserver | null = null;
-
-const FILTERS = [
-  { key: '', label: 'wallet.filter_all' },
-  { key: 'deposit', label: 'wallet.filter_deposit' },
-  { key: 'withdraw', label: 'wallet.filter_withdraw' },
-  { key: 'bet', label: 'wallet.filter_bet' },
-];
+const loading = ref(true);
+const PREVIEW_COUNT = 15;
 
 function txLabel(type: string): string {
   const key = txTypeKey(type);
@@ -46,76 +31,33 @@ function txLabel(type: string): string {
   return type;
 }
 
-function matchesFilter(tx: Transaction): boolean {
-  if (!typeFilter.value) return true;
-  if (typeFilter.value === 'deposit') return isDepositType(tx.transactionType) || tx.transactionType === 'MANUAL_ADJUST';
-  if (typeFilter.value === 'withdraw') return isWithdrawType(tx.transactionType);
-  if (typeFilter.value === 'bet') return isBetType(tx.transactionType);
-  return true;
-}
-
 function goDetail(tx: Transaction) {
   if (!tx.transactionId) return;
   router.push(`/wallet/transactions/${tx.transactionId}`);
 }
 
-async function loadPage(p: number) {
-  if (loading.value) return;
+function goWalletDetail() {
+  router.push('/wallet/detail');
+}
+
+async function fetchTransactions() {
   loading.value = true;
   try {
-    const { data } = await api.get('/player/wallet/transactions', { params: { page: p } });
-    const result = data.data ?? { items: [], total: 0, pageSize: 20 };
-    total.value = result.total ?? 0;
-    const pageSize = result.pageSize ?? 20;
-    const newItems = (result.items ?? []).filter(matchesFilter);
-    if (p === 1) {
-      items.value = newItems;
-    } else {
-      items.value = [...items.value, ...newItems];
-    }
-    hasMore.value = (result.items?.length ?? 0) >= pageSize;
-    page.value = p;
+    const { data } = await api.get('/player/wallet/transactions', { params: { page: 1 } });
+    const result = data.data ?? { items: [] };
+    items.value = (result.items ?? []).slice(0, PREVIEW_COUNT);
+  } catch {
+    /* ignore */
   } finally {
     loading.value = false;
-    initialLoading.value = false;
   }
 }
 
-async function reset() {
-  items.value = [];
-  total.value = 0;
-  page.value = 1;
-  hasMore.value = true;
-  initialLoading.value = true;
-  loadPage(1);
-}
-
-function changeFilter(key: string) {
-  if (typeFilter.value === key) return;
-  typeFilter.value = key;
-  reset();
-}
-
-const { pullDistance, refreshing, spinning, progress } = usePullToRefresh({
-  onRefresh: async () => { await loadPage(1); },
+const { pullDistance, spinning, progress } = usePullToRefresh({
+  onRefresh: fetchTransactions,
 });
 
-onMounted(() => {
-  loadPage(1);
-  observer = new IntersectionObserver(
-    (entries) => {
-      if (entries[0].isIntersecting && hasMore.value && !loading.value) {
-        loadPage(page.value + 1);
-      }
-    },
-    { rootMargin: '200px' },
-  );
-  if (sentinel.value) observer.observe(sentinel.value);
-});
-
-onUnmounted(() => {
-  observer?.disconnect();
-});
+onMounted(fetchTransactions);
 
 const pullIndicatorStyle = () => ({
   height: `${pullDistance.value}px`,
@@ -132,25 +74,18 @@ const pullIndicatorStyle = () => ({
       <GoldSpinner v-if="spinning" :size="28" :progress="progress" :active="spinning" />
     </div>
 
-    <div v-if="initialLoading" class="state">
+    <div v-if="loading" class="state">
       <GoldSpinner :size="36" />
       <span class="loading-text">{{ t('bet.loading') }}</span>
     </div>
 
     <template v-else>
-      <WalletStatsPanel :items="items" />
-
-      <div class="filter-tabs">
+      <div v-if="items.length" class="top-bar">
         <button
-          v-for="f in FILTERS"
-          :key="f.key"
           type="button"
-          class="filter-tab"
-          :class="{ active: typeFilter === f.key }"
-          @click="changeFilter(f.key)"
-        >
-          {{ t(f.label) }}
-        </button>
+          class="more-link"
+          @click="goWalletDetail"
+        >{{ t('wallet.view_all') }} &#x203A;</button>
       </div>
 
       <div v-if="items.length" class="tx-list">
@@ -169,22 +104,12 @@ const pullIndicatorStyle = () => ({
           </div>
           <div class="tx-meta">
             <span class="tx-time">{{ new Date(tx.createdAt).toLocaleString() }}</span>
-            <span class="tx-arrow">›</span>
+            <span class="tx-arrow">&#x203A;</span>
           </div>
         </button>
       </div>
 
-      <div ref="sentinel" class="sentinel" />
-
-      <div v-if="loading" class="load-more-spinner">
-        <GoldSpinner :size="24" />
-      </div>
-
-      <div v-else-if="!hasMore && items.length > 0" class="end-hint">
-        {{ t('common.no_more') }}
-      </div>
-
-      <div v-if="!items.length && !initialLoading" class="empty">
+      <div v-if="!items.length" class="empty">
         {{ t('wallet.no_records') }}
       </div>
     </template>
@@ -204,35 +129,6 @@ const pullIndicatorStyle = () => ({
   transition: height 0.15s ease;
 }
 
-.filter-tabs {
-  display: flex;
-  gap: 6px;
-  margin-bottom: 12px;
-  overflow-x: auto;
-  -webkit-overflow-scrolling: touch;
-  scrollbar-width: none;
-}
-
-.filter-tabs::-webkit-scrollbar { display: none; }
-
-.filter-tab {
-  flex-shrink: 0;
-  padding: 7px 14px;
-  border-radius: 999px;
-  font-size: 12px;
-  font-weight: 700;
-  color: var(--text-muted);
-  background: #141414;
-  border: 1px solid #2a2a2a;
-  transition: all 0.2s;
-}
-
-.filter-tab.active {
-  color: var(--primary-light);
-  background: rgba(212, 175, 55, 0.1);
-  border-color: var(--border-gold-soft);
-}
-
 .state {
   display: flex;
   flex-direction: column;
@@ -258,7 +154,7 @@ const pullIndicatorStyle = () => ({
   width: 100%;
   text-align: left;
   font-size: 14px;
-  padding: 12px 16px;
+  padding: 8px 12px;
   border: none;
   border-bottom: 1px solid var(--border);
   background: transparent;
@@ -293,23 +189,28 @@ const pullIndicatorStyle = () => ({
 .tx-time { font-size: 11px; color: var(--text-muted); }
 .tx-arrow { font-size: 16px; color: #555; font-weight: 700; line-height: 1; }
 
-.sentinel {
-  height: 1px;
-}
-
-.load-more-spinner {
+.top-bar {
   display: flex;
-  justify-content: center;
-  padding: 20px 0 8px;
+  justify-content: flex-end;
+  align-items: center;
+  padding: 0 4px 2px;
+  margin-top: -8px;
 }
 
-.end-hint {
-  text-align: center;
+.more-link {
+  background: none;
+  border: none;
+  color: var(--primary-light);
   font-size: 12px;
-  color: #555;
   font-weight: 600;
-  padding: 16px 0 4px;
-  letter-spacing: 0.03em;
+  padding: 2px 6px;
+  cursor: pointer;
+  opacity: 0.8;
+  transition: opacity 0.2s;
+}
+
+.more-link:active {
+  opacity: 1;
 }
 
 .empty { text-align: center; color: var(--text-muted); padding: 40px 16px; font-weight: 600; }