From 7759c7e9f30b4d11fb8f075938d61293741fa9b1 Mon Sep 17 00:00:00 2001
From: ouyangxq <775153912@qq.com>
Date: Wed, 7 Oct 2026 20:59:34 +0800
Subject: [PATCH] fix(client): prevent arrangement labels overlapping values

---
 src/modules/cross-border/components/BusinessOrdersView.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/modules/cross-border/components/BusinessOrdersView.vue b/src/modules/cross-border/components/BusinessOrdersView.vue
index 25a4427..6ddbf6e 100644
--- a/src/modules/cross-border/components/BusinessOrdersView.vue
+++ b/src/modules/cross-border/components/BusinessOrdersView.vue
@@ -422,7 +422,7 @@ onMounted(() => { if (props.detailPage) void loadDetail(); else if (!props.creat
       </section>
       <section v-if="!error && fleetArrangement" class="business-detail-section" aria-label="承运安排">
         <h3>承运安排</h3><p>{{ fleetArrangement.readOnlyReason }}</p>
-        <dl class="detail-grid">
+        <dl class="detail-grid arrangement-grid">
           <div><dt>预订号</dt><dd>{{ fleetArrangement.bookingNo }}</dd></div>
           <div><dt>计划发车</dt><dd>{{ dateTime(fleetArrangement.plannedDepartureAt) }}</dd></div>
           <div><dt>起运仓</dt><dd>{{ text(fleetArrangement.originWarehouseName) }}</dd></div>
@@ -497,6 +497,8 @@ onMounted(() => { if (props.detailPage) void loadDetail(); else if (!props.creat
 .detail-grid div { display: grid; min-width: 0; min-height: 34px; grid-template-columns: 76px minmax(0, 1fr); align-items: center; gap: 7px; padding: 3px 8px; border-right: 1px solid var(--border); border-bottom: 1px solid var(--border); }
 .detail-grid div.is-wide { grid-column: span 2; }
 .detail-grid dt { color: var(--muted); font-size: 10px; white-space: nowrap; }
+.arrangement-grid div { grid-template-columns: 124px minmax(0, 1fr); }
+.arrangement-grid dt { white-space: normal; overflow-wrap: anywhere; }
 .detail-grid dd { min-width: 0; margin: 0; overflow-wrap: anywhere; color: var(--navy); font-size: 12px; font-weight: 600; line-height: 1.4; }
 .form-card :deep(.el-form) { max-width: 860px; }
 .form-card :deep(.el-input), .form-card :deep(.el-textarea), .form-card :deep(.el-select) { width: 100%; }