添加消息发送功能

.idea/misc.xml

+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="WebPackConfiguration">
+    <option name="mode" value="DISABLED" />
+  </component>
+</project>
\ No newline at end of file

src/api/business/chat.js

@@ -15,3 +15,11 @@ export function getUserList(params) {
   })
 }
 
+export function sendChatMsg(params) {
+  return request({
+    url: '/sysIM/sendChatMsg',
+    method: 'post',
+    data: params
+  })
+}
+

src/views/customerService/components/chatMessageItem.vue

 <template>
   <div class="message_components">
+    <!--自己发送的消息-->
     <div v-if="chatMessageItem.msgType === 1" class="message-self">
       <div class="message-self_content">{{ chatMessageItem.messageContent }}</div>
       <img :src="chatMessageItem.avatar" class="message-self__avatar">
     </div>
+    <!--其他人发送的消息-->
     <div v-if="chatMessageItem.msgType === 2" class="message-other">
       <img :src="chatMessageItem.avatar" class="message-other__avatar">
       <div class="message-other_content">
         {{ chatMessageItem.messageContent }}
       </div>
     </div>
+    <!--人工接管聊天-->
+    <div v-if="chatMessageItem.msgType === 3" class="message-enter">{{ chatMessageItem.messageContent }}</div>
+    <!--人工退出聊天-->
+    <div v-if="chatMessageItem.msgType === 4" class="message-enter">{{ chatMessageItem.messageContent }}</div>
   </div>
 </template>
 
@@ -60,7 +66,7 @@ export default {
       width: fit-content;
       max-width: 60%;
       background: #FFFFFF;
-      border-radius: 11px 11px 0px 11px;
+      border-radius: 11px 11px 11px 0;
       padding: 10px 12px;
       font-size: 12px;
       font-family: PingFangSC-Regular, PingFang SC;
@@ -74,6 +80,15 @@ export default {
       margin: 0 10px;
     }
   }
+  .message-enter {
+    width: 100%;
+    text-align: center;
+    font-size: 12px;
+    font-family: PingFangSC-Regular, PingFang SC;
+    font-weight: 400;
+    color: #989CA8;
+    line-height: 20px;
+  }
 }
 
 </style>