From 7a91eddbb49270cbb03354a15d7a671d5b57b4ce Mon Sep 17 00:00:00 2001
From: wangqiao <wangqiao@58hn.cn>
Date: Sat, 30 Aug 2025 11:18:13 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E6=B7=BB=E5=8A=A0MQTT=E8=BF=9E?=
 =?UTF-8?q?=E6=8E=A5=E5=92=8Ctoken=E7=9B=91=E5=90=AC=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app.vue                            | 25 ++++++++++++++++++++++++-
 components/kl-quick-menu/index.vue |  2 +-
 2 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/app.vue b/app.vue
index e7cba0b..a7b032d 100644
--- a/app.vue
+++ b/app.vue
@@ -7,4 +7,27 @@
   </div>
 </template>
 
-<script setup lang="ts"></script>
+<script setup lang="ts">
+  import refreshToken from '~/utils/RefreshToken'
+  import useUserStore from '~/stores/user'
+  const userStore = useUserStore()
+
+  onMounted(() => {
+    if (!userStore.mqttClient && userStore.userInfoRes.id) {
+      // 判断建立连接没 刷新会走这儿
+      userStore.connectMqtt()
+    }
+
+    // 浏览器打开新的tab页，防止数据不一致
+    document.addEventListener('visibilitychange', () => {
+      if (userStore.token !== refreshToken.getToken().token) {
+        location.reload()
+      }
+    })
+  })
+
+  onUnmounted(() => {
+    // 断开连接
+    userStore.mqttClient?.disconnect()
+  })
+</script>
diff --git a/components/kl-quick-menu/index.vue b/components/kl-quick-menu/index.vue
index d02589d..f4fb88a 100644
--- a/components/kl-quick-menu/index.vue
+++ b/components/kl-quick-menu/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="fixed-button-group">
     <div class="button-item" @click="handleVip">
-      <el-badge :is-dot="readCount" class="item">
+      <el-badge class="item">
         <el-icon class="icon-item !color-[#10c55b]"><Trophy /></el-icon>
       </el-badge>
       <span class="button-text">VIP</span>