src/components/talk/message/TextMessage.vue

@@ -2,7 +2,6 @@
 import { textReplaceEmoji } from '@/utils/emojis'
 import { textReplaceLink, textReplaceMention } from '@/utils/strings'
 import { ITalkRecordExtraText, ITalkRecord } from '@/types/chat'
-import { computed } from 'vue'
 
 const props = defineProps<{
   extra: ITalkRecordExtraText
@@ -13,14 +12,15 @@ const props = defineProps<{
 
 const float = props.data.float
 
-const textContent = computed(() => {
-  let text = props.extra?.content || ''
-  text = textReplaceLink(text)
-  if (props.data.talk_type == 2) {
-    text = textReplaceMention(text, '#1890ff')
-  }
-  return textReplaceEmoji(text)
-})
+let textContent = props.extra?.content || ''
+
+textContent = textReplaceLink(textContent)
+
+if (props.data.talk_type == 2) {
+  textContent = textReplaceMention(textContent, '#1890ff')
+}
+
+textContent = textReplaceEmoji(textContent)
 </script>
 
 <template>

src/pages/dialog/index.vue

@@ -194,10 +194,17 @@
         </div>
         <div class="load-toolbar pointer" style="transform: scaleY(-1);">
           <span v-if="loadConfig.status == 0">正在加载数据中 ...</span>
-          <span v-if="loadConfig.status == 1" @click="onScrollToLower">
+          <span v-else-if="loadConfig.status == 1" @click="onScrollToLower">
             查看更多消息 ...
           </span>
-          <span v-if="loadConfig.status == 2" class="no-more">
+          <span
+            v-else-if="
+              loadConfig.status != 0 &&
+              loadConfig.status != 1 &&
+              state.localPageLoadDone
+            "
+            class="no-more"
+          >
             没有更多消息了
           </span>
         </div>
@@ -1109,9 +1116,6 @@ watch(
         ) {
           //相同意味着分页加载缓存中的聊天记录完毕
           state.value.localPageLoadDone = true
-          if (dialogueList?.records?.[0]?.sequence !== 1) {
-            loadConfig.status = 1
-          }
         } else {
           state.value.localPageLoadDone = false
         }
@@ -1223,9 +1227,9 @@ const onScrollToUpper = async () => {
         virtualList.value = tempVirtualList
           .concat(
             dialogueList.records.slice(
-              recordIndex + 1,
-              Math.min(recordIndex + 11, dialogueList.records.length)
-            )
+              Math.min(recordIndex + 11, dialogueList.records.length),
+              dialogueList.records.length,
+            ),
           )
           .reverse()
 
@@ -1518,11 +1522,12 @@ const doMentionUser = (mentionSelect) => {
   // 构造正确的 mention 对象
   const mentionObj = {
     id: mentionSelect.user_id, // 使用 user_id 而不是 erp_user_id
-    nickname: mentionSelect.nickname,
+    nickname: mentionSelect.nickname
   }
   getMentionSelectLists([mentionObj])
 }
 
+
 let avatarPressTimer = null
 let currentPressItem = null