✨ feat: 修改temp页面结构和路由，修复聊天框

ruoyi-ui/src/layout/components/Navbar.vue

@@ -14,8 +14,8 @@
 
         <div style="position: absolute;top: 0;right: 300px;font-weight: 200">
           <!--          <i style="position: relative;top: -7px;font-size: small;right: -20px;background-color: red;border-radius: 50%;color: white;width: 50px">99</i>-->
-          <el-button class="el-icon-s-comment" @click="chat=true" style="">打开聊天</el-button>
-          <chat-component :drawerVisible="chat" ref="chatComponent"/>
+          <el-button class="el-icon-s-comment" @click="chat=true" style="" >打开聊天</el-button>
+          <chat-component :drawerVisible="chat" ref="chatComponent" @close="hiddenChat"/>
         </div>
         <screenfull id="screenfull" class="right-menu-item hover-effect"/>
         <el-tooltip content="用户" effect="dark" placement="bottom">
@@ -142,6 +142,11 @@ export default {
       this.$store.dispatch('app/toggleSideBar')
     },
 
+    hiddenChat() {
+      this.chat = false;
+      console.log(this.chat, '关闭chat');
+    },
+
     getUser() {
       getUserProfile().then(response => {
         this.user = response.data.user;