顶部菜单功能，聊天wss关闭

src/views/CIDList.vue

@@ -204,24 +204,21 @@ export default {
 
 <template>
   <div>
-    <el-button
+    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/videoList')"
-      type="primary"
-      size="mini"
-      @click.prevent="handleMenuSelect('/videoList')"
       >视频列表</el-button
     >
-    <el-button
+    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/device')"
-      type="primary"
-      size="mini"
-      @click.prevent="handleMenuSelect('/device')"
       >设备管理</el-button
     >
-    <el-button
+    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/User')"
-      type="primary"
-      size="mini"
-      @click.prevent="handleMenuSelect('/User')"
       >用户</el-button
     >
+    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/chat')"
+      >聊天</el-button
+    >
+    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/group')"
+      >群组</el-button
+    >
     <el-button
       type="primary"
       size="mini"

src/views/Chat.vue

@@ -565,6 +565,10 @@ export default {
     },
     handleMenuSelect(val) {
       router.push(val);
+      //关闭websocket
+      if (this.socket!= null) {
+        this.socket.close();
+      }
     },
     toVideoList() {
       router.push("/videoList");
@@ -600,6 +604,7 @@ export default {
     if (this.eventSource) {
       this.eventSource.close();
     }
+    console.log("unmounted chat");
   },
 };
 </script>

src/views/DeviceList.vue

@@ -238,24 +238,21 @@ export default {
 
 <template>
   <div>
-    <el-button
+    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/videoList')"
-      type="primary"
-      size="mini"
-      @click.prevent="handleMenuSelect('/videoList')"
       >视频列表</el-button
     >
-    <el-button
+    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/device')"
-      type="primary"
-      size="mini"
-      @click.prevent="handleMenuSelect('/device')"
       >设备管理</el-button
     >
-    <el-button
+    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/User')"
-      type="primary"
-      size="mini"
-      @click.prevent="handleMenuSelect('/User')"
       >用户</el-button
     >
+    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/chat')"
+      >聊天</el-button
+    >
+    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/group')"
+      >群组</el-button
+    >
     <el-button
       type="primary"
       size="mini"

src/views/Group.vue

@@ -300,24 +300,21 @@ export default {
 
 <template>
   <div>
-    <el-button
+    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/videoList')"
-      type="primary"
-      size="mini"
-      @click.prevent="handleMenuSelect('/videoList')"
       >视频列表</el-button
     >
-    <el-button
+    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/device')"
-      type="primary"
-      size="mini"
-      @click.prevent="handleMenuSelect('/device')"
       >设备管理</el-button
     >
-    <el-button
+    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/User')"
-      type="primary"
-      size="mini"
-      @click.prevent="handleMenuSelect('/User')"
       >用户</el-button
     >
+    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/chat')"
+      >聊天</el-button
+    >
+    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/group')"
+      >群组</el-button
+    >
     <el-button
       type="primary"
       size="mini"

src/views/UserList.vue

@@ -270,24 +270,21 @@ export default {
 
 <template>
   <div>
-    <el-button
+    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/videoList')"
-      type="primary"
-      size="mini"
-      @click.prevent="handleMenuSelect('/videoList')"
       >视频列表</el-button
     >
-    <el-button
+    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/device')"
-      type="primary"
-      size="mini"
-      @click.prevent="handleMenuSelect('/device')"
       >设备管理</el-button
     >
-    <el-button
+    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/User')"
-      type="primary"
-      size="mini"
-      @click.prevent="handleMenuSelect('/User')"
       >用户</el-button
     >
+    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/chat')"
+      >聊天</el-button
+    >
+    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/group')"
+      >群组</el-button
+    >
     <el-button
       type="primary"
       size="mini"