From 16eacdbe99eea6b5527f6231183bd3a6d9d27125 Mon Sep 17 00:00:00 2001
From: liuwei <liuwei@wdtrgf.com.cn>
Date: Wed, 15 Apr 2026 17:31:02 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E9=A6=96=E9=A1=B5=E5=BD=93?=
 =?UTF-8?q?=E5=89=8D=E8=B4=A6=E5=8F=B7=E5=8D=A1=E7=89=87=E5=AE=BD=E5=BA=A6?=
 =?UTF-8?q?=E6=AF=94=E4=BE=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

变更项：

1. 仅调整首页顶部 Hero 区栅格比例，从 9:15 改为 8:16。

2. 缩小当前账号卡片宽度，提升右侧核心指标区的展示空间。

3. 未调整下方新增用户数、群渗透率、群健康分区域布局。
---
 admin/dashboard/templates/index.html | 61 ++++++++++++++++++----------
 1 file changed, 39 insertions(+), 22 deletions(-)

diff --git a/admin/dashboard/templates/index.html b/admin/dashboard/templates/index.html
index f70f2f8..c93cc08 100644
--- a/admin/dashboard/templates/index.html
+++ b/admin/dashboard/templates/index.html
@@ -18,7 +18,7 @@
     </div>
 
     <el-row :gutter="16" class="hero-row">
-        <el-col :span="9">
+        <el-col :span="8">
             <el-card class="hero-card hero-card--profile" shadow="hover">
                 <div v-if="currentUser.success" class="hero-profile">
                     <div class="hero-profile-top">
@@ -53,7 +53,7 @@
             </el-card>
         </el-col>
 
-        <el-col :span="15">
+        <el-col :span="16">
             <el-row :gutter="16" class="metric-grid">
                 <el-col :span="8">
                     <el-card class="metric-card metric-card--primary" shadow="hover">
@@ -102,26 +102,31 @@
     </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 :span="9" class="metric-extended-row-placeholder"></el-col>
+        <el-col :span="15" class="metric-extended-main">
+            <el-row :gutter="16" class="metric-grid metric-grid--extended">
+                <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-col>
     </el-row>
 
@@ -945,6 +950,14 @@
         display: flex;
     }
 
+    .metric-extended-main {
+        width: 100%;
+    }
+
+    .metric-grid--extended .el-col {
+        margin-bottom: 0;
+    }
+
     .metric-card {
         min-height: 106px;
         width: 100%;
@@ -1108,6 +1121,10 @@
     }
 
     @media (max-width: 1200px) {
+        .metric-extended-row-placeholder {
+            display: none !important;
+        }
+
         .hero-row > .el-col,
         .metric-extended-row > .el-col,
         .stats-highlight-row > .el-col,