From beb171b7519a2857a00913a681df153096571020 Mon Sep 17 00:00:00 2001
From: yml2213 <a2213290201@gmail.com>
Date: Thu, 30 Jul 2026 15:29:13 +0800
Subject: [PATCH] =?UTF-8?q?fix(ui):=20=E4=BC=98=E5=8C=96=E5=95=86=E5=93=81?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E5=88=97=E5=AE=BD=EF=BC=8CSKU=20=E4=B8=8D?=
 =?UTF-8?q?=E5=86=8D=E6=8D=A2=E8=A1=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- SKU 列 180→200px 并加 ellipsis，长 SKU 单行省略不换行
- 名称列加 width:200 + ellipsis，不再无限占满剩余空间
- 目录编码 160→140，售价/成本 110→100，库存/状态 90→80，操作 90→80
- SKU Typography.Text 加 maxWidth:100% + ellipsis 确保超长文本单行截断
---
 frontend/src/pages/MerchantCenter.tsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/frontend/src/pages/MerchantCenter.tsx b/frontend/src/pages/MerchantCenter.tsx
index e1c8b25..27faf21 100644
--- a/frontend/src/pages/MerchantCenter.tsx
+++ b/frontend/src/pages/MerchantCenter.tsx
@@ -338,17 +338,17 @@ export default function MerchantCenter() {
   }
 
   const productColumns: ColumnsType<MerchantProduct> = [
-    { title: 'SKU', dataIndex: 'sku', width: 180, render: (v) => <Typography.Text code copyable>{v}</Typography.Text> },
-    { title: '名称', dataIndex: 'display_name', ellipsis: true, render: (_, r) => r.display_name || r.product?.name || '-' },
-    { title: '目录编码', dataIndex: ['product', 'code'], width: 160, ellipsis: true, render: (_, r) => r.product?.code || '-' },
-    { title: '售价', dataIndex: 'price_amount', width: 110, render: money },
-    { title: '成本', dataIndex: 'cost_amount', width: 110, render: money },
-    { title: '库存', dataIndex: 'stock', width: 90, render: (v) => (v < 0 ? '无限' : v) },
-    { title: '状态', dataIndex: 'status', width: 90, render: productStatusTag },
+    { title: 'SKU', dataIndex: 'sku', width: 200, ellipsis: true, render: (v) => <Typography.Text code copyable={{ tooltips: false }} style={{ maxWidth: '100%' }} ellipsis>{v}</Typography.Text> },
+    { title: '名称', dataIndex: 'display_name', width: 200, ellipsis: true, render: (_, r) => r.display_name || r.product?.name || '-' },
+    { title: '目录编码', dataIndex: ['product', 'code'], width: 140, ellipsis: true, render: (_, r) => r.product?.code || '-' },
+    { title: '售价', dataIndex: 'price_amount', width: 100, render: money },
+    { title: '成本', dataIndex: 'cost_amount', width: 100, render: money },
+    { title: '库存', dataIndex: 'stock', width: 80, render: (v) => (v < 0 ? '无限' : v) },
+    { title: '状态', dataIndex: 'status', width: 80, render: productStatusTag },
     {
       title: '操作',
       key: 'action',
-      width: 90,
+      width: 80,
       render: (_, record) => canManage ? (
         <Button type="link" size="small" onClick={() => openProductEdit(record)}>编辑</Button>
       ) : '-',