From ca34187b0bccebe9a4dbd4eda2849488937bc16f Mon Sep 17 00:00:00 2001
From: yml2213 <a2213290201@gmail.com>
Date: Wed, 19 Aug 2026 18:49:15 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E8=AE=A2=E5=8D=95=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85=E6=8A=BD=E5=B1=89=E5=86=85=E5=AE=B9=E6=BA=A2=E5=87=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/admin/panels/WorkOrdersPanel.tsx    |  1 +
 .../src/pages/worker/WorkerOrdersPage.tsx     |  1 +
 apps/frontend/src/styles/worker.css           | 34 +++++++++++++++++++
 3 files changed, 36 insertions(+)

diff --git a/apps/frontend/src/pages/admin/panels/WorkOrdersPanel.tsx b/apps/frontend/src/pages/admin/panels/WorkOrdersPanel.tsx
index 57c3ab83..6f34bd86 100644
--- a/apps/frontend/src/pages/admin/panels/WorkOrdersPanel.tsx
+++ b/apps/frontend/src/pages/admin/panels/WorkOrdersPanel.tsx
@@ -1071,6 +1071,7 @@ export default function WorkOrdersPanel() {
         />
       </Card>
       <Drawer
+        className="worker-order-detail-drawer"
         title={
           detailOrder
             ? `${detailOrder.productName || '工单详情'} · ${getDisplayOrderNo(detailOrder)}`
diff --git a/apps/frontend/src/pages/worker/WorkerOrdersPage.tsx b/apps/frontend/src/pages/worker/WorkerOrdersPage.tsx
index 72d0afc5..64d1d613 100644
--- a/apps/frontend/src/pages/worker/WorkerOrdersPage.tsx
+++ b/apps/frontend/src/pages/worker/WorkerOrdersPage.tsx
@@ -1081,6 +1081,7 @@ export default function WorkerOrdersPage() {
       )}
 
       <Drawer
+        className="worker-order-detail-drawer"
         title={
           detailOrder
             ? `${detailOrder.productName || '订单详情'} · ${getDisplayOrderNo(detailOrder)}`
diff --git a/apps/frontend/src/styles/worker.css b/apps/frontend/src/styles/worker.css
index dc09866e..e4587c6b 100644
--- a/apps/frontend/src/styles/worker.css
+++ b/apps/frontend/src/styles/worker.css
@@ -173,6 +173,40 @@
 .worker-order-detail-stack {
   display: grid;
   gap: 16px;
+  min-width: 0;
+  width: 100%;
+}
+
+/* 详情抽屉内的描述表格必须服从抽屉宽度，长订单号等内容在单元格内换行。 */
+.worker-order-detail-drawer .ant-drawer-body {
+  min-width: 0;
+  overflow-x: hidden;
+}
+
+.worker-order-detail-stack > .ant-card,
+.worker-order-detail-stack > .ant-card .ant-card-body,
+.worker-order-detail-stack .ant-descriptions {
+  min-width: 0;
+  max-width: 100%;
+  width: 100%;
+}
+
+.worker-order-detail-stack .ant-descriptions-view {
+  width: 100%;
+  max-width: 100%;
+  overflow-x: auto;
+}
+
+.worker-order-detail-stack .ant-descriptions-view table {
+  width: 100%;
+  table-layout: fixed;
+}
+
+.worker-order-detail-stack .ant-descriptions-item-label,
+.worker-order-detail-stack .ant-descriptions-item-content {
+  min-width: 0;
+  overflow-wrap: anywhere;
+  word-break: break-word;
 }
 
 /* ===== 工单流转记录时间线 ===== */