From e28e35c0548012dff64e37cd32a9e13f1c9766b1 Mon Sep 17 00:00:00 2001
From: fengyuan_yang <1976974459@qq.com>
Date: Fri, 17 Oct 2025 16:10:53 +0800
Subject: [PATCH] =?UTF-8?q?2025-10-16=20pda=E7=94=9F=E4=BA=A7=E9=A2=86?=
 =?UTF-8?q?=E6=96=99=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../productionPickingDetail.vue               | 54 +++++++++++++------
 1 file changed, 38 insertions(+), 16 deletions(-)

diff --git a/src/views/modules/production-pick/productionPickingDetail.vue b/src/views/modules/production-pick/productionPickingDetail.vue
index bd49b19..dbdf51c 100644
--- a/src/views/modules/production-pick/productionPickingDetail.vue
+++ b/src/views/modules/production-pick/productionPickingDetail.vue
@@ -35,22 +35,24 @@
     <!-- 出库单信息卡片 -->
     <div class="material-info-card" v-if="outboundInfo.outboundNo">
       <div class="card-title">
-        <span class="title-label">出库单号</span>
-        <span class="title-value">{{ outboundInfo.outboundNo }}</span>
+        <div class="title-left-group">
+          <span class="title-label">出库单号</span>
+          <span class="title-value">{{ outboundInfo.outboundNo }}</span>
+        </div>
+        <div class="title-right-group">
+          <span class="title-label">关联单号</span>
+          <span class="title-value related-value">{{ outboundInfo.relatedNo }}</span>
+        </div>
       </div>
 
       <div class="card-details">
-        <div class="detail-item">
-          <div class="detail-label">关联单号</div>
-          <div class="detail-value">{{ outboundInfo.relatedNo }}</div>
-        </div>
-        <div class="detail-item">
+        <div class="detail-item detail-item-left">
           <div class="detail-label">标签张数</div>
           <div class="detail-value">
             <span class="qualified">{{ outboundInfo.pickedLabels }}</span><span class="total">{{ outboundInfo.totalLabels }}</span>
           </div>
         </div>
-        <div class="detail-item">
+        <div class="detail-item detail-item-right">
           <div class="detail-label">物料总数</div>
           <div class="detail-value">
             <span class="qualified">{{ outboundInfo.pickedQty }}</span><span class="total">{{ outboundInfo.totalQty }}</span>
@@ -544,6 +546,20 @@ export default {
 
 .card-title {
   margin-bottom: 16px;
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+}
+
+.title-left-group {
+  display: flex;
+  flex-direction: column;
+}
+
+.title-right-group {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
 }
 
 .title-label {
@@ -559,21 +575,29 @@ export default {
   font-weight: bold;
   color: #333;
   line-height: 1.2;
-  margin-left: 20px;
+}
+
+.title-value.related-value {
+  font-size: 13px;
+  font-weight: 500;
 }
 
 .card-details {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
-  gap: 4px;
 }
 
 .detail-item {
-  flex: 1;
-  text-align: center;
-  min-width: 60px;
-  max-width: 60px;
+  flex: 0 0 auto;
+}
+
+.detail-item-left {
+  text-align: left;
+}
+
+.detail-item-right {
+  text-align: right;
 }
 
 .detail-label {
@@ -582,7 +606,6 @@ export default {
   margin-bottom: 6px;
   font-weight: normal;
   line-height: 1.2;
-  margin-left: -12px;
 }
 
 .detail-value {
@@ -590,7 +613,6 @@ export default {
   color: #333;
   font-weight: 500;
   line-height: 1.2;
-  margin-left: -12px;
 }
 
 .detail-value .qualified {