feat(admin,api,player): 优胜赛配置、赛事管理重构与玩家端投注体验优化

管理端拆分赛事/优胜赛 Tab，新增联赛优胜赔率面板（批量、排序、外侧删除）；统一 list-chrome 工具栏对齐与列表页布局；Dashboard 失败重试、Users 操作下拉、小屏侧栏等体验修复。

API 扩展优胜赛与赛事目录接口，完善投注与钱包查询；玩家端重构赛事卡片、串关面板、注单/钱包页，新增注单详情、下注成功动画与下拉刷新。

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

apps/player/src/components/outright/OutrightPanel.vue

@@ -8,19 +8,15 @@ import OutrightEventSection, {
 } from './OutrightEventSection.vue';
 import OutrightBetModal, { type OutrightPick } from './OutrightBetModal.vue';
 import emptyMatchesImg from '../../assets/images/empty-matches.svg';
+import GoldSpinner from '../../components/GoldSpinner.vue';
 import { useOnLocaleChange } from '../../composables/useOnLocaleChange';
 
 const { t } = useI18n();
 
-const INITIAL_BATCH = 20;
-const LOAD_MORE_STEP = 28;
-
 const loading = ref(true);
 const loadError = ref('');
-const loadingMoreId = ref<string | null>(null);
 const events = ref<OutrightEvent[]>([]);
 const expanded = ref<Set<string>>(new Set());
-const visibleLimits = ref<Record<string, number>>({});
 const modalOpen = ref(false);
 const activePick = ref<OutrightPick | null>(null);
 
@@ -29,60 +25,37 @@ const totalSelections = computed(() =>
   events.value.reduce((sum, e) => sum + e.selections.length, 0),
 );
 
-function resetVisibleLimits() {
-  const next: Record<string, number> = {};
-  for (const e of events.value) {
-    next[e.id] =
-      e.selections.length <= INITIAL_BATCH
-        ? e.selections.length
-        : INITIAL_BATCH;
-  }
-  visibleLimits.value = next;
-}
-
 function syncExpandedAfterLoad() {
   const ids = events.value.map((e) => e.id);
-  const kept = new Set([...expanded.value].filter((id) => ids.includes(id)));
-  if (kept.size > 0) {
-    expanded.value = kept;
+  // 只保留仍然存在的 id，且最多保留 1 个
+  const kept = [...expanded.value].filter((id) => ids.includes(id));
+  if (kept.length > 0) {
+    expanded.value = new Set([kept[0]]);
     return;
   }
-  if (ids.length === 1) {
-    expanded.value = new Set(ids);
-  } else if (ids.length <= 3) {
-    expanded.value = new Set(ids);
-  } else {
+  if (ids.length > 0) {
     expanded.value = new Set([ids[0]]);
+  } else {
+    expanded.value = new Set();
   }
 }
 
-function hasMoreSelections(event: OutrightEvent) {
-  const limit = visibleLimits.value[event.id] ?? INITIAL_BATCH;
-  return event.selections.length > limit;
-}
-
-function loadMore(event: OutrightEvent) {
-  if (loadingMoreId.value || !hasMoreSelections(event)) return;
-  loadingMoreId.value = event.id;
-  const current = visibleLimits.value[event.id] ?? INITIAL_BATCH;
-  visibleLimits.value = {
-    ...visibleLimits.value,
-    [event.id]: Math.min(current + LOAD_MORE_STEP, event.selections.length),
-  };
-  loadingMoreId.value = null;
-}
-
 async function load() {
-  loading.value = true;
+  const hadData = events.value.length > 0;
+  if (!hadData) loading.value = true;
   loadError.value = '';
   try {
     const { data } = await api.get('/player/outrights');
     const list = (data?.data ?? []) as OutrightEvent[];
-    events.value = list.filter((e) => e.selections?.length > 0);
-    resetVisibleLimits();
-    syncExpandedAfterLoad();
+    const fresh = list.filter((e) => e.selections?.length > 0);
+    if (!hadData) {
+      events.value = fresh;
+      syncExpandedAfterLoad();
+    } else {
+      mergeOddsOnly(fresh);
+    }
   } catch (e: unknown) {
-    events.value = [];
+    if (!hadData) events.value = [];
     const err = e as { response?: { status?: number; data?: { error?: string } } };
     if (err.response?.status === 403) {
       loadError.value = t('bet.outright_player_only');
@@ -90,7 +63,26 @@ async function load() {
       loadError.value = err.response?.data?.error ?? t('bet.outright_load_failed');
     }
   } finally {
-    loading.value = false;
+    if (!hadData) loading.value = false;
+  }
+}
+
+function mergeOddsOnly(fresh: OutrightEvent[]) {
+  const freshMap = new Map<string, OutrightEvent>();
+  for (const e of fresh) freshMap.set(e.id, e);
+
+  for (const event of events.value) {
+    const freshEvent = freshMap.get(event.id);
+    if (!freshEvent) continue;
+    const selMap = new Map<string, OutrightSelection>();
+    for (const s of freshEvent.selections) selMap.set(s.id, s);
+    for (const sel of event.selections) {
+      const fs = selMap.get(sel.id);
+      if (fs) {
+        sel.odds = fs.odds;
+        sel.oddsVersion = fs.oddsVersion;
+      }
+    }
   }
 }
 
@@ -101,18 +93,6 @@ function toggle(id: string) {
   if (next.has(id)) next.delete(id);
   else next.add(id);
   expanded.value = next;
-  if (next.has(id) && visibleLimits.value[id] == null) {
-    const event = events.value.find((e) => e.id === id);
-    if (event) {
-      visibleLimits.value = {
-        ...visibleLimits.value,
-        [id]:
-          event.selections.length <= INITIAL_BATCH
-            ? event.selections.length
-            : INITIAL_BATCH,
-      };
-    }
-  }
 }
 
 function openBet(event: OutrightEvent, sel: OutrightSelection) {
@@ -135,8 +115,9 @@ function closeModal() {
 
 <template>
   <div class="outright-panel">
-    <div v-if="loading" class="state">{{ t('bet.loading') }}</div>
-
+    <div v-if="loading" class="state">
+      <GoldSpinner :size="36" />
+    </div>
     <template v-else-if="events.length">
       <p v-if="eventCount > 1" class="panel-summary">
         {{ t('bet.outright_events_summary', { events: eventCount, teams: totalSelections }) }}
@@ -148,10 +129,7 @@ function closeModal() {
           :key="event.id"
           :event="event"
           :expanded="expanded.has(event.id)"
-          :visible-limit="visibleLimits[event.id] ?? INITIAL_BATCH"
-          :loading-more="loadingMoreId === event.id"
           @toggle="toggle(event.id)"
-          @load-more="loadMore(event)"
           @pick="openBet(event, $event)"
         />
       </div>