src/pages/events/orders/components/OrderDetailModal.module.less

@@ -79,6 +79,17 @@
     margin-bottom: 12px;
   }
 
+  .tableWrap {
+    max-height: 200px;
+    overflow-y: auto;
+  }
+
+  .paginationRow {
+    display: flex;
+    justify-content: flex-end;
+    margin-top: 8px;
+  }
+
   .refundSummary {
     display: flex;
     gap: 32px;
@@ -181,8 +192,8 @@
   }
 }
 
-.orderModalWrap {
-  :global(.ant-modal-body) {
-    padding-top: 16px;
-  }
-}
+// .orderModalWrap {
+//   :global(.ant-modal-body) {
+//     padding-top: 16px;
+//   }
+// }

src/pages/events/orders/components/OrderDetailModal.tsx

@@ -255,16 +255,18 @@ export default defineComponent({
 
               <div class={styles.section}>
                 <div class={styles.sectionTitle}>选手信息</div>
-                <Table
-                  columns={PLAYER_COLUMNS}
-                  dataSource={players.value}
-                  loading={playersLoading.value}
-                  size="small"
-                  bordered
-                  pagination={false}
-                  scroll={{ x: 'max-content', y: 200 }}
-                />
-                <div style={{ textAlign: 'right', marginTop: 18 }}>
+                <div class={styles.tableWrap}>
+                  <Table
+                    columns={PLAYER_COLUMNS}
+                    dataSource={players.value}
+                    loading={playersLoading.value}
+                    size="small"
+                    bordered
+                    pagination={false}
+                    scroll={{ x: 'max-content' }}
+                  />
+                </div>
+                <div class={styles.paginationRow}>
                   <Pagination
                     current={playerPage.value}
                     pageSize={playerPageSize}