diff --git a/apps/frontend/src/pages/admin/panels/WorkOrdersPanel.tsx b/apps/frontend/src/pages/admin/panels/WorkOrdersPanel.tsx index 2d21b534..2e82affe 100644 --- a/apps/frontend/src/pages/admin/panels/WorkOrdersPanel.tsx +++ b/apps/frontend/src/pages/admin/panels/WorkOrdersPanel.tsx @@ -3357,14 +3357,21 @@ export default function WorkOrdersPanel() { }, { title: '状态', - width: 104, + // 状态 + 取消原因两个 Tag 纵向排列;宽度按最长原因「后台取消部分」留足, + // PercentTable 会按权重归一化,160 在当前 1360 弹窗下约 105px。 + width: 160, render: (_, share) => ( - - + + {formatSharingShareStatus(share.status)} {share.status === 'cancelled' && share.cancelledReason ? ( - {formatSharingShareCancelledReason(share.cancelledReason)} + + {formatSharingShareCancelledReason(share.cancelledReason)} + ) : null} ), diff --git a/apps/frontend/src/styles/admin.css b/apps/frontend/src/styles/admin.css index bc8e7ffb..3585f6e2 100644 --- a/apps/frontend/src/styles/admin.css +++ b/apps/frontend/src/styles/admin.css @@ -1614,6 +1614,16 @@ white-space: nowrap; } +/* 拼单明细:状态列两个标签纵向排列,长原因(如「后台取消部分」)必须完整显示 */ +.admin-share-status { + align-items: center; +} + +.admin-share-status .ant-tag { + margin-inline-end: 0; + white-space: nowrap; +} + /* 拼单明细:问题单行强调、已撤单行弱化 */ .admin-share-row-problem > td { background: #fff1f0 !important;