diff --git a/src/views/mall/promotion/kefu/components/KeFuChatBox.vue b/src/views/mall/promotion/kefu/components/KeFuChatBox.vue
index 40c0b126..84a2dac0 100644
--- a/src/views/mall/promotion/kefu/components/KeFuChatBox.vue
+++ b/src/views/mall/promotion/kefu/components/KeFuChatBox.vue
@@ -23,7 +23,7 @@
:src="keFuConversation.userAvatar"
alt="avatar"
/>
-
+
@@ -80,7 +81,7 @@ const messageTool = useMessage()
const message = ref('') // 消息
const messageList = ref([]) // 消息列表
const keFuConversation = ref({} as KeFuConversationRespVO) // 用户会话
-
+const poller = ref(null) // TODO puhui999: 轮训定时器,暂时模拟 websocket
// 获得消息 TODO puhui999: 先不考虑下拉加载历史消息
const getMessageList = async (conversation: KeFuConversationRespVO) => {
keFuConversation.value = conversation
@@ -91,6 +92,12 @@ const getMessageList = async (conversation: KeFuConversationRespVO) => {
messageList.value = list.reverse()
// TODO puhui999: 首次加载时滚动到最新消息,如果加载的是历史消息则不滚动
await scrollToBottom()
+ // TODO puhui999: 轮训相关,功能完善后移除
+ if (!poller.value) {
+ poller.value = setInterval(() => {
+ getMessageList(conversation)
+ }, 1000)
+ }
}
defineExpose({ getMessageList })
// 是否显示聊天区域
@@ -126,6 +133,14 @@ const scrollToBottom = async () => {
await nextTick()
scrollbarRef.value!.setScrollTop(innerRef.value!.clientHeight)
}
+
+// TODO puhui999: 轮训相关,功能完善后移除
+onBeforeUnmount(() => {
+ if (!poller.value) {
+ return
+ }
+ clearInterval(poller.value)
+})