From 26c534540d885f2e0c5ad7e12524844c68aff403 Mon Sep 17 00:00:00 2001
From: liuwei <liuwei@wdtrgf.com.cn>
Date: Wed, 15 Apr 2026 17:23:54 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E9=A6=96=E9=A1=B5=E6=8C=87?=
 =?UTF-8?q?=E6=A0=87=E5=8C=BA=E4=B8=8D=E8=A7=84=E6=95=B4=E5=92=8C=E7=95=99?=
 =?UTF-8?q?=E7=99=BD=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

变更项：

1. 将首页 Hero 区指标恢复为 6 张基础卡片，避免左侧用户信息卡被异常拉高。

2. 将新增用户数、群渗透率、群健康分拆分为独立一行展示，解决中间空位与视觉不规整。

3. 补充 metric-extended-row 的响应式样式，确保桌面与移动端布局一致。
---
 admin/dashboard/templates/index.html | 52 +++++++++++++++++++---------
 1 file changed, 35 insertions(+), 17 deletions(-)

diff --git a/admin/dashboard/templates/index.html b/admin/dashboard/templates/index.html
index 5ca4ea4..f70f2f8 100644
--- a/admin/dashboard/templates/index.html
+++ b/admin/dashboard/templates/index.html
@@ -92,29 +92,39 @@
                 </el-col>
                 <el-col :span="8">
                     <el-card class="metric-card metric-card--soft" shadow="hover">
-                        <div class="metric-label">新增用户数</div>
-                        <div class="metric-value">{% raw %}{{ newUsers }}{% endraw %}</div>
-                        <div class="metric-footnote">统计周期内首次触发用户</div>
-                    </el-card>
-                </el-col>
-                <el-col :span="8">
-                    <el-card class="metric-card" shadow="hover">
-                        <div class="metric-label">群渗透率</div>
-                        <div class="metric-value">{% raw %}{{ avgGroupPenetration.toFixed(2) }}{% endraw %}%</div>
-                        <div class="metric-footnote">活跃群触发人数占成员比例（均值）</div>
-                    </el-card>
-                </el-col>
-                <el-col :span="8">
-                    <el-card class="metric-card metric-card--soft" shadow="hover">
-                        <div class="metric-label">群健康分</div>
-                        <div class="metric-value">{% raw %}{{ groupHealthScore.toFixed(2) }}{% endraw %}</div>
-                        <div class="metric-footnote">综合成功率与响应时延评分</div>
+                        <div class="metric-label">系统运行时间</div>
+                        <div class="metric-value">{% raw %}{{ formattedUptime }}{% endraw %}</div>
+                        <div class="metric-footnote">当前实例持续在线时长</div>
                     </el-card>
                 </el-col>
             </el-row>
         </el-col>
     </el-row>
 
+    <el-row :gutter="16" class="metric-extended-row">
+        <el-col :span="8">
+            <el-card class="metric-card metric-card--soft" shadow="hover">
+                <div class="metric-label">新增用户数</div>
+                <div class="metric-value">{% raw %}{{ newUsers }}{% endraw %}</div>
+                <div class="metric-footnote">统计周期内首次触发用户</div>
+            </el-card>
+        </el-col>
+        <el-col :span="8">
+            <el-card class="metric-card" shadow="hover">
+                <div class="metric-label">群渗透率</div>
+                <div class="metric-value">{% raw %}{{ avgGroupPenetration.toFixed(2) }}{% endraw %}%</div>
+                <div class="metric-footnote">活跃群触发人数占成员比例（均值）</div>
+            </el-card>
+        </el-col>
+        <el-col :span="8">
+            <el-card class="metric-card metric-card--soft" shadow="hover">
+                <div class="metric-label">群健康分</div>
+                <div class="metric-value">{% raw %}{{ groupHealthScore.toFixed(2) }}{% endraw %}</div>
+                <div class="metric-footnote">综合成功率与响应时延评分</div>
+            </el-card>
+        </el-col>
+    </el-row>
+
     <el-row :gutter="16" class="stats-highlight-row">
         <el-col :span="8">
             <el-card class="insight-card" shadow="hover">
@@ -806,6 +816,7 @@
     }
 
     .hero-row,
+    .metric-extended-row,
     .stats-highlight-row,
     .chart-row {
         margin-bottom: 16px;
@@ -930,6 +941,10 @@
         display: flex;
     }
 
+    .metric-extended-row > .el-col {
+        display: flex;
+    }
+
     .metric-card {
         min-height: 106px;
         width: 100%;
@@ -1094,6 +1109,7 @@
 
     @media (max-width: 1200px) {
         .hero-row > .el-col,
+        .metric-extended-row > .el-col,
         .stats-highlight-row > .el-col,
         .chart-row > .el-col {
             width: 100% !important;
@@ -1111,6 +1127,7 @@
         }
 
         .hero-row,
+        .metric-extended-row,
         .stats-highlight-row,
         .chart-row {
             margin-bottom: 12px;
@@ -1219,6 +1236,7 @@
         }
 
         .hero-row,
+        .metric-extended-row,
         .stats-highlight-row,
         .chart-row {
             margin-bottom: 10px;