refactor: 添加MQTT连接和token监听功能

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>

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>

components/kl-wallpaper-category/index.vue

@@ -83,9 +83,9 @@
     return props.type === 1 ? '图纸' : props.type === 3 ? '模型' : '文本'
   })
 
-  const handleParentId = (type?: string) => {
+  const handleParentId = () => {
     if (level?.value?.length > 1) {
-      if (type === 'init' && level.value.find((c: any) => c.isChildren)) {
+      if (level.value.find((c: any) => c.isChildren)) {
         return level.value[level.value.length - 2].id || '' // 获取最后一个元素的 id 或 defaul
       }
       return level.value[level.value.length - 1].id || '' // 获取最后一个元素的 id 或 defaul
@@ -130,11 +130,9 @@
   console.log('breadList', breadList);
   
 
-  /** 是否是初始化 */
-  const queryType = ref('init')
   /**获取分类下拉框 */
   const { data: projectTypeList, refresh } = useAsyncData(`projectType-draw-${props.type}-${Date.now()}`, async () => {
-    const res = await parent({ type: 1, parentId: handleParentId(queryType.value) })
+    const res = await parent({ type: 1, parentId: handleParentId() })
     const all = [{ id: '-1', name: '全部' }]
     return [...all, ...res.data]
   })
@@ -159,7 +157,6 @@
     } else {
       level.value.push({ id: row.id, name: row.name })
       // getParent()
-      queryType.value = ''
       refresh()
     }
   }
@@ -169,7 +166,6 @@
     query.value.title = ''
     query.value.projectType = row.id
     // getParent()
-    queryType.value = ''
     refresh()
   }
 </script>