From 748bdedacd10209599dd5d4dc92bd0282d2a5a41 Mon Sep 17 00:00:00 2001
From: liuwei <liuwei@wdtrgf.com.cn>
Date: Fri, 21 Mar 2025 16:05:53 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96UI?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 plugins/stats_dashboard/templates/index.html | 40 ++++++++++++++++----
 1 file changed, 32 insertions(+), 8 deletions(-)

diff --git a/plugins/stats_dashboard/templates/index.html b/plugins/stats_dashboard/templates/index.html
index f3d2ea7..e28e550 100644
--- a/plugins/stats_dashboard/templates/index.html
+++ b/plugins/stats_dashboard/templates/index.html
@@ -6,7 +6,7 @@
 <!-- 首页概览 -->
 <div>
     <el-row :gutter="20">
-        <el-col :span="6">
+        <el-col :span="4">
             <el-card shadow="hover" class="stats-card">
                 <div slot="header">
                     <span>总调用次数</span>
@@ -16,7 +16,7 @@
                 </div>
             </el-card>
         </el-col>
-        <el-col :span="6">
+        <el-col :span="4">
             <el-card shadow="hover" class="stats-card">
                 <div slot="header">
                     <span>成功率</span>
@@ -26,7 +26,7 @@
                 </div>
             </el-card>
         </el-col>
-        <el-col :span="6">
+        <el-col :span="4">
             <el-card shadow="hover" class="stats-card">
                 <div slot="header">
                     <span>活跃用户数</span>
@@ -36,7 +36,7 @@
                 </div>
             </el-card>
         </el-col>
-        <el-col :span="6">
+        <el-col :span="4">
             <el-card shadow="hover" class="stats-card">
                 <div slot="header">
                     <span>活跃群组数</span>
@@ -46,7 +46,7 @@
                 </div>
             </el-card>
         </el-col>
-        <el-col :span="6">
+        <el-col :span="4">
             <el-card shadow="hover" class="stats-card">
                 <div slot="header">
                     <span>平均响应时间</span>
@@ -99,13 +99,13 @@
         <el-col :span="12">
             <div class="chart-container">
                 <h3>插件使用排行</h3>
-                <canvas id="pluginChart" width="400" height="250"></canvas>
+                <canvas id="pluginChart" width="400" height="200"></canvas>
             </div>
         </el-col>
         <el-col :span="12">
             <div class="chart-container">
                 <h3>成功率分析</h3>
-                <canvas id="successRateChart" width="400" height="250"></canvas>
+                <canvas id="successRateChart" width="400" height="200"></canvas>
             </div>
         </el-col>
     </el-row>
@@ -114,7 +114,7 @@
         <el-col :span="24">
             <div class="chart-container">
                 <h3>使用趋势</h3>
-                <canvas id="trendChart" width="800" height="250"></canvas>
+                <canvas id="trendChart" width="800" height="200"></canvas>
             </div>
         </el-col>
     </el-row>
@@ -348,4 +348,28 @@
         }
     });
 </script>
+{% endblock %}
+
+{% block styles %}
+<style>
+    .stats-card {
+        margin-bottom: 15px;
+        height: 120px;
+    }
+    
+    .chart-container {
+        margin-bottom: 20px;
+        padding: 10px;
+        background-color: #fff;
+        border-radius: 4px;
+        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+    }
+    
+    .chart-container h3 {
+        margin-top: 0;
+        margin-bottom: 10px;
+        font-size: 16px;
+        color: #606266;
+    }
+</style>
 {% endblock %}
\ No newline at end of file