update: 订单列表

src/components/allCustomers/order-list/order-table.vue

@@ -55,13 +55,13 @@
             <!-- 购买单、销售单为订单号 -->
             <!-- 退款单为退款单号 -->
             <!-- 退换单为退换单号 -->
-            <div>
-            <div v-if="el.orderType == 4" class="order-num">退换单号：{{ el.orderNumber }}</div>
-            <div v-else-if="el.orderType == 2" class="order-num">退款单号：{{ el.orderNumber }}</div>
-            <div v-else class="order-num">订单号：{{ el.orderNumber }}</div>
+            <div class="order-num-box">
+              <div v-if="el.orderType == 4" class="order-num">退换单号：{{ el.orderNumber }}</div>
+              <div v-else-if="el.orderType == 2" class="order-num">退款单号：{{ el.orderNumber }}</div>
+              <div v-else class="order-num">订单号：{{ el.orderNumber }}</div>
+              <!-- 退款单、退换单才有原始单号 -->
+              <div class="connect-order-num">{{ el.orderType == 2 || el.orderType == 4 ? `原始订单号：${ el.oorderNumber }` : ''}}</div>
             </div>
-            <!-- 退款单、退换单才有原始单号 -->
-            <div class="connect-order-num">{{ el.orderType == 2 || el.orderType == 4 ? `原始订单号：${ el.oorderNumber }` : ''}}</div>
           </div>
         </el-table-column>
         <el-table-column label="吊牌价/应收(元)" min-width="130px">abc</el-table-column>
@@ -444,16 +444,15 @@ export default {
           background: #FA8C16;
         }
       }
-      .order-num {
-        flex-shrink: 0;
+      .order-num-box {
+        display: flex;
+        justify-content: flex-start;
+        align-items: center;
         margin-left: 17px;
-        width: 196px;
-        font-size: 13px;
-      }
-      .connect-order-num {
-        flex-shrink: 0;
-        width: 216px;
         font-size: 13px;
+        .connect-order-num {
+          margin-left: 30px;
+        }
       }
     }
     .order-time-info {