客户高亮

src/views/order/Shipment.vue

@@ -15,6 +15,12 @@
               o.sourceType || '--'
             }}</span>
           </div>
+          <div class="shipment-info-item-header--title high-light">
+            <span class="shipment-info-item-header__label">客户:</span>
+            <span class="shipment-info-item-header__value">{{
+              o.userMark || '--'
+            }}</span>
+          </div>
           <div class="shipment-info-item-header--title">
             <span class="shipment-info-item-header__label">收货人:</span>
             <span class="shipment-info-item-header__value">{{
@@ -22,6 +28,32 @@
             }}</span>
           </div>
         </div>
+        <div class="shipment-info-item-header">
+          <div class="shipment-info-item-header--title">
+            <span class="shipment-info-item-header__label">区域:</span>
+            <span class="shipment-info-item-header__value">{{
+              o.lanshouRegion || '--'
+            }}</span>
+          </div>
+          <div class="shipment-info-item-header--title">
+            <span class="shipment-info-item-header__label">地址:</span>
+            <span class="shipment-info-item-header__value">{{
+              o.lanshouAddress || '--'
+            }}</span>
+          </div>
+          <div class="shipment-info-item-header--title">
+            <span class="shipment-info-item-header__label">邮编:</span>
+            <span class="shipment-info-item-header__value">{{
+              o.lanshouPost || '--'
+            }}</span>
+          </div>
+          <div class="shipment-info-item-header--title">
+            <span class="shipment-info-item-header__label">电话:</span>
+            <span class="shipment-info-item-header__value">{{
+              o.lanshouPhone || '--'
+            }}</span>
+          </div>
+        </div>
         <div class="shipment-info-item-content">
           <div
             v-for="item in o.productList"
@@ -31,7 +63,7 @@
               'active-row': item.subOrderNumber === currentRow.subOrderNumber,
             }"
             class="shipment-info-item-content-item"
-            @click="onRowClick(item,o)"
+            @click="onRowClick(item, o)"
           >
             <div class="image">
               <img :src="item.variantImage" />
@@ -143,8 +175,7 @@ defineProps({
   },
   currentRow: {
     type: Object as PropType<ProductList>,
-    default: () => {
-    },
+    default: () => {},
   },
 })
 
@@ -223,9 +254,15 @@ const onShipment = async (item: ProductList) => {
 
 .shipment-info-item-header {
   display: flex;
-  justify-content: space-between;
   background-color: #e6e6e6;
-  padding: 10px;
+  padding: 10px 0 10px 50px;
+  .high-light {
+    color: #ff0000;
+    font-weight: bold;
+  }
+  .shipment-info-item-header--title {
+    width: 25%;
+  }
 }
 
 .shipment-info-item-content-item {