feat 订单详情

src/components/orderComponents/orderDetail.vue

@@ -10,22 +10,22 @@
           <div class="shop_num">x{{item.quantity}}</div>
         </div>
       </div>
-      <div class="detail_ine"></div>
-      <div class="info2">
+      <div class="detail_ine" v-if="orderDetail.caution&&orderDetail.caution"></div>
+      <div class="info2" v-if="orderDetail.caution">
         <div class="title">用户备注：</div>
         <div class="cont">{{orderDetail.caution}}</div>
       </div>
-      <div class="info2 info3">
+      <div class="info2 info3" v-if="orderDetail.takeRemark">
         <div class="title">发单备注：</div>
         <div class="cont">{{orderDetail.takeRemark}}</div>
       </div>
       <div class="detail_ine"></div>
       <div class="detail_title2">发票信息</div>
-      <div class="info2 info4">
+      <div class="info2 info4" v-if="orderDetail.invoiceTitle">
         <div class="title">发票抬头：</div>
         <div class="cont">{{orderDetail.invoiceTitle}}</div>
       </div>
-      <div class="info2 info4">
+      <div class="info2 info4" v-if="orderDetail.taxpayerId">
         <div class="title">税号：</div>
         <div class="cont">{{orderDetail.taxpayerId}}</div>
       </div>
@@ -35,11 +35,11 @@
         <div class="title">姓名：</div>
         <div class="cont">{{orderDetail.receiptContactName}}</div>
       </div>
-      <div class="info2 info4">
+      <div class="info2 info4" v-if="orderDetail.receiptPrivacyPhone">
         <div class="title">隐私号：</div>
         <div class="cont">{{orderDetail.receiptPrivacyPhone}}</div>
       </div>
-      <div class="info2 info4">
+      <div class="info2 info4" v-if="orderDetail.receiptPhone">
         <div class="title">手机号：</div>
         <div class="cont">{{orderDetail.receiptPhone}}</div>
       </div>
@@ -67,6 +67,10 @@
         <div class="title">订单编号：</div>
         <div class="cont">{{orderDetail.orderSn}}</div>
       </div>
+      <div class="info2 info4">
+        <div class="title">{{takeOUtType(orderDetail.orderType)}}订单编号：</div>
+        <div class="cont">{{orderDetail.outOrderId}}</div>
+      </div>
       <div class="btns">
         <div class="btn_bot">
           <el-dropdown>
@@ -104,6 +108,25 @@ export default {
     },
   },
   methods: {
+    takeOUtType(type) {
+      let name = "";
+      switch (type) {
+        case 1:
+          name = "美团";
+          break;
+        case 2:
+          name = "饿了么";
+          break;
+        case 3:
+          name = "饿百";
+          break;
+
+        default:
+          name = "美团";
+          break;
+      }
+      return name;
+    },
     getDetailOrder() {
       if (!this.orderInfo) return;
       detailOrder({ orderId: this.orderInfo.id }).then((res) => {