访问热点详情页会修改url，这样在页面刷新后就会直接打开详情页

(cherry picked from commit 8d9c0e097786fd3e6bf8a487a3c640f2d9edec08)

public/static/js/Hot.js

@@ -1216,6 +1216,13 @@ window.initHot = function (model) {
 
           SoundManager.play('hot')
 
+          const myEvent = new CustomEvent('openHotspot', {
+            detail: {
+              hotspotUrl: this.info.link
+            }
+          })
+          document.dispatchEvent(myEvent)
+
           var src = getCommonHotspotUrl(this.info.link)
           n.src = src
           n.id = "id1",
@@ -1663,6 +1670,10 @@ window.initHot = function (model) {
 
     SoundManager.pause('hot', true)//自动播放被中断的音频 （bgm
 
+    const myEvent = new CustomEvent('closeHotspot', {
+      detail: null,
+    })
+    document.dispatchEvent(myEvent)
 
     return false
   }
@@ -1717,4 +1728,4 @@ window.initHot = function (model) {
     数据速率为1824kbps，720 *576px   时正常
     所以尽量降到2000以下 同时播放个数最好不超过2个 可能需要将src归零  并延迟加载、不自动播放
 
-     */
+ */

src/App.vue

@@ -24,6 +24,30 @@ export default {
     if (this.isMobile) {
       document.body.classList.add('mobile')
     }
+    document.addEventListener('openHotspot', (e) => {
+      console.log('shabiweixin', e)
+      this.$router.push({
+        name: this.$route.name,
+        query: {
+          ...this.$route.query,
+          ...{
+            hotspotUrl: encodeURIComponent(e.detail.hotspotUrl)
+          }
+        }
+      })
+    })
+    document.addEventListener('closeHotspot', (e) => {
+      console.log('shabiweixin close', e)
+      this.$router.push({
+        name: this.$route.name,
+        query: {
+          ...this.$route.query,
+          ...{
+            hotspotUrl: null,
+          }
+        }
+      })
+    })
   }
 }
 </script>

src/views/gui/CustomHotspotList.vue

@@ -30,12 +30,32 @@
 export default {
   data() {
     return {
-      hotspotList: window.myHotList,
+      hotspotList: null,
       intervalId: null,
     }
   },
+  watch: {
+    hotspotList: {
+      handler(vNew) {
+        if (vNew) {
+          if (this.$route.query.hotspotUrl) {
+            const hotspotId = decodeURIComponent(this.$route.query.hotspotUrl).split('m=')[1]
+            const clickedHotspot = this.hotspotList.find((item) => {
+              return item.sid === hotspotId
+            })
+            if (clickedHotspot) {
+              this.openHot(clickedHotspot)
+            }
+          }
+        }
+      },
+      immediate: true,
+    }
+  },
   mounted() {
-    if (!window.myHotList) {
+    if (window.myHotList) {
+      this.hotspotList = window.myHotList
+    } else {
       this.intervalId = setInterval(() => {
         if (window.myHotList) {
           this.hotspotList = window.myHotList