Fix：4066 【商城小程序】提交订单付款后，页面内容短暂闪现显示“undefined”文字

pages/order/OrderDetails/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <view class="order-details" style="padding: 30rpx;" @click="handleBody">
+  <view class="order-details" style="padding: 30rpx;" @click="handleBody" v-if="!loading && orderInfo.isTickets !== undefined">
     <!-- 给header上与data上加on为退款订单-->
     <view class=" v12-pa-3 v12-white" :class="refundOrder ? 'on' : ''" style="border-radius: 20rpx;" v-if="!isGift">
       <!-- <view class="status-img-box">
@@ -552,7 +552,8 @@ export default {
       webUrl: this.$VUE_APP_RESOURCES_URL,
       pageKeyId: Object.freeze('userOrderInfo'),
       logistics: {},
-      isGift: false
+      isGift: false,
+      loading: false
     };
   },
   computed: {
@@ -992,6 +993,10 @@ export default {
         });
         return;
       }
+      uni.showLoading({
+        title: '加载中'
+      })
+      this.loading = true
       orderDetail(id)
           .then(res => {
             this.orderInfo = res.data;
@@ -1025,6 +1030,9 @@ export default {
               icon: "none",
               duration: 2000
             });
+          }).finally(() => {
+            this.loading = false
+            uni.hideLoading()
           });
     },
     async toPay(type) {