2026-02-02

优化

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

@@ -39,10 +39,6 @@
           <span class="title-label">出库单号</span>
           <span class="title-value">{{ outboundInfo.outboundNo }}</span>
         </div>
-        <div class="title-center-group">
-          <span class="title-label">合约号码</span>
-          <span class="title-value contract-value">{{ outboundInfo.outBatchNo || '-' }}</span>
-        </div>
         <div class="title-right-group">
           <span class="title-label">关联单号</span>
           <span class="title-value related-value">{{ outboundInfo.relatedNo }}</span>
@@ -50,7 +46,11 @@
       </div>
 
       <div class="card-details">
-        <div class="detail-item detail-item-left">
+        <div class="detail-item detail-item-contract">
+          <div class="detail-label">合约号码</div>
+          <div class="detail-value contract-value">{{ outboundInfo.outBatchNo || '-' }}</div>
+        </div>
+        <div class="detail-item detail-item-center">
           <div class="detail-label">标签张数</div>
           <div class="detail-value">
             <span class="qualified">{{ outboundInfo.pickedLabels }}</span><span class="total">{{ outboundInfo.totalLabels }}</span>
@@ -699,12 +699,6 @@ export default {
   flex-direction: column;
 }
 
-.title-center-group {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-
 .title-right-group {
   display: flex;
   flex-direction: column;
@@ -731,12 +725,6 @@ export default {
   font-weight: 500;
 }
 
-.title-value.contract-value {
-  font-size: 13px;
-  font-weight: 500;
-  color: #17B3A3;
-}
-
 .card-details {
   display: flex;
   justify-content: space-between;
@@ -744,15 +732,30 @@ export default {
 }
 
 .detail-item {
-  flex: 0 0 auto;
+  flex: 1;
 }
 
-.detail-item-left {
+.detail-item-contract {
   text-align: left;
+  flex: 1.2;
+}
+
+.detail-item-center {
+  text-align: center;
+  flex: 1;
 }
 
 .detail-item-right {
   text-align: right;
+  flex: 1;
+}
+
+.detail-value.contract-value {
+  font-size: 13px;
+  font-weight: 500;
+  color: #17B3A3;
+  word-break: break-all;
+  line-height: 1.3;
 }
 
 .detail-label {
@@ -1238,14 +1241,28 @@ export default {
   }
 
   .card-details {
-    flex-wrap: wrap;
-    gap: 6px;
+    flex-wrap: nowrap;
+    gap: 8px;
   }
 
   .detail-item {
-    flex: 0 0 48%;
-    margin-bottom: 6px;
-    min-width: 50px;
+    min-width: 0;
+  }
+
+  .detail-item-contract {
+    flex: 1;
+  }
+
+  .detail-item-center {
+    flex: 0.8;
+  }
+
+  .detail-item-right {
+    flex: 0.8;
+  }
+
+  .detail-value.contract-value {
+    font-size: 12px;
   }
 
   .list-header, .list-item {