fix: 卡片优化

src/views/order/pod/index.vue

@@ -310,7 +310,31 @@
                           </span>
                         </el-tooltip>
                       </el-col>
-                      <el-col :span="10" :offset="0" style="text-align: right">
+                      <el-col
+                        v-if="status === 'TO_BE_REPLENISHMENT'"
+                        :span="10"
+                        :offset="0"
+                        style="text-align: right"
+                      >
+                        <el-tooltip
+                          class="item"
+                          effect="dark"
+                          :content="'补胚数量'"
+                          placement="bottom"
+                        >
+                          <span
+                            >补胚数量：{{
+                              cardItem?.replenishmentNum || '--'
+                            }}</span
+                          >
+                        </el-tooltip>
+                      </el-col>
+                      <el-col
+                        v-else
+                        :span="10"
+                        :offset="0"
+                        style="text-align: right"
+                      >
                         <span v-if="status === 'INVALID'">
                           数量：{{ cardItem?.num }}
                         </span>
@@ -364,23 +388,14 @@
                           {{ cardItem?.variantSku }}
                         </span>
                       </el-col>
-                      <el-col
-                        v-if="status === 'TO_BE_REPLENISHMENT'"
-                        :span="10"
-                        :offset="0"
-                        style="text-align: right"
-                      >
+                      <el-col :span="10" :offset="0" style="text-align: right">
                         <el-tooltip
                           class="item"
                           effect="dark"
-                          :content="'补胚数量'"
+                          :content="'货号'"
                           placement="bottom"
                         >
-                          <span
-                            >补胚数量：{{
-                              cardItem?.replenishmentNum || '--'
-                            }}</span
-                          >
+                          <span>货号：{{ cardItem?.supplierItemNo || '--' }}</span>
                         </el-tooltip>
                       </el-col>
                     </el-row>
@@ -407,22 +422,10 @@
                           {{ cardItem?.process }}
                         </span>
                       </el-col>
-                      <el-col :span="12" :offset="0" style="text-align: right">
-                        <el-tooltip
-                          class="item"
-                          effect="dark"
-                          :content="'货号'"
-                          placement="bottom"
-                        >
-                          <span>货号：{{ cardItem?.supplierItemNo }}</span>
-                        </el-tooltip>
-                      </el-col>
-                    </el-row>
-                    <el-row style="margin-top: 5px">
                       <el-col
                         :span="12"
                         :offset="0"
-                        style="white-space: nowrap"
+                        style="white-space: nowrap;text-align: right;"
                       >
                         <span
                           :title="`店铺单号:${cardItem?.shopNumber}`"
@@ -436,15 +439,10 @@
                           {{ cardItem?.shopNumber }}
                         </span>
                       </el-col>
-                      <el-col :span="12" :offset="0" style="text-align: right">
-                        <span title="期望交货时间">
-                          {{ cardItem?.expectDeliveryTime }}
-                        </span>
-                      </el-col>
                     </el-row>
                     <el-row style="margin-top: 5px">
                       <el-col
-                        :span="10"
+                        :span="12"
                         :offset="0"
                         style="white-space: nowrap"
                       >
@@ -463,6 +461,11 @@
                           {{ cardItem?.thirdSubOrderNumber }}
                         </span>
                       </el-col>
+                      <el-col :span="12" :offset="0" style="text-align: right">
+                        <span title="期望交货时间">
+                          {{ cardItem?.expectDeliveryTime }}
+                        </span>
+                      </el-col>
                     </el-row>
                   </div>
                 </template>