cps：省钱、返钱、赚钱列表数据缓存

htmldev/cps/src/views/fans/index.vue

@@ -59,7 +59,6 @@ export default {
       })
     },
     updateTotal (obj) {
-      console.log(obj)
       const { type, total } = obj
       this[`total${type}`] = total
 

htmldev/cps/src/views/marketing/index.vue

@@ -136,6 +136,12 @@ export default {
     _adjust (tabId) {
       this.scroll.scrollTo(this.initTranslate(tabId), 0, 300)
     }
+  },
+  beforeRouteLeave (to, form, next) {
+    if (['Mine'].findIndex(item => item === to.name) > -1) {
+      form.meta.isUseCache = true
+    }
+    next()
   }
 }
 </script>

htmldev/cps/src/views/marketing/make/index.vue

@@ -171,7 +171,7 @@ export default {
     this.scroll && this.scroll.destroy()
   },
   beforeRouteLeave (to, form, next) {
-    if (['Mine', 'OrderDetail'].findIndex(item => item === to.name) > -1) {
+    if (['MarketingSave', 'MarketingReturn'].findIndex(item => item === to.name) > -1) {
       form.meta.isUseCache = true
     }
     next()

htmldev/cps/src/views/marketing/return/index.vue

@@ -163,7 +163,7 @@ export default {
     this.scroll && this.scroll.destroy()
   },
   beforeRouteLeave (to, form, next) {
-    if (['Mine', 'OrderDetail'].findIndex(item => item === to.name) > -1) {
+    if (['MarketingSave', 'MarketingMake'].findIndex(item => item === to.name) > -1) {
       form.meta.isUseCache = true
     }
     next()

htmldev/cps/src/views/marketing/save/index.vue

@@ -4,6 +4,21 @@
       class="wrapper"
       ref="shopsWrapper">
       <ul>
+        <li
+          :class="{'static': isRefresh}"
+          class="pulldown-wrapper">
+          <van-loading
+            v-show="isRefresh"
+            size="24px"
+            type="spinner">加载中...
+          </van-loading>
+          <div
+            v-show="!isRefresh"
+            class="van-loading">
+          <span
+            class="van-loading__text">下拉刷新</span>
+          </div>
+        </li>
         <!--首屏只展示前3个-->
         <li
           v-for="(item, index) in shops.slice(0, 3)"
@@ -37,6 +52,7 @@
 </template>
 
 <script>
+import { Loading } from 'vant'
 import BScroll from 'better-scroll'
 import Mall from './mall'
 import { getHomeList } from './api'
@@ -44,16 +60,19 @@ import { getHomeList } from './api'
 export default {
   name: 'index',
   components: {
+    'van-loading': Loading,
     Mall
   },
   data () {
     return {
+      isRefresh: false, // 是否下拉刷新
       shopsScroll: null,
       shops: []
     }
   },
   activated () {
     if (!this.$route.meta.isUseCache) {
+      this.isRefresh = false
       this.fetchData()
     } else {
       if (this.shopsScroll) {
@@ -65,7 +84,15 @@ export default {
     _initScroll () {
       this.shopsScroll = new BScroll(this.$refs.shopsWrapper, {
         click: true,
-        probeType: 3
+        pullDownRefresh: {
+          threshold: 50, // 顶部下拉的距离
+          stop: 0 // 回弹停留的距离
+        },
+        scrollbar: true
+      })
+
+      this.shopsScroll.on('pullingDown', () => {
+        this.onRefresh()
       })
     },
     handleJump (shop) {
@@ -74,10 +101,19 @@ export default {
     handleShowMall () {
       this.shops.length && this.$refs.myMall.show()
     },
+    onRefresh () {
+      this.isRefresh = true
+      this.fetchData()
+    },
     async fetchData () {
       try {
         const { status, data } = await getHomeList()
         if (status) {
+          // 下拉刷新数据清空
+          if (this.isRefresh) {
+            this.isRefresh = false
+            this.shops = []
+          }
           if (Array.isArray(data)) {
             this.shops = data
           }
@@ -90,6 +126,12 @@ export default {
   },
   beforeDestroy () {
     this.shopsScroll && this.shopsScroll.destroy()
+  },
+  beforeRouteLeave (to, form, next) {
+    if (['MarketingReturn', 'MarketingMake'].findIndex(item => item === to.name) > -1) {
+      form.meta.isUseCache = true
+    }
+    next()
   }
 }
 </script>
@@ -123,6 +165,21 @@ export default {
       top: 0;
       width: 365px;
       margin-bottom: 28px;
+
+      &.pulldown-wrapper {
+        position: absolute;
+        left: 0;
+        top: -43px;
+        width: 100%;
+        text-align: center;
+        margin-bottom: 10px;
+
+        &.static {
+          position: static;
+          left: 0;
+          top: 0;
+        }
+      }
     }
   }