From d60a771142bc62896ae8ea2c06e192b937e0105d Mon Sep 17 00:00:00 2001
From: yml2213 <a2213290201@gmail.com>
Date: Thu, 23 Jul 2026 11:21:55 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=8D=A1=E5=88=B8=E5=8F=B7?=
 =?UTF-8?q?=E7=A0=81=E5=B1=95=E7=A4=BA=E4=B8=8E=E5=A4=8D=E5=88=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/admin/AdminKuaishouIndustryPage.tsx | 22 +++++++++++++------
 apps/frontend/src/styles/main.css             | 12 ++++++++++
 2 files changed, 27 insertions(+), 7 deletions(-)

diff --git a/apps/frontend/src/pages/admin/AdminKuaishouIndustryPage.tsx b/apps/frontend/src/pages/admin/AdminKuaishouIndustryPage.tsx
index d73a6abe..6d8f1161 100644
--- a/apps/frontend/src/pages/admin/AdminKuaishouIndustryPage.tsx
+++ b/apps/frontend/src/pages/admin/AdminKuaishouIndustryPage.tsx
@@ -208,19 +208,27 @@ export default function AdminKuaishouIndustryPage() {
   const columns = useMemo<TableColumnsType<AdminKuaishouIndustryVoucher>>(
     () => [
       {
-        title: '券码',
-        width: 168,
+        title: '卡券号码',
+        width: 236,
         render: (_, row) => (
           <div className="cell-stack">
-            <Typography.Text strong copyable ellipsis={{ tooltip: row.voucherCode }}>
-              {row.voucherCode}
+            <Typography.Text
+              strong
+              copyable={Boolean(row.voucherCode)}
+              className="kuaishou-voucher-code-text"
+              title={row.voucherCode || undefined}
+            >
+              {row.voucherCode || '-'}
             </Typography.Text>
-            <span className="muted">序号：{row.unitIndex}</span>
+            <span className="muted kuaishou-voucher-meta">
+              发码：{formatAdminDateTime(row.sendCallbackSentAt)}
+            </span>
           </div>
         ),
       },
       {
         title: '订单商品',
+        width: 348,
         // 主列自适应：订单号 + 商品名，避免额外「商品」列占宽
         ellipsis: true,
         render: (_, row) => {
@@ -871,7 +879,7 @@ export default function AdminKuaishouIndustryPage() {
         dataSource={vouchers}
         loading={voucherLoading}
         // 列已压缩；仅在极窄容器时横向滚动
-        scroll={scrollX ? { x: scrollX } : undefined}
+        scroll={{ x: scrollX || 1064 }}
         pagination={buildAdminTablePagination({
           current: voucherFilters.page,
           pageSize: voucherFilters.pageSize,
@@ -898,7 +906,7 @@ export default function AdminKuaishouIndustryPage() {
 
         <div className="kuaishou-industry-split">
           <Card title="本地券码" className="kuaishou-industry-voucher-card">
-            {renderVoucherTable(760)}
+            {renderVoucherTable(1064)}
           </Card>
 
           <Card title="接口操作">
diff --git a/apps/frontend/src/styles/main.css b/apps/frontend/src/styles/main.css
index fe4c9df3..618d3780 100644
--- a/apps/frontend/src/styles/main.css
+++ b/apps/frontend/src/styles/main.css
@@ -289,6 +289,18 @@ select {
   min-width: 0;
 }
 
+.kuaishou-voucher-code-text {
+  min-width: 0;
+  white-space: normal;
+  overflow-wrap: anywhere;
+  word-break: break-all;
+}
+
+.kuaishou-voucher-meta {
+  font-size: 12px;
+  line-height: 1.4;
+}
+
 .muted {
   color: #6b7280;
 }