From b11268a7c2ba5365aa927bf9ddecdf5daee5c4d6 Mon Sep 17 00:00:00 2001
From: qubiaobiao <3294694717@qq.com>
Date: Mon, 18 May 2026 12:31:25 +0800
Subject: [PATCH] =?UTF-8?q?ntrip=E9=80=9A=E4=BF=A1=E6=9C=8D=E5=8A=A1?=
 =?UTF-8?q?=E5=B9=B3=E5=8F=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/operate/realTimeMsg.vue | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/components/operate/realTimeMsg.vue b/src/components/operate/realTimeMsg.vue
index f030095..8d2a745 100644
--- a/src/components/operate/realTimeMsg.vue
+++ b/src/components/operate/realTimeMsg.vue
@@ -99,7 +99,7 @@
         </el-button>
       </div>
     </template>
-    <el-scrollbar height="20rem">
+    <el-scrollbar ref="scrollbarRef" height="12rem">
       <div class="m-2 font-bold">
         <el-text
           v-for="(data, index) in msgList"
@@ -148,7 +148,7 @@
         </el-button>
       </div>
     </template>
-    <el-scrollbar height="10rem">
+    <el-scrollbar height="5rem">
       <div class="m-2 font-bold">
         <el-text
           v-for="(data, index) in sourceTable"
@@ -168,7 +168,7 @@
 </template>
 
 <script setup>
-import { ref, watch, onUnmounted } from "vue";
+import { ref, watch, nextTick, onUnmounted } from "vue";
 import { ElMessage } from "element-plus";
 
 import NTRIPCaster from "../../api/ntrip";
@@ -180,6 +180,7 @@ import $url from "../../api/url";
 
 import MountpointList from "../features/mountpointList.vue";
 
+const scrollbarRef = ref(null);
 const timeout = ref(null);
 const mountpoint = ref("");
 const mountpointSize = ref(0);
@@ -384,6 +385,13 @@ watch(mountpoint, (value) => {
   }
 });
 
+watch(() => msgList.value.length, () => {
+  nextTick(() => {
+    const wrap = scrollbarRef.value.$el.querySelector('.el-scrollbar__wrap');
+    scrollbarRef.value.setScrollTop(wrap.scrollHeight);
+  });
+});
+
 onUnmounted(async () => {
   await disconnect();
   await sizeDisconnect();