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

apps/frontend/src/pages/admin/panels/AfterSalesPanel.tsx

@@ -11,10 +11,10 @@ import {
   Modal,
   Select,
   Space,
-  Table,
   Tag,
   Typography,
 } from 'antd'
+import PercentTable from '@/components/common/PercentTable'
 import { forwardRef, useImperativeHandle, useState } from 'react'
 
 import ImageUpload from '@/components/files/ImageUpload'
@@ -195,7 +195,7 @@ const AfterSalesPanel = forwardRef<AfterSalesPanelHandle>(function AfterSalesPan
         }
         bordered={false}
       >
-        <Table<WorkerAfterSalesCase>
+        <PercentTable<WorkerAfterSalesCase>
           rowKey="caseId"
           loading={afterSalesCasesQuery.isLoading}
           dataSource={afterSalesCasesQuery.data?.data.items || []}

apps/frontend/src/pages/admin/panels/CancelRequestsPanel.tsx

@@ -1,6 +1,7 @@
 import { ReloadOutlined } from '@ant-design/icons'
 import { useQuery, useQueryClient } from '@tanstack/react-query'
-import { App, Button, Card, Form, Input, Modal, Space, Table, Tag, Typography } from 'antd'
+import { App, Button, Card, Form, Input, Modal, Space, Tag, Typography } from 'antd'
+import PercentTable from '@/components/common/PercentTable'
 import type { TableColumnsType } from 'antd'
 import { useEffect, useState } from 'react'
 import { useSearchParams } from 'react-router'
@@ -147,7 +148,7 @@ export default function CancelRequestsPanel() {
         }
         bordered={false}
       >
-        <Table<WorkerCancelRequest>
+        <PercentTable<WorkerCancelRequest>
           rowKey="requestId"
           size="small"
           loading={requestsQuery.isLoading}

apps/frontend/src/pages/admin/panels/CategoriesPanel.tsx

@@ -11,11 +11,11 @@ import {
   Modal,
   Select,
   Space,
-  Table,
   Tag,
   Typography,
   Upload,
 } from 'antd'
+import PercentTable from '@/components/common/PercentTable'
 import type { TableColumnsType } from 'antd'
 import { useMemo, useState } from 'react'
 
@@ -312,7 +312,7 @@ export default function CategoriesPanel() {
         </Form>
       </Card>
       <Card title="分类列表（树形层级）" bordered={false}>
-        <Table<WorkCategory>
+        <PercentTable<WorkCategory>
           rowKey="categoryId"
           loading={categoriesQuery.isLoading}
           dataSource={treeData}

apps/frontend/src/pages/admin/panels/ConsignmentInventoryPanel.tsx

@@ -18,11 +18,11 @@ import {
   Space,
   Statistic,
   Switch,
-  Table,
   Tag,
   Tooltip,
   Typography,
 } from 'antd'
+import PercentTable from '@/components/common/PercentTable'
 import type { TableColumnsType } from 'antd'
 import { useState } from 'react'
 
@@ -839,7 +839,7 @@ export default function ConsignmentInventoryPanel() {
             }
           />
         ) : null}
-        <Table
+        <PercentTable
           rowKey="id"
           columns={columns}
           dataSource={items}

apps/frontend/src/pages/admin/panels/ConsignmentSubmissionsPanel.tsx

@@ -20,12 +20,12 @@ import {
   Row,
   Select,
   Space,
-  Table,
   Tag,
   Tooltip,
   Typography,
   App,
 } from 'antd'
+import PercentTable from '@/components/common/PercentTable'
 import type { TableColumnsType } from 'antd'
 import { useState } from 'react'
 
@@ -457,7 +457,7 @@ export default function ConsignmentSubmissionsPanel() {
             }
           />
         ) : null}
-        <Table
+        <PercentTable
           rowKey="id"
           columns={submissionColumns}
           dataSource={submissions}

apps/frontend/src/pages/admin/panels/FeedbacksPanel.tsx

@@ -1,6 +1,7 @@
 import { ReloadOutlined } from '@ant-design/icons'
 import { useQuery, useQueryClient } from '@tanstack/react-query'
-import { App, Button, Card, Form, Input, Modal, Space, Table, Tag, Typography } from 'antd'
+import { App, Button, Card, Form, Input, Modal, Space, Tag, Typography } from 'antd'
+import PercentTable from '@/components/common/PercentTable'
 import type { TableColumnsType } from 'antd'
 import { useEffect, useState } from 'react'
 import { useSearchParams } from 'react-router'
@@ -123,7 +124,7 @@ export default function FeedbacksPanel() {
         }
         bordered={false}
       >
-        <Table<WorkerOrderFeedback>
+        <PercentTable<WorkerOrderFeedback>
           rowKey="feedbackId"
           size="small"
           loading={feedbacksQuery.isLoading}

apps/frontend/src/pages/admin/panels/FinancePanel.tsx

@@ -13,10 +13,10 @@ import {
   Select,
   Space,
   Switch,
-  Table,
   Tag,
   Typography,
 } from 'antd'
