客户高亮

src/views/order/Shipment.vue

@@ -6,20 +6,52 @@
           <div class="shipment-info-item-header--title">
             <span class="shipment-info-item-header__label">主单号:</span>
             <span class="shipment-info-item-header__value">{{
-                o.orderNumber || '--'
-              }}</span>
+              o.orderNumber || '--'
+            }}</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.sourceType || '--'
-              }}</span>
+              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">{{
-                o.lanshouName || '--'
-              }}</span>
+              o.lanshouName || '--'
+            }}</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">
@@ -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" />
@@ -64,9 +96,9 @@
             >
               <span class="label">未发数:</span>
               <span class="value">{{
-                  (item.num || 0) -
-                  ((item.shipmentNum || 0) - (item.notPassNum || 0))
-                }}</span>
+                (item.num || 0) -
+                ((item.shipmentNum || 0) - (item.notPassNum || 0))
+              }}</span>
             </div>
             <div
               class="shipment-info-item-content-item--info"
@@ -80,7 +112,7 @@
                 @click.stop="onShipment(item)"
               >
                 <el-icon style="vertical-align: middle"
-                ><CircleCloseFilled
+                  ><CircleCloseFilled
                 /></el-icon>
               </span>
             </div>
@@ -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 {