1、右上角新增消息中心提示

2、消息中心新增连接点击打开对应的详情页面
3、页面样式调整，关联附件新增前端分页

src/layout/components/Navbar.vue

@@ -5,13 +5,22 @@
     <breadcrumb id="breadcrumb-container" class="breadcrumb-container" v-if="!topNav"/>
     <top-nav id="topmenu-container" class="topmenu-container" v-if="topNav"/>
 
+
     <div class="right-menu">
-      <!--<template v-if="device!=='mobile'">
-        <search id="header-search" class="right-menu-item" />
+<!--      <span @click="toMyCartPage">
+        <el-badge :value="totalCartCount >= 99 ? '99+' : totalCartCount" class="item">
+          <span class="top-msg">消息</span>
+        </el-badge>
+      </span>-->
+      <span class="top-version">v1.0.0</span>
+      <span style="cursor: pointer;" @click="toMyCartPage">
+        <el-badge :value="totalCartCount >= 99 ? '99+' : totalCartCount" class="item">
+          <el-tooltip class="item" effect="light" content="消息通知" placement="bottom">
+            <i class="el-icon-bell"></i>
+          </el-tooltip>
+        </el-badge>
+      </span>
 
-        <screenfull id="screenfull" class="right-menu-item hover-effect" />
-
-      </template>-->
       <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="click">
         <div class="avatar-wrapper">
           <span style="font-size: 16px"><i class="el-icon-user"/> {{nickName}}</span>
@@ -68,7 +77,10 @@ export default {
       get() {
         return this.$store.state.settings.topNav
       }
-    }
+    },
+    totalCartCount() {
+      return this.$store.state.user.unreadMsgNumber ? this.$store.state.user.unreadMsgNumber : 0
+    },
   },
   methods: {
     toggleSideBar() {
@@ -84,7 +96,11 @@ export default {
           location.href = '/index';
         })
       }).catch(() => {});
-    }
+    },
+    // 跳转到购物车
+    toMyCartPage() {
+      this.$router.push({ path: '/message' })
+    },
   }
 }
 </script>