feat: 轮询查询未读消息

src/components/_base/navbar/components/right-side/index.vue

@@ -1,11 +1,14 @@
 <template>
   <div class="right-wrap">
-    <SvgIcon
-      name="svg-taskCenter"
-      size="16"
-      class="cursor-pointer color-#737478 hover:color-#6D4CFE mr-12px"
-      @click="openDownloadCenter"
-    />
+    <div class="relative mr-12px" @click="sideBarStore.removeTaskUnreadInfo">
+      <SvgIcon
+        name="svg-taskCenter"
+        size="16"
+        class="cursor-pointer color-#737478 hover:color-#6D4CFE"
+        @click="openDownloadCenter"
+      />
+      <div class="w-4px h-4px rounded-50% bg-#F64B31 absolute top-1px right-1px" v-if="hasUnreadInfo"></div>
+    </div>
 
     <a-dropdown trigger="click" class="layout-avatar-dropdown">
       <a-avatar class="cursor-pointer" :size="32">
@@ -70,6 +73,7 @@
 <script setup>
 import router from '@/router';
 import { useEnterpriseStore } from '@/stores/modules/enterprise';
+import { useSidebarStore } from '@/stores/modules/side-bar';
 import { useUserStore } from '@/stores';
 
 import ExitAccountModal from '@/components/_base/exit-account-modal';
@@ -81,6 +85,9 @@ import icon3 from '@/assets/change.svg';
 
 const enterpriseStore = useEnterpriseStore();
 const userStore = useUserStore();
+const sideBarStore = useSidebarStore();
+
+const hasUnreadInfo = computed(() => sideBarStore.unreadInfo.length)
 
 const exitAccountModalRef = ref(null);
 const downloadCenterModalRef = ref(null);