From e60015a47789f29ecc96e12df5267479a8d30a52 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Wed, 15 Jan 2025 22:03:28 +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=E9=80=BB=E8=BE=91=EF=BC=8C=E6=B7=BB=E5=8A=A0=E5=80=92?=
 =?UTF-8?q?=E5=BA=8F=E6=8F=92=E5=85=A5=E5=92=8C=E6=97=A5=E5=BF=97=E6=95=B0?=
 =?UTF-8?q?=E9=87=8F=E9=99=90=E5=88=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/system/LoggingView.vue | 20 +++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/views/system/LoggingView.vue b/src/views/system/LoggingView.vue
index 3cd68c92..c5c9c3bd 100644
--- a/src/views/system/LoggingView.vue
+++ b/src/views/system/LoggingView.vue
@@ -1,4 +1,6 @@
 <script lang="ts" setup>
+import { parse } from 'path'
+
 // 日志列表
 const logs = ref<string[]>([])
 
@@ -18,8 +20,8 @@ let eventSource: EventSource | null = null
 
 // 日志颜色映射表
 const logColorMap: Record<string, string> = {
-  DEBUG: 'primary',
-  INFO: 'secondary',
+  DEBUG: 'secondary',
+  INFO: 'info',
   WARNING: 'warning',
   ERROR: 'error',
 }
@@ -44,18 +46,18 @@ function startSSELogging() {
           logs.value.push(...buffer)
           buffer.length = 0
           timeoutId = null
-        }, 100) // 批量处理间隔，视需求调整
+        }, 100)
       }
     }
   })
 }
 
-// 解析日志
+// 解析日志并倒序
 watch(
   logs,
   newLogs => {
+    // 解析新日志
     const newParsedLogs = newLogs
-      .slice(parsedLogs.value.length)
       .map(log => {
         const logPattern = /^【(.*?)】[0-9\-:]*\s(.*?)\s-\s(.*?)\s-\s(.*)$/
         const matches = log.match(logPattern)
@@ -66,10 +68,14 @@ watch(
         return null
       })
       .filter(Boolean)
-    parsedLogs.value.push(...(newParsedLogs as any[]))
+
+    // 倒序后插入parsedLogs顶部
+    parsedLogs.value.unshift(...(newParsedLogs.reverse() as any[]))
+    // 只保留最新的1000条日志
+    parsedLogs.value = parsedLogs.value.slice(0, 1000)
   },
   { deep: true },
-) // 添加 deep 监听，确保 Vue 响应式正确触发
+)
 
 onMounted(() => {
   startSSELogging()