优化卡券号码展示与复制

apps/frontend/src/pages/admin/AdminKuaishouIndustryPage.tsx

@@ -208,19 +208,27 @@ export default function AdminKuaishouIndustryPage() {
   const columns = useMemo<TableColumnsType<AdminKuaishouIndustryVoucher>>(
     () => [
       {
-        title: '券码',
+        title: '卡券号码',
-        width: 168,
+        width: 236,
         render: (_, row) => (
           <div className="cell-stack">
-            <Typography.Text strong copyable ellipsis={{ tooltip: row.voucherCode }}>
+            <Typography.Text
-              {row.voucherCode}
+              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="接口操作">

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;
 }