feat: 代码优化

src/views/customerService/chatDetail.vue

@@ -105,7 +105,7 @@ export default {
       messageContent: '',
       nextReqMessageID: '', // 历史消息下一页
       isCompleted: false,
-      envText: process.env.NODE_ENV === 'development' ? 'cjxc-applet-dev_' : 'cjxc-applet_',
+      envText: 'cjxc-applet-dev_',
       conversationList: [], // 会话列表
       currentConversationItem: {}, // 当前聊天
       messageList: [], // 历史消息

src/views/customerService/chatList.vue

@@ -51,8 +51,9 @@
     <el-drawer
       :visible.sync="showDetail"
       :with-header="false"
+      :before-close="handleClose"
       size="40%">
-      <div>
+      <div v-if="showDetail">
         <MessageDetail :from-account="fromAccount" :to-account="toAccount" />
       </div>
 
@@ -92,6 +93,9 @@ export default {
     this.getList()
   },
   methods: {
+    handleClose() {
+      this.showDetail = false
+    },
     /**
      * 获取客服列表
      **/

src/views/customerService/components/historyMessageList.vue

+<template>
+  <div class="component-history"/>
+
+</template>
+
+<script>
+export default {
+  name: 'HistoryMessageList',
+  props: {
+    fromAccount: {
+      type: String,
+      required: true
+    },
+    toAccount: {
+      type: String,
+      required: true
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.component-history {
+  display: flex;
+  flex-direction: column;
+}
+</style>

src/views/customerService/components/messageDetail.vue

 <template>
   <div class="components-message">
-    <!--    <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
-      <el-menu-item index="0">会话记录</el-menu-item>
-      <el-menu-item index="1">
-        会话信息
-      </el-menu-item>
-    </el-menu>-->
     <el-tabs v-model="activeIndex" @tab-click="handleSelect">
-      <el-tab-pane label="会话记录" name="1">用户管理</el-tab-pane>
+      <el-tab-pane label="会话记录" name="1">
+        <HistoryMessageList :from-account="fromAccount" :to-account="toAccount"/>
+      </el-tab-pane>
       <el-tab-pane label="会话信息" name="2">
         <ChatUserInfo :chat-user-info="chatUserInfo" />
       </el-tab-pane>
@@ -19,9 +15,10 @@
 <script>
 import { findChatUserInfo } from '@/api/business/chat'
 import ChatUserInfo from './chatUserInfo'
+import HistoryMessageList from './historyMessageList'
 export default {
   name: 'MessageDetail',
-  components: { ChatUserInfo },
+  components: { HistoryMessageList, ChatUserInfo },
   props: {
     fromAccount: {
       type: String,