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

回退下方新增指标布局调整，仅保留顶部宽度优化

Browse Source 
变更项：

1. 回退下方新增用户数/群渗透率/群健康分区域的结构与样式调整。

2. 保持下方新增指标区不变，避免影响既有展示。

3. 仅保留首页顶部当前账号区域宽度调整（8:16）。
This commit is contained in:
liuwei
2026-04-15 17:32:24 +08:00
parent 16eacdbe99
commit cad64bc9c9
1 changed files with 20 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
admin/dashboard/templates/index.html
View File

@@ -102,31 +102,26 @@
</el-row>
<el-row :gutter="16" class="metric-extended-row">
<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 :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>
@@ -950,14 +945,6 @@
display: flex;
}
.metric-extended-main {
width: 100%;
}
.metric-grid--extended .el-col {
margin-bottom: 0;
}
.metric-card {
min-height: 106px;
width: 100%;
@@ -1121,10 +1108,6 @@
}
@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,