sync(admin): 从 main 同步列表布局、滚动固定与侧栏选中

checkout main: App.vue, ManageLayout, AgentManager, Matches, LeagueMatches*, AgentDirectPlayersView

apps/admin/src/views/matches/LeagueMatchesPanel.vue

@@ -466,7 +466,8 @@ defineExpose({ reload: load });
       </div>
     </div>
 
-    <el-table v-loading="loading" :data="matches" stripe row-key="id" class="nested-match-table">
+    <div class="nested-table-wrap">
+      <el-table v-loading="loading" :data="matches" stripe row-key="id" class="nested-match-table">
       <el-table-column type="index" :index="(i: number) => (matchPage - 1) * matchPageSize + i + 1" :label="t('common.seq')" width="70" align="center" />
       <el-table-column :label="t('match.col.matchup')" min-width="180">
         <template #default="{ row }">
@@ -579,8 +580,10 @@ defineExpose({ reload: load });
           </div>
         </template>
       </el-table-column>
-    </el-table>
-    <p v-if="!loading && !matches.length" class="empty-hint">{{ t('match.no_fixtures') }}</p>
+      </el-table>
+      <p v-if="!loading && !matches.length" class="empty-hint">{{ t('match.no_fixtures') }}</p>
+    </div>
+
     <div v-if="matchTotal > matchPageSize" class="nested-pager">
       <el-pagination
         v-model:current-page="matchPage"
@@ -633,21 +636,26 @@ defineExpose({ reload: load });
 
 <style scoped>
 .league-matches-panel {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  min-height: 0;
+  height: 100%;
   width: min(100%, calc(100vw - 272px));
   max-width: calc(100vw - 272px);
-  padding: 10px 12px 12px;
-  overflow-x: auto;
-  overflow-y: visible;
+  padding: 14px 14px 14px;
+  overflow: hidden;
   background: #fbfaf7;
 }
 .nested-panel-toolbar {
+  flex-shrink: 0;
   display: flex;
   flex-wrap: wrap;
   align-items: flex-start;
   justify-content: space-between;
   gap: 10px 16px;
-  margin-bottom: 10px;
-  padding: 8px 12px;
+  margin: 2px 0 12px;
+  padding: 10px 14px;
   background: #ffffff;
   border: 1px solid var(--border-soft, #eaeaea);
   border-radius: 6px;
@@ -677,10 +685,26 @@ defineExpose({ reload: load });
   color: var(--text-muted);
   white-space: nowrap;
 }
+.nested-table-wrap {
+  flex: 1;
+  min-height: 0;
+  overflow: auto;
+  border: 1px solid var(--border-soft, #eaeaea);
+  border-radius: 6px;
+  background: #ffffff;
+}
+.nested-table-wrap :deep(.el-table__header-wrapper) {
+  position: sticky;
+  top: 0;
+  z-index: 2;
+  background: var(--el-table-header-bg-color, #fafafa);
+}
 .nested-pager {
+  flex-shrink: 0;
   display: flex;
   justify-content: flex-end;
   padding-top: 8px;
+  background: #fbfaf7;
 }
 .actions-col-header {
   display: inline-flex;