liuwei_x_x/abot
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化UI

Browse Source
This commit is contained in:
liuwei
2025-03-21 16:05:53 +08:00
parent 66bba33247
commit 748bdedacd
1 changed files with 32 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
plugins/stats_dashboard/templates/index.html
View File

@@ -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 %}