修改对比页面

vue/afvue/src/views/Compare.vue

@@ -40,9 +40,8 @@
         <div class="resbox">
             <label class="retitl">对比结果</label>
             <div class="reslist">
-                <p v-for="msg in msglist" :key="kk">{{ msg }}</p>
-                <p>22 目标服务器的文件hash与源服务器的文件hash不同</p>
-                <p>33 目标服务器上存在aa 目录/文件，但是源服务器上不存在</p>
+                <p v-for="msg in msglist" >{{ msg }}</p>
+
             </div>
         </div>
 
@@ -190,7 +189,6 @@
     padding-left: 20px;
     background-color: hsla(160, 100%, 37%, 1);
     letter-spacing: 2px;
-
 }
 
 /* 对比结果 */
@@ -318,9 +316,18 @@ export default {
         },
         // 消息处理
         handleMessage(event) {
-            console.log("event", JSON.parse(event.data).data);
+            // console.log("event", JSON.parse(event.data).data);
+            // msglist 保存10条记录
+            if (this.msglist.length > 13) {
+                this.msglist.shift();
+                // 清空msglist数组
+                
+            }else{
+                this.msglist.push(event.data);
+            }
+
             // 处理收到的消息
-            this.msglist.push(event.data);
+            // this.msglist.push(event.data);
         },
         // 关闭sse
         closeSSE() {