修改实时消息通知

src/views/main-sidebar-sub-menu.vue

@@ -41,23 +41,26 @@ export default {
 
 <style lang="scss" scoped>
 .red-point {
-    width: 5px;
-    height: 5px;
-    background: #FF4C52;
-    border-radius: 50%;
-    margin-left: 10px;
-    display: inline-block;
+  width: 5px;
+  height: 5px;
+  background: #FF4C52;
+  border-radius: 50%;
+  margin-left: 10px;
+  display: inline-block;
 }
 .num {
   margin-left: 10px;
   background: #FF4C52;
   color: #ffffff;
-  width: 20px;
+  min-width: 20px;
   height: 20px;
   display: inline-block;
-  line-height: 20px;
-  text-align:center;
-  border-radius: 50%;
+  line-height: 14px;
+  text-align: center;
+  border-radius: 5px;
   font-size: 12px;
+  padding: 4px;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
 }
 </style>

src/views/main-sidebar.vue

@@ -109,11 +109,17 @@ export default {
       this.stompClient.subscribe(topic, this.onSubscribe)
     },
     onSubscribe (value) {
+      this.pid = 0
+      this.parentPid = 0
       const selectRoute = JSON.parse(value.body)
-      console.log('menuCode', selectRoute)
       const list = JSON.parse(JSON.stringify(window.SITE_CONFIG['menuList']))
-      this.$store.state.sidebarMenuList = this.filterRoute(list, selectRoute)
-      console.log(this.$store.state.sidebarMenuList)
+      if (Object.prototype.toString.call(selectRoute) === '[object Array]') {
+        selectRoute.forEach(item => {
+          this.$store.state.sidebarMenuList = this.filterRoute(list, item)
+        })
+      } else if (Object.prototype.toString.call(selectRoute) === '[object Object]') {
+        this.$store.state.sidebarMenuList = this.filterRoute(list, selectRoute)
+      }
       if (this.routeListOne.length > 0) {
         this.routeListOne = []
         this.routeListTwo = JSON.parse(JSON.stringify(this.$store.state.sidebarMenuList))