feat：新增订单刷新功能

coupon/myOrder.html

@@ -24,7 +24,12 @@
         <!-- 弹出提示 -->
         <img class="backPresTy" @click="backHandler"
             src=" https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/backprepageBtn.png" alt="">
-        <div class="content">
+
+        <div id="refresh" @touchstart="touchStart($event)" @touchmove="touchMove($event)" @touchend="touchEnd($event)"
+            style="height:100%;">
+            <img v-show='loadShowHeight' class='img-lodging'
+                src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/img-logding.png" alt="">
+            <div class="content" slot="content">
                 <div class="content-item" v-for="item in orderList" :key="item.order_number">
                     <div class="top">
                         <p class="time">{{item.update_time}}</p>
@@ -56,6 +61,8 @@
                     <p>暂无订单</p>
                 </div>
             </div>
+        </div>
+
 
         <model-pop :show.sync="popShow" :title="popTitle" :status="popStatus" :text="popText" :bottom_text="bottomText"
             @backFunction="backFunction">
@@ -98,20 +105,26 @@
                     /* toast */
                     toastShow: '',
                     toastTip: '',
+                    redirect: false,
 
-                    redirect: false
+                    /* 加载 */
+                    scrollTop: 0,
+                    startY: 0,
+                    loadShowHeight: 0
                 }
             },
 
             components: {
                 tabComponent,
                 payPop,
-                modelPop
+                modelPop,
             },
 
             created () {
                 this.getOrderList()
                 this.goodsCount = localStorage.getItem('goodsCount');
+                this.scrollTop =
+                    document.documentElement.scrollTop || document.body.scrollTop
             },
 
             methods: {
@@ -121,6 +134,32 @@
                     return colorArray[status];
                 },
 
+                /* 以下三个方法是下拉刷新 */
+                touchStart (e) {
+                    this.startY = e.targetTouches[0].pageY
+                },
+
+
+                touchMove (e) {
+                    if (this.scrollTop == 0) {
+                        let moveDistance = e.targetTouches[0].pageY - this.startY
+                        if (moveDistance > 0 && moveDistance <= 80) {
+                            this.loadShowHeight = moveDistance
+                        }
+                    }
+                },
+
+                touchEnd () {
+                    if (this.loadShowHeight >= 60) {
+                        this.getOrderList()
+                        setTimeout(() => {
+                            this.loadShowHeight = 0;
+                        }, 2000);
+                    } else {
+                        this.loadShowHeight = 0
+                    }
+                },
+
                 /* 图标分流 */
                 filterImgSrc (item) {
                     if (item.type === 1) {