From 89f707a03194779329c94d9aff2ca874f41a34c2 Mon Sep 17 00:00:00 2001
From: Phoenix <64720302+Concur-max@users.noreply.github.com>
Date: Thu, 22 May 2025 11:52:44 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96ForwardRecord.vue=E4=B8=AD?=
 =?UTF-8?q?=E7=9A=84=E6=B6=88=E6=81=AF=E6=96=87=E6=9C=AC=E8=83=8C=E6=99=AF?=
 =?UTF-8?q?=E8=89=B2=EF=BC=8C=E6=96=B0=E5=A2=9EUserCardModal.vue=E7=9A=84?=
 =?UTF-8?q?=E7=A6=BB=E5=BC=80=E4=BA=8B=E4=BB=B6=E5=A4=84=E7=90=86=E9=80=BB?=
 =?UTF-8?q?=E8=BE=91=EF=BC=8C=E8=B0=83=E6=95=B4useTalkRecord.ts=E4=B8=AD?=
 =?UTF-8?q?=E7=9A=84=E6=95=B0=E6=8D=AE=E5=8A=A0=E8=BD=BD=E6=97=A5=E5=BF=97?=
 =?UTF-8?q?=EF=BC=8C=E6=9B=B4=E6=96=B0SkipBottom.vue=E4=B8=AD=E7=9A=84?=
 =?UTF-8?q?=E6=BB=9A=E5=8A=A8=E5=88=B0=E5=BA=95=E9=83=A8=E9=80=BB=E8=BE=91?=
 =?UTF-8?q?=EF=BC=8C=E5=A2=9E=E5=BC=BA=E7=94=A8=E6=88=B7=E4=BD=93=E9=AA=8C?=
 =?UTF-8?q?=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/talk/ForwardRecord.vue        |  4 +++-
 src/components/user/UserCardModal.vue        | 21 +++++++++++++++++---
 src/hooks/useTalkRecord.ts                   | 10 +++++++---
 src/views/message/inner/panel/SkipBottom.vue |  1 +
 4 files changed, 29 insertions(+), 7 deletions(-)

diff --git a/src/components/talk/ForwardRecord.vue b/src/components/talk/ForwardRecord.vue
index 5deeab3..c883536 100644
--- a/src/components/talk/ForwardRecord.vue
+++ b/src/components/talk/ForwardRecord.vue
@@ -168,7 +168,9 @@ const onContextMenu = (e:any,item: ITalkRecord) => {
   display: flex;
   margin-bottom: 10px;
   padding: 24px 42px;
-
+  .im-message-text{
+    background-color: #fff;
+  }
   .left-box {
     width: 38px;
     display: flex;
diff --git a/src/components/user/UserCardModal.vue b/src/components/user/UserCardModal.vue
index 4cf1f2d..a992223 100644
--- a/src/components/user/UserCardModal.vue
+++ b/src/components/user/UserCardModal.vue
@@ -170,10 +170,25 @@ const onToTalk = () => {
 const onAfterEnter = () => {
   onLoadData()
 }
+const onAfterLeave = () => {
+  // loading.value = true
+  userInfo.value = {
+  id: 0,
+  avatar: '',
+  gender: 0,
+  mobile: '',
+  motto: '',
+  nickname: '',
+  remark: '',
+  email: '',
+  status: 1,
+  text: ''
+}
+}
 </script>
 
 <template>
-  <x-n-modal content-style="padding:0;" :closable="false" class="w-311px min-h-445px" style="border-radius: 10px;overflow:hidden;" :show="show"  :on-after-enter="onAfterEnter">
+  <x-n-modal content-style="padding:0;" :closable="false" class="w-311px min-h-445px" style="border-radius: 10px;overflow:hidden;" :show="show" :on-after-leave="onAfterLeave" :on-after-enter="onAfterEnter">
     <div class="section relative px-7px pt-82px pb-20px">
       <div class="absolute top-9px right-7px pointer z-10" @click="emit('update:show', false)">
         <img class="w-20px h-20px" src="@/assets/image/close.png" alt="">
@@ -181,8 +196,8 @@ const onAfterEnter = () => {
       
       <template v-if="loading">
         <div class="flex py-10px bg-#fff px-16px rounded-4px items-center mb-10px">
-          <div class="w-59px h-59px rounded-8px mr-12px overflow-hidden">
-            <n-skeleton circle height="59px" width="59px" />
+          <div class="w-59px h-59px rounded-8px mr-12px">
+            <n-skeleton  height="59px" width="59px" />
           </div>
           <div class="w-full">
             <n-skeleton text style="width: 80%; margin-bottom: 5px;" />
diff --git a/src/hooks/useTalkRecord.ts b/src/hooks/useTalkRecord.ts
index aee0272..270021c 100644
--- a/src/hooks/useTalkRecord.ts
+++ b/src/hooks/useTalkRecord.ts
@@ -79,6 +79,7 @@ export const useTalkRecord = (uid: number) => {
     loadConfig.status = 0
 
     let scrollHeight = 0
+    console.log('加载数据列表load')
     const el = document.getElementById('imChatPanel')
     if (el) {
       scrollHeight = el.scrollHeight
@@ -88,7 +89,6 @@ export const useTalkRecord = (uid: number) => {
     if (code != 200) {
       return (loadConfig.status = 1)
     }
-
     // 防止对话切换过快，数据渲染错误
     if (
       request.talk_type != loadConfig.talk_type ||
@@ -116,11 +116,15 @@ export const useTalkRecord = (uid: number) => {
       if (el) {
         if (request.cursor == 0) {
           el.scrollTop = el.scrollHeight
-
+          
           setTimeout(() => {
+            console.log('el.scrollHeight',el.scrollHeight)
+            console.log('request.cursor == 0')
             el.scrollTop = el.scrollHeight + 1000
-          }, 50)
+
+          }, 500)
         } else {
+          console.log('request.cursor !== 0')
           el.scrollTop = el.scrollHeight - scrollHeight
         }
       }
diff --git a/src/views/message/inner/panel/SkipBottom.vue b/src/views/message/inner/panel/SkipBottom.vue
index c239714..b7bcf95 100644
--- a/src/views/message/inner/panel/SkipBottom.vue
+++ b/src/views/message/inner/panel/SkipBottom.vue
@@ -7,6 +7,7 @@ const dialogueStore = useDialogueStore()
 
 // 聊天版本滚动到底部
 const onSkipBottom = () => {
+  console.log('onSkipBottom')
   let el = document.getElementById('imChatPanel')
   if (el) {
     el.scrollTo({