From f1be18b7e33bbc93c760802d0297af61405e9254 Mon Sep 17 00:00:00 2001
From: Ryan Ran <1410277647@qq.com>
Date: Tue, 15 Jul 2025 16:16:42 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0`vue-virtual-scroller`?=
 =?UTF-8?q?=E4=BE=9D=E8=B5=96=E5=B9=B6=E5=9C=A8=E6=B6=88=E6=81=AF=E8=A7=86?=
 =?UTF-8?q?=E5=9B=BE=E4=B8=AD=E5=AE=9E=E7=8E=B0=E8=99=9A=E6=8B=9F=E6=BB=9A?=
 =?UTF-8?q?=E5=8A=A8=E5=8A=9F=E8=83=BD=EF=BC=8C=E4=BB=A5=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E5=AF=B9=E8=AF=9D=E5=88=97=E8=A1=A8=E7=9A=84=E6=B8=B2=E6=9F=93?=
 =?UTF-8?q?=E6=80=A7=E8=83=BD=E3=80=82=E5=90=8C=E6=97=B6=EF=BC=8C=E4=B8=BA?=
 =?UTF-8?q?`manager`=E5=92=8C`seller`=E9=A1=B9=E7=9B=AE=E6=B7=BB=E5=8A=A0`?=
 =?UTF-8?q?minimatch`=E4=BE=9D=E8=B5=96=E9=A1=B9=E7=9A=84=E8=A7=A3?=
 =?UTF-8?q?=E6=9E=90=E7=89=88=E6=9C=AC=E4=BB=A5=E8=A7=A3=E5=86=B3=E6=BD=9C?=
 =?UTF-8?q?=E5=9C=A8=E7=9A=84=E7=89=88=E6=9C=AC=E5=86=B2=E7=AA=81=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 im/package.json                |  1 +
 im/src/main.js                 |  5 +++++
 im/src/views/message/index.vue | 27 ++++++++++++++-------------
 manager/package.json           |  3 +++
 seller/package.json            |  3 +++
 5 files changed, 26 insertions(+), 13 deletions(-)

diff --git a/im/package.json b/im/package.json
index a74d93d4..5755ad7e 100644
--- a/im/package.json
+++ b/im/package.json
@@ -24,6 +24,7 @@
     "vue-cropper": "^0.5.5",
     "vue-prism-editor": "^0.5.1",
     "vue-router": "^3.4.9",
+    "vue-virtual-scroller": "^1.1.2",
     "vuex": "^3.5.1"
   },
   "devDependencies": {
diff --git a/im/src/main.js b/im/src/main.js
index 2fdf7f6c..872f3c2e 100644
--- a/im/src/main.js
+++ b/im/src/main.js
@@ -33,6 +33,11 @@ Object.keys(filters).forEach((key) => {
   Vue.filter(key, filters[key]);
 });
 
+
+import VueVirtualScroller from 'vue-virtual-scroller'
+import 'vue-virtual-scroller/dist/vue-virtual-scroller.css'
+Vue.component('RecycleScroller', VueVirtualScroller.RecycleScroller)
+
 // 引入自定义全局css
 import '@/assets/css/global.less'
 
diff --git a/im/src/views/message/index.vue b/im/src/views/message/index.vue
index 7b65757f..6b08315e 100644
--- a/im/src/views/message/index.vue
+++ b/im/src/views/message/index.vue
@@ -65,9 +65,14 @@
                   > -->
                 </p>
                 <!-- 对话列表 -->
-                <template v-if="loadStatus === 1">
-                  <div v-for="(item, index) in userTalkItem" :key="item.id" class="talk-item pointer"
-                    :class="{ active: activeIndex == index }" @click="clickTab(item.userId, item, index)">
+                <RecycleScroller
+                  :item-size="64"
+                  :items="userTalkItem"
+                    :prerender="10"
+                  v-slot="{ item, index }"
+                >
+               
+                  <div v-bind:key="item.id" class="talk-item pointer" :class="{ active: activeIndex == index }" @click="clickTab(item.userId, item, index)">
                     <div class="avatar-box">
                       <face :text="item.face" v-if="item.face"></face>
                       <face-null :text="item.name" v-else></face-null>
@@ -79,9 +84,7 @@
                       <div class="title">
                         <div class="card-name">
                           <p class="nickname">
-                            {{
-                              item.remark_name ? item.remark_name : item.name
-                            }}
+                            {{ item.remark_name ? item.remark_name : item.name }}
                           </p>
                           <div v-show="item.unread" class="larkc-tag">
                             {{ item.unread }}条未读
@@ -89,11 +92,9 @@
                           <div v-show="item.is_top" class="larkc-tag top">
                             TOP
                           </div>
-
                           <div v-show="item.is_robot" class="larkc-tag top">
                             BOT
                           </div>
-
                           <div v-show="item.talk_type == 2" class="larkc-tag group">
                             群组
                           </div>
@@ -111,9 +112,7 @@
                         <span v-if="item.lastMessageType === 'ORDER'">[订单链接]</span>
                       </div>
                       <div class="content">
-                        <template v-if="
-                          index_name != item.index_name && item.draft_text
-                        ">
+                        <template v-if="index_name != item.index_name && item.draft_text">
                           <span class="draft-color">[草稿]</span>
                           <span>{{ item.draft_text }}</span>
                         </template>
@@ -124,13 +123,12 @@
                             </span>
                             <span v-else>[群消息]</span>
                           </template>
-
                           <span>{{ item.msg_text }}</span>
                         </template>
                       </div>
                     </div>
                   </div>
-                </template>
+                </RecycleScroller>
               </el-main>
             </el-scrollbar>
           </el-container>
@@ -151,6 +149,8 @@
   </div>
 </template>
 <script>
+import { RecycleScroller } from 'vue-virtual-scroller'
+import 'vue-virtual-scroller/dist/vue-virtual-scroller.css'
 import { mapGetters, mapState } from "vuex";
 import MainLayout from "@/views/layout/MainLayout";
 import WelcomeModule from "@/components/layout/WelcomeModule";
@@ -179,6 +179,7 @@ export default {
     UserSearch,
     OtherLink,
     WelcomeModule,
+    RecycleScroller
   },
   data () {
     return {
diff --git a/manager/package.json b/manager/package.json
index 0289587f..1253041d 100644
--- a/manager/package.json
+++ b/manager/package.json
@@ -48,5 +48,8 @@
     "uglifyjs-webpack-plugin": "^2.2.0",
     "vue-cli-plugin-style-resources-loader": "^0.1.4",
     "vue-template-compiler": "^2.6.10"
+  },
+  "resolutions": {
+    "minimatch": "^3.1.2"
   }
 }
diff --git a/seller/package.json b/seller/package.json
index 23f4baf7..ed4f3e80 100644
--- a/seller/package.json
+++ b/seller/package.json
@@ -49,5 +49,8 @@
     "view-design": "^4.6.1",
     "vue-cli-plugin-style-resources-loader": "^0.1.4",
     "vue-template-compiler": "^2.6.10"
+  },
+  "resolutions": {
+    "minimatch": "^3.1.2"
   }
 }