style(frontend): 全项目表格统一百分比布局并居中

apps/frontend/src/pages/admin/fund/FundManagementView.tsx

@@ -24,11 +24,11 @@ import {
   Select,
   Space,
   Statistic,
-  Table,
   Tabs,
   Tag,
   Typography,
 } from 'antd'
+import PercentTable from '@/components/common/PercentTable'
 import type { TableColumnsType } from 'antd'
 import dayjs from 'dayjs'
 import type { Dayjs } from 'dayjs'
@@ -1048,7 +1048,7 @@ export default function FundManagementView({ role }: { role: ManagementRole }) {
                   ) : null
                 }
               >
-                <Table<AdminFundAccount>
+                <PercentTable<AdminFundAccount>
                   rowKey="id"
                   size="small"
                   columns={buildAccountColumns('agent')}
@@ -1074,7 +1074,7 @@ export default function FundManagementView({ role }: { role: ManagementRole }) {
                   ) : null
                 }
               >
-                <Table<AdminFundAccount>
+                <PercentTable<AdminFundAccount>
                   rowKey="id"
                   size="small"
                   columns={buildAccountColumns('supervisor')}
@@ -1139,7 +1139,7 @@ export default function FundManagementView({ role }: { role: ManagementRole }) {
                     }}
                   />
                 </Space>
-                <Table<AdminFundExpense>
+                <PercentTable<AdminFundExpense>
                   rowKey="id"
                   size="small"
                   columns={expenseColumns}
@@ -1188,7 +1188,7 @@ export default function FundManagementView({ role }: { role: ManagementRole }) {
                     )}
                   />
                 </Space>
-                <Table<AdminFundReconciliation>
+                <PercentTable<AdminFundReconciliation>
                   rowKey="id"
                   size="small"
                   columns={reconciliationColumns}
@@ -1227,7 +1227,7 @@ export default function FundManagementView({ role }: { role: ManagementRole }) {
                           </Space>
                         }
                       >
-                        <Table<AdminFundAccount>
+                        <PercentTable<AdminFundAccount>
                           rowKey="id"
                           size="small"
                           columns={buildAccountColumns('supervisor')}
@@ -1262,7 +1262,7 @@ export default function FundManagementView({ role }: { role: ManagementRole }) {
                           </Space>
                         }
                       >
-                        <Table<AdminFundAccount>
+                        <PercentTable<AdminFundAccount>
                           rowKey="id"
                           size="small"
                           columns={buildAccountColumns('agent')}
@@ -1793,7 +1793,7 @@ export default function FundManagementView({ role }: { role: ManagementRole }) {
               </Descriptions.Item>
             </Descriptions>
             <Card title="资金流水" style={{ marginTop: 16 }}>
-              <Table<AdminFundEntry>
+              <PercentTable<AdminFundEntry>
                 rowKey="id"
                 size="small"
                 columns={detailEntryColumns}

apps/frontend/src/pages/admin/fund/FundSupportView.tsx

@@ -18,11 +18,11 @@ import {
   Select,
   Space,
   Statistic,
-  Table,
   Tabs,
   Tag,
   Typography,
 } from 'antd'
+import PercentTable from '@/components/common/PercentTable'
 import type { TableColumnsType } from 'antd'
 import dayjs from 'dayjs'
 import { useState } from 'react'
@@ -497,7 +497,7 @@ export default function FundSupportView() {
               key: 'credit-entries',
               label: '积分流水',
               children: (
-                <Table<PlatformCreditEntry>
+                <PercentTable<PlatformCreditEntry>
                   rowKey="id"
                   size="small"
                   columns={creditEntryColumns}
@@ -514,7 +514,7 @@ export default function FundSupportView() {
               key: 'entries',
               label: '备用金流水',
               children: (
-                <Table<AdminFundEntry>
+                <PercentTable<AdminFundEntry>
                   rowKey="id"
                   size="small"
                   columns={entryColumns}
@@ -529,7 +529,7 @@ export default function FundSupportView() {
               key: 'expenses',
               label: '我的支出',
               children: (
-                <Table<AdminFundExpense>
+                <PercentTable<AdminFundExpense>
                   rowKey="id"
                   size="small"
                   columns={expenseColumns}

apps/frontend/src/pages/admin/fund/PlatformCreditPanel.tsx

@@ -24,10 +24,10 @@ import {
   Select,
   Space,
   Statistic,
-  Table,
   Tag,
   Typography,
 } from 'antd'
+import PercentTable from '@/components/common/PercentTable'
 import type { TableColumnsType } from 'antd'
 import { useState } from 'react'
 
@@ -399,7 +399,7 @@ export function PlatformCreditPanel() {
       <Typography.Title level={5} style={{ margin: '8px 0 12px' }}>
         客服积分余额
       </Typography.Title>
-      <Table<PlatformCreditAccount>
+      <PercentTable<PlatformCreditAccount>
         rowKey="id"
         size="small"
         columns={accountColumns}
@@ -413,7 +413,7 @@ export function PlatformCreditPanel() {
       <Typography.Title level={5} style={{ margin: '24px 0 12px' }}>
         积分流水
       </Typography.Title>
-      <Table
+      <PercentTable
         rowKey="id"
         size="small"
         columns={entryColumns}