优化打手详情信息展示

This commit is contained in:
yml2213
2026-09-01 14:44:06 +08:00
parent e72ef7da0a
commit 48fcdbff07
5 changed files with 558 additions and 3 deletions
+65
View File
@@ -0,0 +1,65 @@
diff --git a/apps/frontend/src/pages/admin/panels/WorkerDetailDrawer.tsx b/apps/frontend/src/pages/admin/panels/WorkerDetailDrawer.tsx
index c184b61a..c3074a6a 100644
--- a/apps/frontend/src/pages/admin/panels/WorkerDetailDrawer.tsx
+++ b/apps/frontend/src/pages/admin/panels/WorkerDetailDrawer.tsx
@@ -95,7 +95,7 @@ export default function WorkerDetailDrawer({
return (
<Drawer
className="worker-detail-drawer"
- width={860}
+ width="min(1120px, calc(100vw - 24px))"
open={Boolean(worker)}
destroyOnHidden
onClose={onClose}
@@ -266,6 +266,7 @@ function UnfreezesSection({ workerId }: { workerId: number }) {
columns={columns}
dataSource={data?.items || []}
loading={unfreezesQuery.isFetching}
+ scroll={{ x: 930 }}
pagination={buildAdminTablePagination({
page,
pageSize: ADMIN_DEFAULT_PAGE_SIZE,
@@ -321,7 +322,14 @@ function LedgersSection({ workerId }: { workerId: number }) {
{
title: '关联订单',
width: 150,
- render: (_, row) => row.relatedPlatformOrderId || row.relatedWorkOrderId || '-',
+ render: (_, row) => {
+ const orderNo = String(row.relatedPlatformOrderId || row.relatedWorkOrderId || '-').trim()
+ return (
+ <Typography.Text ellipsis={{ tooltip: orderNo }} copyable={orderNo !== '-'}>
+ {orderNo}
+ </Typography.Text>
+ )
+ },
},
{
title: '说明',
@@ -353,6 +361,7 @@ function LedgersSection({ workerId }: { workerId: number }) {
columns={columns}
dataSource={data?.items || []}
loading={ledgersQuery.isFetching}
+ scroll={{ x: 1020 }}
pagination={buildAdminTablePagination({
page,
pageSize: ADMIN_DEFAULT_PAGE_SIZE,
@@ -377,7 +386,10 @@ function OrdersSection({ workerId }: { workerId: number }) {
title: '平台单号',
width: 160,
ellipsis: true,
- render: (_, row) => row.platformOrderId || row.workOrderNo || row.workOrderId,
+ render: (_, row) => {
+ const orderNo = String(row.platformOrderId || row.workOrderNo || row.workOrderId).trim()
+ return <Typography.Text ellipsis={{ tooltip: orderNo }}>{orderNo}</Typography.Text>
+ },
},
{
title: '商品',
@@ -414,6 +426,7 @@ function OrdersSection({ workerId }: { workerId: number }) {
columns={columns}
dataSource={data?.items || []}
loading={ordersQuery.isFetching}
+ scroll={{ x: 900 }}
pagination={buildAdminTablePagination({
page,
pageSize: ADMIN_DEFAULT_PAGE_SIZE,