更新会话弹窗

chat.vue

 <template>
-  <el-dialog
+  <!-- <el-dialog
     class="chat-dialog-con"
     :close-on-click-modal="false"
     :visible="visible"
     @close="hide"
-  >
-    <div class="chat-con h-100">
+  > -->
+    <div class="chat-con">
       <div class="h-100 chat-list">
         <chat-list />
       </div>
@@ -16,7 +16,7 @@
         <el-button @click="terminate">结束</el-button>
       </div>
     </div>
-  </el-dialog>
+  <!-- </el-dialog> -->
 </template>
 <script lang="ts">
 import { Component, Vue } from "vue-property-decorator";
@@ -32,9 +32,6 @@ export default class Chat extends Vue {
   @chatStore.State(ChatStore.STATE_CHAT_CURRENT_CHAT_ID)
   private readonly chatId!: ChatStore.STATE_CHAT_CURRENT_CHAT_ID;
 
-  @chatStore.State(ChatStore.STATE_CHAT_DIALOG_VISIBLE)
-  private readonly visible!: ChatStore.STATE_CHAT_DIALOG_VISIBLE;
-
   @chatStore.Mutation(ChatStore.MUTATION_HIDE_CHAT)
   private readonly hide!: ChatStore.MUTATION_HIDE_CHAT;
 
@@ -47,18 +44,15 @@ export default class Chat extends Vue {
 }
 </script>
 <style lang="less" scoped>
-.chat-dialog-con {
-  /deep/ .el-dialog__header {
-    display: none;
-  }
-  /deep/ .el-dialog {
-    width: 80%;
-    max-width: 1200px;
-  }
-  --chat-side-width: 200px;
-}
 .chat-con {
-  height: 500px;
+  --chat-side-width: 200px;
+  position: fixed;
+  left:0;
+  right:0;
+  bottom:0;
+  top:64px;
+  z-index:99999;
+  background: #fff;
 }
 .chat-list,
 .chat-area,

xim/xim.ts

@@ -104,6 +104,11 @@ export class Xim {
         return this.client.fetchMsgInBox(chatType, chatId, msgId);
     }
 
+    // public fetchChatList() {
+    //     if (this.client == null) return;
+    //     return this.client.fetchChatList();
+    // }
+
     /**
      * 发送消息
      */