From 1fe8aeb9e10f35022b9069700c01115a8e491b21 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Thu, 16 Jan 2025 19:51:58 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=97=A5=E5=BF=97=E8=A7=A3?=
 =?UTF-8?q?=E6=9E=90=E6=80=A7=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/system/LoggingView.vue | 50 ++++++++++++--------------------
 1 file changed, 18 insertions(+), 32 deletions(-)

diff --git a/src/views/system/LoggingView.vue b/src/views/system/LoggingView.vue
index 0785670b..9b83b97c 100644
--- a/src/views/system/LoggingView.vue
+++ b/src/views/system/LoggingView.vue
@@ -1,9 +1,4 @@
 <script lang="ts" setup>
-import { parse } from 'path'
-
-// 日志列表
-const logs = ref<string[]>([])
-
 // 已解析的日志列表
 const parsedLogs = ref<{ level: string; time: string; program: string; content: string }[]>([])
 
@@ -43,9 +38,23 @@ function startSSELogging() {
       buffer.push(message)
       if (!timeoutId) {
         timeoutId = window.setTimeout(() => {
-          logs.value.push(...buffer)
-          // 限制长度为1000
-          logs.value = logs.value.slice(-1000)
+          // 解析新日志
+          const newParsedLogs = buffer
+            .map(log => {
+              const logPattern = /^【(.*?)】[0-9\-:]*\s(.*?)\s-\s(.*?)\s-\s(.*)$/
+              const matches = log.match(logPattern)
+              if (matches) {
+                const [, level, time, program, content] = matches
+                return { level, time, program, content }
+              }
+              return null
+            })
+            .filter(Boolean)
+          // 倒序后插入parsedLogs顶部
+          parsedLogs.value.unshift(...(newParsedLogs.reverse() as any[]))
+          // 保留最新的200条日志
+          parsedLogs.value = parsedLogs.value.slice(0, 200)
+          // 重置buffer
           buffer.length = 0
           timeoutId = null
         }, 100)
@@ -54,29 +63,6 @@ function startSSELogging() {
   })
 }
 
-// 解析日志并倒序
-watch(
-  logs,
-  newLogs => {
-    // 解析新日志
-    const newParsedLogs = newLogs
-      .map(log => {
-        const logPattern = /^【(.*?)】[0-9\-:]*\s(.*?)\s-\s(.*?)\s-\s(.*)$/
-        const matches = log.match(logPattern)
-        if (matches) {
-          const [, level, time, program, content] = matches
-          return { level, time, program, content }
-        }
-        return null
-      })
-      .filter(Boolean)
-
-    // 倒序后插入parsedLogs顶部
-    parsedLogs.value = [...(newParsedLogs.reverse() as any[])]
-  },
-  { deep: true },
-)
-
 onMounted(() => {
   startSSELogging()
 })
@@ -87,7 +73,7 @@ onBeforeUnmount(() => {
 </script>
 
 <template>
-  <LoadingBanner v-if="logs.length === 0" class="mt-12" text="正在刷新 ..." />
+  <LoadingBanner v-if="parsedLogs.length === 0" class="mt-12" text="正在刷新 ..." />
   <div v-else>
     <VTable class="table-rounded" hide-default-footer disable-sort>
       <tbody>