2025-10-16

pda生产领料优化

src/views/modules/production-pick/productionPickingDetail.vue

@@ -35,22 +35,24 @@
     <!-- 出库单信息卡片 -->
     <div class="material-info-card" v-if="outboundInfo.outboundNo">
       <div class="card-title">
+        <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 {