From 2c93761bcaf883c57d1cd52c4e987cb95b9b650a Mon Sep 17 00:00:00 2001
From: luyisha <luyisha@xingtongworld.com>
Date: Mon, 31 Jul 2023 12:14:19 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue            | 42 ++++++++++++++++++++++++++++++++++++------
 src/views/index.vue    |  4 ++--
 src/views/ty/index.vue |  3 ++-
 3 files changed, 40 insertions(+), 9 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 274d472..82f9497 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,5 @@
 <template>
-  <div id="app" class="btgym">
+  <div id="app" class="btgym" v-on:mousemove="mouseMove">
     <!-- 顶部信息 -->
     <div class="topnav">
       <div class="toptxt">
@@ -39,7 +39,10 @@ export default {
       mon_num: 0,
       year_num: 0,
       sumYear_num: 0,
-      currentPage: 0
+      currentPage: 0,
+      polling: null,//轮询的时候的一个计时器
+      timeCount: 0,//判断鼠标是否移动的一个控制变量
+      judgeTimer: null,//判断鼠标是否移动的一个计时器
     };
   },
   created() {
@@ -61,9 +64,22 @@ export default {
     this.getTimespan();
     this.getStat();
     // this.getWS()
-    setInterval(() => {
-      this.autoChange();
-    }, 10000);
+    // setInterval(() => {
+    //   this.autoChange();
+    // }, 10000);
+  },
+  watch: {
+    timeCount: {
+      handler() {
+        this.judgeTimer = null;
+        this.polling = null;
+        clearTimeout(this.judgeTimer);
+        clearInterval(this.polling);
+        this.judgeTimer = setTimeout(() => {
+          this.play();
+        }, 200);
+      },
+    },
   },
   methods: {
     //
@@ -127,7 +143,21 @@ export default {
         this.currentPage = 0;
         this.$router.push({ path: '/ty'})
       }
-    }
+    },
+    mouseMove() {
+      clearTimeout(this.judgeTimer);
+      clearInterval(this.polling);
+      this.timer = null;
+      this.polling = null;
+      this.timeCount = ++this.timeCount % 100;
+    },
+    play() {
+      clearInterval(this.polling);
+      this.polling = setInterval(() => {
+        // 具体业务代码
+        this.autoChange();
+      }, 20000);
+    },
   },
 };
 </script>
diff --git a/src/views/index.vue b/src/views/index.vue
index a4fa1ee..baaa15f 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -964,6 +964,8 @@ export default {
 .screen-box {
   background: none !important;
 }
+</style>
+<style>
 .btgym {
   width: 100%;
   height: 100%;
@@ -972,8 +974,6 @@ export default {
   background-position: 100% 100%;
   background-repeat: no-repeat;
 }
-</style>
-<style>
 #index {
   width: 100%;
   height: 100%;
diff --git a/src/views/ty/index.vue b/src/views/ty/index.vue
index b8ae2a4..7a219bd 100644
--- a/src/views/ty/index.vue
+++ b/src/views/ty/index.vue
@@ -896,6 +896,7 @@ export default {
       // 场馆人次占比
       homeApi.homeBarData({groupsId:idArr}).then(res=>{
           // console.log(res, '=场馆人次占比=');
+          that.groupsData = [];
           console.log(res.data.data.groupsData)
           res.data.data.groupsData.forEach(item=>{
             that.groupsData.push(item);
@@ -913,7 +914,7 @@ export default {
           that.cgv_2 = that.groupsData[1].noRepeatInNum;
           that.cgp_2 = that.groupsData[1].proportion;
           that.cgn_3 = that.groupsData[2].groupName;
-          that.cgv_2 = that.groupsData[1].noRepeatInNum;
+          that.cgv_3 = that.groupsData[2].noRepeatInNum;
           that.cgp_3 = that.groupsData[2]?that.groupsData[2].proportion:'';
       });
     },