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>( () => [ { - title: '券码', - width: 168, + title: '卡券号码', + width: 236, render: (_, row) => (
- - {row.voucherCode} + + {row.voucherCode || '-'} - 序号:{row.unitIndex} + + 发码:{formatAdminDateTime(row.sendCallbackSentAt)} +
), }, { 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() {
- {renderVoucherTable(760)} + {renderVoucherTable(1064)} 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; }