订单问题修复

pages/wo/bills/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <template v-if="screenWidth > 960">
+    <template v-if="!mobile">
       <div class="inn-uCenter">
         <div class="uCenter-left">
           <ul>
@@ -273,7 +273,7 @@
                 <div v-else-if="item.channel === 'wxpay'">微信支付</div>
                 <div v-else-if="item.channel === 'balance'">余额支付</div>
                 <div v-else-if="item.channel === 'gongmall'">工猫支付</div>
-                <span v-if="scope.row.channel === 'qingtuanbao'">青团宝支付</span>
+                <span v-if="item.channel === 'qingtuanbao'">青团宝支付</span>
                 <div v-else-if="item.channel === 'bank'">银行支付</div>
                 <div v-else-if="item.channel === 'admin_confirm'">人工支付</div>
                 <div v-else-if="item.channel === 'apple_pay'">苹果支付</div>
@@ -315,7 +315,6 @@ export default {
   },
   data() {
     return {
-      screenWidth: 1920,
       activeName: "first",
       page: 1,
       orderList: [],
@@ -333,20 +332,15 @@ export default {
       isPullingDown: false
     };
   },
-  // watch: {
-  //   orderList() {
-  //     if (this.screenWidth <= 960) {
-  //       this.$nextTick(() => {
-  //         this.createScroll();
-  //       });
-  //     }
-  //   }
-  // },
+  asyncData({app}) {
+    return {
+      mobile: app.$deviceType.isMobile(),
+    }
+  },
   mounted() {
     this.activeName = this.$route.query.activeName || "first";
-    this.screenWidth = window.screen.width;
     this.getOrders();
-    if (this.screenWidth > 960) {
+    if (!this.mobile) {
       this.getOrdersFirst();
       this.getOrdersSecond();
     }
@@ -359,7 +353,7 @@ export default {
         orderType: 0
       });
       if (res) {
-        if (this.screenWidth > 960) {
+        if (!this.mobile) {
           this.count = Number(res.data.count);
           this.orderList = res.data.orders;
         } else {
@@ -382,7 +376,7 @@ export default {
         orderType: 1
       });
       if (res) {
-        if (this.screenWidth > 960) {
+        if (!this.mobile) {
           this.countFirst = Number(res.data.count);
           this.orderListFirst = res.data.orders;
         }
@@ -399,7 +393,7 @@ export default {
         orderType: 2
       });
       if (res) {
-        if (this.screenWidth > 960) {
+        if (!this.mobile) {
           this.countSecond = Number(res.data.count);
           this.orderListSecond = res.data.orders;
         }