From ee50c3ba19271ab63c12fbab095f4b88b93ef92c Mon Sep 17 00:00:00 2001
From: zhoulinf <2507241354@qq.com>
Date: Thu, 26 Mar 2026 16:10:26 +0800
Subject: [PATCH] =?UTF-8?q?CRM=5F26-03-31#story#8372,=E6=9C=8D=E5=8A=A1?=
 =?UTF-8?q?=E5=95=86KPI=E7=9C=8B=E6=9D=BF=E8=AE=BE=E7=BD=AE=E5=9F=8B?=
 =?UTF-8?q?=E7=82=B9=E5=8F=8A=E6=94=AF=E6=8C=81=E6=95=B0=E6=8D=AE=E5=AF=BC?=
 =?UTF-8?q?=E5=87=BA=E9=9C=80=E6=B1=82--=E4=B8=AD=E5=BF=83=E7=BB=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/index.html          |  4 ++--
 src/views/kpi/kpiIndex.vue | 38 ++++++++++++++++++++------------------
 2 files changed, 22 insertions(+), 20 deletions(-)

diff --git a/public/index.html b/public/index.html
index 9c5f464a..96130c06 100644
--- a/public/index.html
+++ b/public/index.html
@@ -31,14 +31,14 @@
         }
     </script>
     <script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=2560bbf04daef66c810c5e6a97e8c508&plugin=AMap.AutoComplete,AMap.PlaceSearch,AMap.Geolocation,AMap.Geocoder,AMap.Marker,AMap.Driving"></script>
-    <script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>
+<!--    <script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>-->
     <script>
         window.selfLink = window.location.href;
         window.selfSearch = window.location.search;
     </script>
     <script>
         // VConsole 默认会挂载到 `window.VConsole` 上
-        let vConsole = new window.VConsole();
+        // let vConsole = new window.VConsole();
         (function (doc, win) {
             // console.log("==window.location.pathname===",window.location.pathname)
             let docEl = doc.documentElement
diff --git a/src/views/kpi/kpiIndex.vue b/src/views/kpi/kpiIndex.vue
index 0573e9e7..17d0f561 100644
--- a/src/views/kpi/kpiIndex.vue
+++ b/src/views/kpi/kpiIndex.vue
@@ -350,24 +350,26 @@ export default {
     await this.initDate();
     await this.selectSupplierNameHandle();
     await this.getUserInfo();
-    this.enterTime = dayjs().format('YYYY-MM-DD HH:mm:ss');
-  },
-  beforeMount() {
-    console.log('beforeMount')
-  },
-  destroyed() {
-    console.log('beforeDestroy')
-    if( this.source == 'App' ) {
-      console.log('beforeDestroy---AAAA')
-      this.setLogHandler({
-        supplierId: this.currentSupplierId,      // 服务商 id
-        userId: this.userId,              // userId
-        source: '服务商KPI',
-        event: this.source,               // 区分 App 还是 system
-        openTime: this.enterTime,   // log 时间，其中 阅读时长是由 enter 和 leave 的时间计算而来
-        leaveTime: dayjs().format('YYYY-MM-DD HH:mm:ss'),
-      });
-    }
+    document.addEventListener('visibilitychange', async (  ) => {
+      let state = document.visibilityState
+      if (state == 'hidden') {  // 用户离开了
+        if( this.source == 'App' ) {
+          this.setLogHandler({
+            supplierId: this.currentSupplierId,      // 服务商 id
+            userId: this.userId,              // userId
+            source: '服务商KPI',
+            event: this.source,               // 区分 App 还是 system
+            openTime: this.enterTime,   // log 时间，其中 阅读时长是由 enter 和 leave 的时间计算而来
+            leaveTime: dayjs().format('YYYY-MM-DD HH:mm:ss'),
+          });
+        }
+      }
+      if (state == 'visible') {
+        this.enterTime = dayjs().format('YYYY-MM-DD HH:mm:ss');
+      }
+    });
+
+
   },
   methods: {
     async getUserInfo() {