购好物首页，隐藏页面再显示刷新添加时间间隔控制，默认5分钟~

王强
1 parent b7efbf80
Showing 1 changed file with 24 additions and 2 deletions
src/pages/optimization2/optimization2.vue
@@ -474,7 +474,9 @@
                     page: 1,
                     list: []
                 },
-                hotSalesActivityCode: 'ds_ghw_ad'   // 页面渠道码
+                hotSalesActivityCode: 'ds_ghw_ad',  // 页面渠道码
+                refreshInterval: 5,                 // 刷新时间间隔
+                refreshPoint: 0                     // 页面从隐藏到显示的刷新时间点，时间戳格式
             }
         },
         computed: {
@@ -555,6 +557,13 @@
             // 优选页面接口
             this.index();
  
+            // 设置刷新时间点
+            if (!this.refreshPoint && this.refreshInterval > 0) {
+
+                // 设置刷新时间点
+                this.setRefreshPoint(this.refreshInterval);
+            }
+
             // 商品列表
             // this.shopGoodsList();
  
@@ -598,6 +607,16 @@
         methods: {
  
             /**
+             * 设置刷新时间点
+             * @param {Number} minute [刷新间隔时间，单位分钟]
+             */
+            setRefreshPoint(minute) {
+
+                // 设置刷新时间点
+                this.refreshPoint = new Date().getTime() + (parseFloat(minute) * 60 * 1000);
+            },
+
+            /**
              * 加载更多
              */
             loadMore() {
@@ -1495,7 +1514,10 @@
             document.addEventListener('visibilitychange', () => {
  
                 // 页面显示出来了
-                if (document.hidden === false && this.$route.name == 'optimization2') {
+                if (document.hidden === false && this.$route.name == 'optimization2' && ((this.refreshPoint && new Date().getTime() > this.refreshPoint) || !this.refreshPoint)) {
+
+                    // 设置刷新时间点
+                    this.setRefreshPoint(this.refreshInterval);
  
                     // 优选页面接口
                     this.index();