From 89fc3ac75322860288fc9f6f4189e203172c660f Mon Sep 17 00:00:00 2001
From: zhouxueli <2841188632@qq.com>
Date: Wed, 19 Mar 2025 10:14:13 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BA=8C=E6=89=8B=E8=BD=A6=E4=BA=A4=E6=98=93?=
 =?UTF-8?q?=EF=BC=8C=E5=90=8E=E5=8F=B0=E7=82=B9=E5=87=BB=E5=BC=B9=E6=A1=86?=
 =?UTF-8?q?=E5=85=B3=E9=97=AD=E6=97=B6=E8=AE=B0=E5=BD=95=E6=B5=8F=E8=A7=88?=
 =?UTF-8?q?=E9=87=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/secondHandCar/forSale.vue     | 26 ++++++++++---------------
 src/views/secondHandCar/wantBuySale.vue | 19 ++++++++----------
 2 files changed, 18 insertions(+), 27 deletions(-)

diff --git a/src/views/secondHandCar/forSale.vue b/src/views/secondHandCar/forSale.vue
index 7f3955ae..2f433526 100644
--- a/src/views/secondHandCar/forSale.vue
+++ b/src/views/secondHandCar/forSale.vue
@@ -98,6 +98,7 @@
 </template>
 
 <script>
+
 import {myMixins} from "@/utils/myMixins"
 import {carInfoDetail,saveRecord} from "@/api/secondHandCar";
 import { Dialog } from 'vant';
@@ -119,8 +120,13 @@ export default {
     }
   },
   async mounted() {
-    // console.log(" localStorage.setItem('indexActiveTab', this.activeTab);", localStorage.getItem('indexActiveTab'))
-    // 页面加载时记录进入时间
+    window.addEventListener('message', (event) => {
+      if (event.data === 'dialogClosed') {
+        console.log('Dialog 已关闭');
+        this.getDuration(1)
+        // 执行关闭后的逻辑
+      }
+    });
     this.startTime = new Date();
     const urlParams = new URLSearchParams(window.location.search);
     this.id=this.$route.query.id ||  urlParams.get('id');
@@ -140,22 +146,10 @@ export default {
       }
       this.imgSrcList.unshift(res?.data?.vehicleAnglePhoto)
     }
-    document.addEventListener('visibilitychange',  (  ) => {
-      let state = document.visibilityState
-      if (state == 'hidden') {  // 用户离开了
-        console.log("用户离开了1")
-        // 使用 sendBeacon 发送数据
-        /*const data = new FormData();
-        data.append('duration', 1);
-        navigator.sendBeacon('/api/getDuration', data);*/
-         this.getDuration(1);
-        console.log("用户离开了2")
-      }
-    });
   },
- /* destroyed() {
+  destroyed() {
     this.getDuration(1)
-  },*/
+  },
   methods:{
     formatToWan(num) {
       let result = (num / 10000).toString();
diff --git a/src/views/secondHandCar/wantBuySale.vue b/src/views/secondHandCar/wantBuySale.vue
index fab91b36..a225a92e 100644
--- a/src/views/secondHandCar/wantBuySale.vue
+++ b/src/views/secondHandCar/wantBuySale.vue
@@ -71,7 +71,12 @@ export default {
     }
   },
   async mounted() {
-    // 页面加载时记录进入时间
+    window.addEventListener('message', (event) => {
+      if (event.data === 'dialogClosed') {
+        console.log('Dialog 已关闭');
+        this.getDuration(1)
+      }
+    });
     this.startTime = new Date();
     const urlParams = new URLSearchParams(window.location.search);
     this.id=this.$route.query.id ||  urlParams.get('id');
@@ -84,18 +89,10 @@ export default {
       })
       this.detailInfo = res?.data
     }
-    document.addEventListener('visibilitychange', async (  ) => {
-      let state = document.visibilityState
-      if (state == 'hidden') {  // 用户离开了
-        console.log("用户离开了1")
-        await this.getDuration(1);
-        console.log("用户离开了2")
-      }
-    });
   },
-  /*destroyed() {
+  destroyed() {
     this.getDuration(1)
-  },*/
+  },
   methods:{
     getDuration(type){
       const endTime = new Date();