fix: 样式调整

src/views/order/podUs/PodMakeOrder.vue

@@ -186,7 +186,7 @@
 
 
                 <span class="box-top-item-box-index-text">号箱</span>
                 <span class="box-top-item-box-index-text">号箱</span>
 
 
-                <span style="font-size: 30px">放入第</span>
+                <span style="font-size: 30px; white-space: nowrap">放入第</span>
                 <div
                 <div
                   class="box-top-item-box-index-number"
                   class="box-top-item-box-index-number"
                   :style="{
                   :style="{
@@ -206,7 +206,7 @@
                     podOrderDetailsData.pickingNumber ===
                     podOrderDetailsData.pickingNumber ===
                       podOrderDetailsData.purchaseNumber
                       podOrderDetailsData.purchaseNumber
                   "
                   "
-                  style="font-size: 30px"
+                  style="font-size: 30px; white-space: nowrap"
                   >件已配齐</span
                   >件已配齐</span
                 >
                 >
                 <span v-else style="font-size: 30px">件商品</span>
                 <span v-else style="font-size: 30px">件商品</span>
@@ -1675,13 +1675,14 @@ const getSortingAreaList = async () => {
 .box-top-item-box-index-text {
 .box-top-item-box-index-text {
   margin-right: 15px;
   margin-right: 15px;
   font-size: 30px;
   font-size: 30px;
+  white-space: nowrap;
 }
 }
 .box-top-item-box-index-number {
 .box-top-item-box-index-number {
   font-size: 60px;
   font-size: 60px;
   color: red;
   color: red;
   display: inline-block;
   display: inline-block;
   text-align: center;
   text-align: center;
-  width: 80px;
+  flex: 1;
   font-weight: 600;
   font-weight: 600;
 }
 }
 .box-top-item-status {
 .box-top-item-status {