fix(order): 移除订单列表冗长的买家信息列,优化多平台表格密度

- 移除订单列表中的「买家信息」列,消除抖音等虚拟品类中超长加密 open_id / 匿名买家造成的垂直与水平排版挤压
- 紧凑化表格宽度(scroll 960px),提升列表浏览效率
- 详情页继续保留完整买家原始载荷供追溯

验证方式:前端类型检查及 132 项单测全通过,前端打包构建通过
This commit is contained in:
yml2213
2026-10-10 19:04:09 +08:00
parent 03020e85c7
commit 9a6b4313a8
@@ -5,7 +5,6 @@ import {
ReloadOutlined,
SearchOutlined,
ShopOutlined,
UserOutlined,
} from '@ant-design/icons'
import {
App,
@@ -237,40 +236,6 @@ export default function AdminOrdersPage() {
)
},
},
{
title: '买家信息',
minWidth: 140,
render: (_, row) => {
const buyerName = row.buyerName || ''
const buyerId = row.buyerId || ''
const contact = row.receiverContact || ''
if (!buyerName && !buyerId && !contact) {
return <span className="muted">-</span>
}
return (
<div className="cell-stack" style={{ gap: 2 }}>
<div style={{ display: 'flex', alignItems: 'center', gap: 4 }}>
<UserOutlined style={{ color: '#94a3b8', fontSize: 12 }} />
<Typography.Text strong style={{ fontSize: 13 }} ellipsis={{ tooltip: buyerName }}>
{buyerName || '匿名买家'}
</Typography.Text>
</div>
{buyerId ? (
<span className="muted" style={{ fontSize: 11 }} title={`买家ID: ${buyerId}`}>
ID: {buyerId}
</span>
) : null}
{contact && contact !== buyerName ? (
<span className="muted" style={{ fontSize: 11 }}>
{contact}
</span>
) : null}
</div>
)
},
},
{
title: '商品 / 规格',
minWidth: 260,
@@ -562,7 +527,7 @@ export default function AdminOrdersPage() {
loading={query.isLoading || query.isFetching || !hasBootstrappedFilters}
columns={columns}
dataSource={data?.items || []}
scroll={{ x: 1100 }}
scroll={{ x: 960 }}
pagination={buildAdminTablePagination({
current: data?.pagination.page || page,
pageSize: data?.pagination.pageSize || pageSize,