Merge remote-tracking branch 'origin/dev'

src/views/order/podUs/index.vue

@@ -1618,9 +1618,9 @@
                   <div class="grid-item">
                     <div
                       :title="`variant SKU: ${cardItem?.variantSku || ''}`"
-                      class="grid-item-value orderNumber"
+                      class="grid-item-value"
                     >
-                      {{ cardItem?.variantSku }}
+                      <div class="orderNumber">{{ cardItem?.variantSku }}</div>
                       <el-icon
                         class="icon"
                         style="margin-left: 3px"
@@ -1655,9 +1655,12 @@
                   <div class="grid-item">
                     <div
                       :title="`库存SKU:${cardItem?.thirdSkuCode || ''}`"
-                      class="grid-item-value orderNumber"
+                      class="grid-item-value"
                     >
-                      {{ cardItem?.thirdSkuCode }}
+                      <div class="orderNumber">
+                        {{ cardItem?.thirdSkuCode }}
+                      </div>
+
                       <el-icon
                         class="icon"
                         style="margin-left: 3px"
@@ -1691,11 +1694,13 @@
                     class="grid-item"
                     :title="`店铺单号:${cardItem?.shopNumber || ''}`"
                   >
-                    <div class="grid-item-value orderNumber">
-                      {{ cardItem?.shopNumber }}
+                    <div class="grid-item-value">
+                      <div class="orderNumber">
+                        {{ cardItem?.shopNumber }}
+                      </div>
                       <el-icon
                         class="icon"
-                        style="margin-left: 3px"
+                        style="margin-left: 3px; flex-shrink: 0"
                         size="14"
                         @click="copy(cardItem?.shopNumber || '')"
                       >
@@ -1715,9 +1720,11 @@
                   <div class="grid-item">
                     <div
                       :title="`订单号:${cardItem?.thirdSubOrderNumber}`"
-                      class="grid-item-value orderNumber"
+                      class="grid-item-value"
                     >
-                      {{ cardItem?.thirdSubOrderNumber }}
+                      <div class="orderNumber">
+                        {{ cardItem?.thirdSubOrderNumber }}
+                      </div>
                       <el-icon
                         class="icon"
                         style="margin-left: 3px"
@@ -1735,17 +1742,19 @@
                     class="grid-item"
                     :title="`批次号:${cardItem?.batchArrangeNumber || ''}`"
                   >
-                    <div class="grid-item-value orderNumber">
-                      {{ cardItem?.batchArrangeNumber }}
-                      <el-icon
-                        class="icon"
-                        style="margin-left: 3px"
-                        size="14"
-                        @click="copy(cardItem?.batchArrangeNumber || '')"
-                      >
-                        <DocumentCopy />
-                      </el-icon>
+                    <div class="grid-item-value">
+                      <div class="orderNumber">
+                        {{ cardItem?.batchArrangeNumber }}
+                      </div>
                     </div>
+                    <el-icon
+                      class="icon"
+                      style="margin-left: 3px"
+                      size="14"
+                      @click="copy(cardItem?.batchArrangeNumber || '')"
+                    >
+                      <DocumentCopy />
+                    </el-icon>
                   </div>
                   <div v-if="cardItem.isReplenishment" class="grid-item">
                     <el-tag size="small" type="danger" effect="dark"
@@ -4976,8 +4985,9 @@ useRouter().beforeEach((to, from, next) => {
   .grid-item {
     display: flex;
     overflow: hidden;
-
+    width: 100%;
     .grid-item-value {
+      display: flex;
       flex: 1;
       overflow: hidden;
       text-overflow: ellipsis;
@@ -5104,9 +5114,11 @@ useRouter().beforeEach((to, from, next) => {
   }
 }
 .orderNumber {
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  flex: 1;
+  min-width: 0; /* 关键属性 */
 }
 .customizedQuantity {
   height: 28px;