+import PercentTable from '@/components/common/PercentTable'
 import type { TableColumnsType } from 'antd'
 import { useEffect, useState } from 'react'
 import { useSearchParams } from 'react-router'
@@ -585,7 +585,7 @@ export default function FinancePanel() {
           totalCount={financeRequestsQuery.data?.data.summary?.totalCount}
           totalAmount={financeRequestsQuery.data?.data.summary?.totalAmount}
         />
-        <Table<WorkerFinanceRequest>
+        <PercentTable<WorkerFinanceRequest>
           rowKey="requestId"
           loading={financeRequestsQuery.isLoading}
           dataSource={financeRequestsQuery.data?.data.items || []}

apps/frontend/src/pages/admin/panels/HallConfigPanel.tsx

@@ -11,10 +11,10 @@ import {
   InputNumber,
   Space,
   Switch,
-  Table,
   Tag,
   Upload,
 } from 'antd'
+import PercentTable from '@/components/common/PercentTable'
 import { useEffect, useMemo, useState } from 'react'
 
 import {
@@ -182,7 +182,7 @@ export default function HallConfigPanel() {
               一级分类限额将限制该游戏及旗下所有子分类的总单量；二级分类可单独设置细化限额。
             </span>
           </div>
-          <Table<WorkCategory>
+          <PercentTable<WorkCategory>
             rowKey="categoryId"
             size="small"
             pagination={false}

apps/frontend/src/pages/admin/panels/LeaderboardPanel.tsx

@@ -1,5 +1,6 @@
 import { useQuery } from '@tanstack/react-query'
-import { Card, Segmented, Space, Table, Tag, Typography } from 'antd'
+import { Card, Segmented, Space, Tag, Typography } from 'antd'
+import PercentTable from '@/components/common/PercentTable'
 import type { TableColumnsType } from 'antd'
 import { useState } from 'react'
 
@@ -134,7 +135,7 @@ export default function LeaderboardPanel() {
             : ''}
         </Typography.Text>
       </Space>
-      <Table<AdminWorkerLeaderboardEntry>
+      <PercentTable<AdminWorkerLeaderboardEntry>
         rowKey="workerId"
         columns={columns}
         dataSource={items}

apps/frontend/src/pages/admin/panels/LevelsPanel.tsx

@@ -9,10 +9,10 @@ import {
   Modal,
   Space,
   Switch,
-  Table,
   Tag,
   Typography,
 } from 'antd'
+import PercentTable from '@/components/common/PercentTable'
 import type { TableColumnsType } from 'antd'
 import { useState } from 'react'
 
@@ -225,7 +225,7 @@ export default function LevelsPanel() {
         </Form>
       </Card>
       <Card title="等级列表" bordered={false}>
-        <Table<WorkerLevel>
+        <PercentTable<WorkerLevel>
           rowKey="levelId"
           loading={levelsQuery.isLoading}
           dataSource={levelsQuery.data?.data.items || []}

apps/frontend/src/pages/admin/panels/NotificationsPanel.tsx

@@ -1,5 +1,6 @@
 import { useQuery, useQueryClient } from '@tanstack/react-query'
-import { App, Alert, Button, Card, Space, Switch, Table, Typography } from 'antd'
+import { App, Alert, Button, Card, Space, Switch, Typography } from 'antd'
+import PercentTable from '@/components/common/PercentTable'
 import type { TableColumnsType } from 'antd'
 import { useEffect, useState } from 'react'
 
@@ -143,7 +144,7 @@ export default function NotificationsPanel() {
           message="配置仅影响保存后产生的通知"
           description="关闭后台待办后，声音播报会同步关闭；已创建的待办不会被隐藏或删除。"
         />
-        <Table
+        <PercentTable
           rowKey="key"
           columns={columns}
           dataSource={notificationEventRows}

apps/frontend/src/pages/admin/panels/ProductMatchPanel.tsx

@@ -18,11 +18,11 @@ import {
   Select,
   Space,
   Switch,
-  Table,
   Tabs,
   Tag,
   Typography,
 } from 'antd'
+import PercentTable from '@/components/common/PercentTable'
 import type { TableColumnsType } from 'antd'
 import { useEffect, useState } from 'react'
 import { useNavigate } from 'react-router'
@@ -359,7 +359,7 @@ export default function ProductMatchPanel() {
                     发现新商品后，点击「绑定到模板」在接单模板页配置匹配
                   </Typography.Text>
                 </Space>
-                <Table<KuaishouMatchSource>
+                <PercentTable<KuaishouMatchSource>
                   rowKey={(row) =>
                     `${row.sellerId}-${row.relItemId}-${row.itemTitle}-${row.relSkuId}-${row.skuNick}`
                   }
@@ -660,7 +660,7 @@ export default function ProductMatchPanel() {
                     </Button>
                   </Popconfirm>
                 </div>
-                <Table<WorkProductMatchLog>
+                <PercentTable<WorkProductMatchLog>
                   rowKey="logId"
                   loading={logsQuery.isLoading}
                   columns={logColumns}

apps/frontend/src/pages/admin/panels/ProductRulesPanel.tsx

@@ -23,11 +23,11 @@ import {
   Select,
   Space,
   Switch,
-  Table,
   Tabs,
   Tag,
   Typography,
 } from 'antd'
+import PercentTable from '@/components/common/PercentTable'
 import type { TableColumnsType } from 'antd'
 import { useEffect, useMemo, useRef, useState } from 'react'
 import { useNavigate, useSearchParams } from 'react-router'
@@ -1350,7 +1350,7 @@ export default function ProductRulesPanel() {
             </div>
           ) : null}
 
-          <Table<WorkProductRule>
+          <PercentTable<WorkProductRule>
             rowKey="ruleId"
             size="small"
             loading={rulesQuery.isLoading || mappingsQuery.isLoading}

apps/frontend/src/pages/admin/panels/RiskControlPanel.tsx

@@ -11,9 +11,9 @@ import {
   Select,
   Space,
   Switch,
-  Table,
   Tag,
 } from 'antd'
+import PercentTable from '@/components/common/PercentTable'
 import type { ColumnsType } from 'antd/es/table'
 import { useEffect, useState } from 'react'
 
@@ -381,7 +381,7 @@ export default function RiskControlPanel() {
           </Button>
         }
       >
-        <Table
+        <PercentTable
           rowKey="key"
           size="small"
           columns={trackerColumns}
@@ -427,7 +427,7 @@ export default function RiskControlPanel() {
           </Button>
         </Space>
 
-        <Table
+        <PercentTable
           rowKey="id"
           size="small"
           columns={eventColumns}

apps/frontend/src/pages/admin/panels/WorkOrdersPanel.tsx

@@ -32,11 +32,11 @@ import {
   Select,
   Space,
   Switch,
-  Table,
   Tabs,
   Tag,
   Typography,
 } from 'antd'
+import PercentTable from '@/components/common/PercentTable'
 import type { TableColumnsType } from 'antd'
 import { useEffect, useMemo, useRef, useState } from 'react'
 import { useNavigate, useSearchParams } from 'react-router'
@@ -2076,7 +2076,7 @@ export default function WorkOrdersPanel() {
         }
         bordered={false}
       >
-        <Table<WorkOrder>
+        <PercentTable<WorkOrder>
           rowKey="workOrderId"
           loading={ordersQuery.isLoading}
           dataSource={ordersQuery.data?.data.items || []}
@@ -3139,7 +3139,7 @@ export default function WorkOrdersPanel() {
                       </div>
                     </Space>
                   ) : null}
-                  <Table<WorkOrderShare>
+                  <PercentTable<WorkOrderShare>
                     rowKey="shareId"
                     size="small"
                     dataSource={sharingShares}

apps/frontend/src/pages/admin/panels/WorkerDetailDrawer.tsx

@@ -1,5 +1,6 @@
 import { useState } from 'react'
-import { Card, Descriptions, Drawer, Select, Space, Table, Tabs, Tag, Typography } from 'antd'
+import { Card, Descriptions, Drawer, Select, Space, Tabs, Tag, Typography } from 'antd'
+import PercentTable from '@/components/common/PercentTable'
 import type { TableColumnsType } from 'antd'
 import { useQuery } from '@tanstack/react-query'
 
@@ -303,7 +304,7 @@ function UnfreezesSection({ workerId }: { workerId: number }) {
     },
   ]
   return (
-    <Table<WorkerDepositUnfreeze>
+    <PercentTable<WorkerDepositUnfreeze>
       rowKey="id"
       size="small"
       columns={columns}
@@ -398,7 +399,7 @@ function LedgersSection({ workerId }: { workerId: number }) {
           setPage(1)
         }}
       />
-      <Table<WorkerWalletLedger>
+      <PercentTable<WorkerWalletLedger>
         rowKey="ledgerId"
         size="small"
         columns={columns}
@@ -463,7 +464,7 @@ function OrdersSection({ workerId }: { workerId: number }) {
     },
   ]
   return (
-    <Table<WorkOrder>
+    <PercentTable<WorkOrder>
       rowKey="workOrderId"
       size="small"
       columns={columns}

apps/frontend/src/pages/admin/panels/WorkersPanel.tsx

@@ -13,11 +13,11 @@ import {
   Select,
   Space,
   Switch,
-  Table,
   Tag,
   Tooltip,
   Typography,
 } from 'antd'
+import PercentTable from '@/components/common/PercentTable'
 import type { TableColumnsType } from 'antd'
 import { useEffect, useRef, useState } from 'react'
 import { useSearchParams } from 'react-router'
@@ -952,7 +952,7 @@ export default function WorkersPanel() {
               : '寄卖白名单已关闭：全部打手均可发布寄卖。下方开关仅在重新开启白名单后生效。'
           }
         />
-        <Table<WorkerUser>
+        <PercentTable<WorkerUser>
           rowKey="workerId"
           loading={workersQuery.isLoading}
           dataSource={workersQuery.data?.data.items || []}