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

apps/frontend/src/pages/admin/cost-center/ChannelMappingPanel.tsx

@@ -15,10 +15,10 @@ import {
   Select,
   Space,
   Switch,
-  Table,
   Tag,
   Typography,
 } from 'antd'
+import PercentTable from '@/components/common/PercentTable'
 import type { TableColumnsType } from 'antd'
 import { useQuery } from '@tanstack/react-query'
 import { useState } from 'react'
@@ -427,7 +427,7 @@ export function ChannelMappingPanel() {
           </Button>
           <Button onClick={() => setExpandedMappingProductIds([])}>收起全部</Button>
         </Space>
-        <Table<ChannelProductMappingGroup>
+        <PercentTable<ChannelProductMappingGroup>
           tableLayout="fixed"
           rowKey={(row) => String(row.canonicalProductId)}
           size="small"
@@ -445,7 +445,7 @@ export function ChannelMappingPanel() {
                 <Typography.Text type="secondary">
                   该标准商品下共有 {group.mappings.length} 条渠道映射
                 </Typography.Text>
-                <Table<ChannelProductMapping>
+                <PercentTable<ChannelProductMapping>
                   tableLayout="fixed"
                   rowKey="id"
                   size="small"