CRM_26-03-31#story#8372,服务商KPI看板设置埋点及支持数据导出需求--中心组

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

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() {