feat: UI优化

src/views/customerService/chatDetail.vue

@@ -579,7 +579,7 @@ export default {
 }
 </script>
 
-<style lang="less" scoped>
+<style lang="scss" scoped>
 /deep/ .main {
   padding: 0;
 }

src/views/customerService/chatList.vue

@@ -52,8 +52,10 @@
       :visible.sync="showDetail"
       :with-header="false"
       size="40%">
-      <span>详情</span>
-      <!--      <MessageDetail :from-account="fromAccount" :to-account="toAccount" />-->
+      <div>
+        <MessageDetail :from-account="fromAccount" :to-account="toAccount" />
+      </div>
+
     </el-drawer>
   </div>
 

src/views/customerService/components/chatMessageItem.vue

@@ -31,7 +31,7 @@ export default {
 }
 </script>
 
-<style lang="less" scoped>
+<style lang="scss" scoped>
 .message_components {
   width: 100%;
   display: flex;

src/views/customerService/components/chatUserInfo.vue

@@ -79,7 +79,7 @@ export default {
 }
 </script>
 
-<style lang="less" scoped>
+<style lang="scss" scoped>
 .component-chatUserInfo {
   display: flex;
   flex-direction: column;

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 :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-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="2">
+        <ChatUserInfo :chat-user-info="chatUserInfo" />
+      </el-tab-pane>
+    </el-tabs>
   </div>
 
 </template>
 
 <script>
 import { findChatUserInfo } from '@/api/business/chat'
+import ChatUserInfo from './chatUserInfo'
 export default {
   name: 'MessageDetail',
+  components: { ChatUserInfo },
   props: {
     fromAccount: {
       type: String,
@@ -24,7 +34,8 @@ export default {
   },
   data() {
     return {
-      activeIndex: 0
+      activeIndex: '1',
+      chatUserInfo: {}
     }
   },
   created() {
@@ -35,7 +46,6 @@ export default {
     handleSelect(key, keyPath) {
       console.log(key, keyPath)
     },
-    handleGetMessageList: {},
     handleFindChatUserInfo() {
       const params = {
         fromAccount: this.fromAccount,
@@ -54,7 +64,7 @@ export default {
 }
 </script>
 
-<style lang="less" scoped>
+<style lang="scss" scoped>
 .components-message {
 
 }