From b7cde3799505297b06a9cc6bd6a64fa2fcb96925 Mon Sep 17 00:00:00 2001
From: "xie.bx" <Blue_Xie@epam.com>
Date: Wed, 7 Dec 2022 14:37:23 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=B6=88=E6=81=AF=E9=87=8D?=
 =?UTF-8?q?=E5=A4=8D=E5=8F=91=E9=80=81=E7=9A=84bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 im-ui/src/components/chat/ChatBox.vue | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/im-ui/src/components/chat/ChatBox.vue b/im-ui/src/components/chat/ChatBox.vue
index 98a881f..99047e6 100644
--- a/im-ui/src/components/chat/ChatBox.vue
+++ b/im-ui/src/components/chat/ChatBox.vue
@@ -40,7 +40,7 @@
 							</div>
 							<div title="聊天记录" class="el-icon-chat-dot-round" @click="showHistoryBox()"></div>
 						</div>
-						<textarea v-model="sendText" ref="sendBox" class="send-text-area" @keydown.enter="sendTextMessage()"></textarea>
+						<textarea v-model="sendText" ref="sendBox" class="send-text-area" :disabled="lockMessage" @keydown.enter="sendTextMessage()"></textarea>
 						<div class="im-chat-send">
 							<el-button type="primary" @click="sendTextMessage()">发送</el-button>
 						</div>
@@ -94,7 +94,8 @@
 					x: 0,
 					y: 0
 				},
-				showHistory: false // 是否显示历史聊天记录
+				showHistory: false, // 是否显示历史聊天记录
+				lockMessage: false // 是否锁定发送
 			}
 		},
 		methods: {
@@ -269,6 +270,7 @@
 				}
 				// 填充对方id
 				this.setTargetId(msgInfo, this.chat.targetId);
+				this.lockMessage = true;
 				this.$http({
 					url: this.messageAction,
 					method: 'post',
@@ -281,11 +283,14 @@
 					msgInfo.sendId = this.$store.state.userStore.userInfo.id;
 					msgInfo.selfSend = true;
 					this.$store.commit("insertMessage", msgInfo);
+				}).finally(() => {
+					// 解除锁定
+					this.lockMessage = false;
 					// 保持输入框焦点
-					this.$refs.sendBox.focus();
+					this.$nextTick(() => this.$refs.sendBox.focus());
 					// 滚动到底部
 					this.scrollToBottom();
-				})
+				});
 				const e = window.event || arguments[0];
 				if (e.key === 'Enter' || e.code === 'Enter' || e.keyCode === 13) {
 					e.returnValue = false;