diff --git a/src/views/CIDList.vue b/src/views/CIDList.vue
index ecbb77c..7dce64b 100644
--- a/src/views/CIDList.vue
+++ b/src/views/CIDList.vue
@@ -204,24 +204,21 @@ export default {
 
 <template>
   <div>
-    <el-button
-      type="primary"
-      size="mini"
-      @click.prevent="handleMenuSelect('/videoList')"
+    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/videoList')"
       >视频列表</el-button
     >
-    <el-button
-      type="primary"
-      size="mini"
-      @click.prevent="handleMenuSelect('/device')"
+    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/device')"
       >设备管理</el-button
     >
-    <el-button
-      type="primary"
-      size="mini"
-      @click.prevent="handleMenuSelect('/User')"
+    <el-button 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"
diff --git a/src/views/Chat.vue b/src/views/Chat.vue
index 599abac..c418943 100644
--- a/src/views/Chat.vue
+++ b/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>
diff --git a/src/views/DeviceList.vue b/src/views/DeviceList.vue
index fd970c3..9bfd2f5 100644
--- a/src/views/DeviceList.vue
+++ b/src/views/DeviceList.vue
@@ -238,24 +238,21 @@ export default {
 
 <template>
   <div>
-    <el-button
-      type="primary"
-      size="mini"
-      @click.prevent="handleMenuSelect('/videoList')"
+    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/videoList')"
       >视频列表</el-button
     >
-    <el-button
-      type="primary"
-      size="mini"
-      @click.prevent="handleMenuSelect('/device')"
+    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/device')"
       >设备管理</el-button
     >
-    <el-button
-      type="primary"
-      size="mini"
-      @click.prevent="handleMenuSelect('/User')"
+    <el-button 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"
diff --git a/src/views/Group.vue b/src/views/Group.vue
index 5529f56..e7f5eb7 100644
--- a/src/views/Group.vue
+++ b/src/views/Group.vue
@@ -300,24 +300,21 @@ export default {
 
 <template>
   <div>
-    <el-button
-      type="primary"
-      size="mini"
-      @click.prevent="handleMenuSelect('/videoList')"
+    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/videoList')"
       >视频列表</el-button
     >
-    <el-button
-      type="primary"
-      size="mini"
-      @click.prevent="handleMenuSelect('/device')"
+    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/device')"
       >设备管理</el-button
     >
-    <el-button
-      type="primary"
-      size="mini"
-      @click.prevent="handleMenuSelect('/User')"
+    <el-button 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"
diff --git a/src/views/UserList.vue b/src/views/UserList.vue
index c102cee..e3441be 100644
--- a/src/views/UserList.vue
+++ b/src/views/UserList.vue
@@ -270,24 +270,21 @@ export default {
 
 <template>
   <div>
-    <el-button
-      type="primary"
-      size="mini"
-      @click.prevent="handleMenuSelect('/videoList')"
+    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/videoList')"
       >视频列表</el-button
     >
-    <el-button
-      type="primary"
-      size="mini"
-      @click.prevent="handleMenuSelect('/device')"
+    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/device')"
       >设备管理</el-button
     >
-    <el-button
-      type="primary"
-      size="mini"
-      @click.prevent="handleMenuSelect('/User')"
+    <el-button 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"