From e686a77a9e0634ffa2f52979f5ee979bedf941f3 Mon Sep 17 00:00:00 2001
From: zhaoxing <2558691827@qq.com>
Date: Tue, 27 Oct 2026 11:01:19 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E6=8B=BC=E5=8D=95=E6=98=8E=E7=BB=86?=
 =?UTF-8?q?=E7=8A=B6=E6=80=81=E8=A1=A5=E9=BD=90=E4=B8=AD=E6=96=87=E6=98=A0?=
 =?UTF-8?q?=E5=B0=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/pages/admin/panels/WorkOrdersPanel.tsx    | 15 +++++++++++----
 apps/frontend/src/styles/admin.css                | 10 ++++++++++
 2 files changed, 21 insertions(+), 4 deletions(-)

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) => (
-                          <Space size={4} wrap>
-                            <Tag color={resolveSharingShareStatusColor(share.status)}>
+                          <Space direction="vertical" size={2} className="admin-share-status">
+                            <Tag
+                              color={resolveSharingShareStatusColor(share.status)}
+                              style={{ marginInlineEnd: 0 }}
+                            >
                               {formatSharingShareStatus(share.status)}
                             </Tag>
                             {share.status === 'cancelled' && share.cancelledReason ? (
-                              <Tag>{formatSharingShareCancelledReason(share.cancelledReason)}</Tag>
+                              <Tag style={{ marginInlineEnd: 0 }}>
+                                {formatSharingShareCancelledReason(share.cancelledReason)}
+                              </Tag>
                             ) : null}
                           </Space>
                         ),
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;