From 62044ca98d19f71bd07b766081ebf900a32873f0 Mon Sep 17 00:00:00 2001
From: yuyx <237899745@qq.com>
Date: Sun, 30 Nov 2025 11:24:07 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20=E4=BF=AE=E5=A4=8D=E7=9B=91?=
 =?UTF-8?q?=E6=8E=A7=E9=A1=B5=E9=9D=A2=E5=88=B7=E6=96=B0=E6=97=B6=E7=9A=84?=
 =?UTF-8?q?"=E6=B2=A1=E6=9C=89=E6=95=B0=E6=8D=AE"=E9=97=AA=E7=83=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 健康检测：添加loading状态显示，使用v-else-if链
- 系统日志：修复v-if逻辑，loading优先于空状态显示
- 确保在数据加载完成前显示"加载中"而不是"暂无数据"

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 frontend/app.html | 20 +++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/frontend/app.html b/frontend/app.html
index 7c72084..b2fa4c4 100644
--- a/frontend/app.html
+++ b/frontend/app.html
@@ -2355,6 +2355,12 @@
           </div>
         </div>
 
+        <!-- 加载中 -->
+        <div v-else-if="healthCheck.loading" style="text-align: center; padding: 40px; color: var(--text-muted);">
+          <i class="fas fa-spinner fa-spin" style="font-size: 48px; margin-bottom: 15px;"></i>
+          <p>正在检测系统健康状态...</p>
+        </div>
+
         <!-- 未检测提示 -->
         <div v-else style="text-align: center; padding: 40px; color: var(--text-muted);">
           <i class="fas fa-stethoscope" style="font-size: 48px; margin-bottom: 15px;"></i>
@@ -2448,18 +2454,18 @@
           </div>
         </div>
 
-        <!-- 空状态 -->
-        <div v-else-if="!systemLogs.loading" style="text-align: center; padding: 40px; color: var(--text-muted);">
-          <i class="fas fa-clipboard" style="font-size: 48px; margin-bottom: 15px;"></i>
-          <p>暂无日志记录</p>
-        </div>
-
         <!-- 加载中 -->
-        <div v-if="systemLogs.loading" style="text-align: center; padding: 40px; color: var(--text-muted);">
+        <div v-else-if="systemLogs.loading" style="text-align: center; padding: 40px; color: var(--text-muted);">
           <i class="fas fa-spinner fa-spin" style="font-size: 24px;"></i>
           <p>加载中...</p>
         </div>
 
+        <!-- 空状态 -->
+        <div v-else style="text-align: center; padding: 40px; color: var(--text-muted);">
+          <i class="fas fa-clipboard" style="font-size: 48px; margin-bottom: 15px;"></i>
+          <p>暂无日志记录</p>
+        </div>
+
         <!-- 分页 -->
         <div v-if="systemLogs.totalPages > 1" style="display: flex; justify-content: center; gap: 8px; margin-top: 15px;">
           <button class="btn btn-secondary" @click="loadSystemLogs(systemLogs.page - 1)" :disabled="systemLogs.page <= 1" style="padding: 6px 12px;">