消息提醒

src/layout/components/header-notice.vue

@@ -121,11 +121,11 @@
 <script>
   import {
     getUnreadNotice,
-    getUnreadNotifyMessageCountAPI,
     updateAllNotifyMessageReadAPI,
     updateNotifyMessageReadByIdAPI
   } from '@/api/layout';
   import { getToken } from '@/utils/token-util';
+  import { init } from '@/utils/common.js';
 
   export default {
     data() {
@@ -164,9 +164,13 @@
     },
     created() {
       if (getToken()) {
-        this.getCount();
+        let url = 'ws://'+window.location.host+'/websocket/UnreadNotifyMessageCount?token='+getToken()
+        let socket = new WebSocket(url);
+        socket.onmessage = (event) => {
+          console.log(event.data)
+          this.noticeCount = event.data * 1 || 0;
+        };
       }
-      console.log('123123');
     },
     methods: {
       /* 查询数据 */
@@ -174,15 +178,7 @@
         this.notice = await getUnreadNotice();
         this.notice = this.notice.slice(0, 15);
       },
-      /* 查询条数 */
-      async getCount() {
-        clearInterval(this.timer);
-        let count = await getUnreadNotifyMessageCountAPI();
-        this.noticeCount = count * 1 || 0;
-        this.timer = setInterval(() => {
-          this.getCount();
-        }, 5000);
-      },
+    
 
       /* 清空通知 */
       async clearNotice(item = {}, index) {