--

src/components/socketMessage/index.vue

@@ -7,6 +7,7 @@
     <p class="message-item" v-for="item in list" :key="item.index">
       [{{item.type}}消息]&nbsp;{{item.title}}
     </p>
+    <p class="unread-panel">共有{{total}}条未读消息</p>
   </div>
 </template>
 <script>
@@ -36,14 +37,17 @@
           "classname": "system.message.Message",
           "method": "queryMessage",
           "content": {
+            "isread":0,
             "nocache": true,
             "pageNumber": 1,
             "pageSize": 5,
-            "type": ''
+            "type": '',
+            "where":{}
           }
         }
         let res = await this.$api.requested(param)
         this.list = res.data
+        this.total = res.total
       },
       onCloseThemeChat () {
       },
@@ -75,9 +79,9 @@
           console.log("连接错误")
       },
       getMessage: function (msg) {
-        console.log(JSON.parse(msg.data))
         this.panelIsShow = true
         this.list = [JSON.parse(msg.data).message]
+        this.total = this.total + 1
       },
       send: function (type,val,timsubjectid) {
       },
@@ -136,4 +140,14 @@
   white-space: nowrap;
   text-overflow: ellipsis
 }
+.unread-panel{
+  position: absolute;
+  bottom:0px;
+  width: 100%;
+  text-align: center;
+  font-size: 14px;
+  padding: 10px;
+  color:#999999;
+  border-top:1px solid #CCCCCC
+}
 </style>