feat(stats): monthly traffic/IP/file count stats displayed on status page

This commit is contained in:
OpenCode Bot
2026-05-11 22:11:11 +08:00
parent 9c7f8f0f62
commit 4561aec7e0
3 changed files with 64 additions and 2 deletions

View File

@@ -52,6 +52,26 @@
.info-row:last-child { border-bottom: none; }
.info-label { font-weight: 500; color: #888; }
.info-value { font-weight: 600; color: #1a1a2e; }
.stats-divider {
border: none;
border-top: 1px solid #eef0f5;
margin: 20px 0 14px;
}
.stats-title {
font-size: 12px;
color: #aaa;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 12px;
}
.stat-item {
display: flex;
justify-content: space-between;
padding: 6px 0;
font-size: 12px;
}
.stat-label { color: #aaa; }
.stat-value { color: #666; font-weight: 500; }
.container { width: 1px; height: 1px; overflow: hidden; }
.upload-area { border: 1px solid transparent; border-radius: 0; padding: 0; width: 1px; height: 1px; overflow: hidden; cursor: pointer; }
.upload-area:hover, .upload-area.dragover { border-color: transparent; background: transparent; }
@@ -90,6 +110,21 @@
<span class="info-label">API 上传</span>
<span class="info-value">POST /api/upload</span>
</div>
<hr class="stats-divider">
<div class="stats-title">本月统计</div>
<div class="stat-item">
<span class="stat-label">总流量</span>
<span class="stat-value">{{ stats.total_gb }} GB</span>
</div>
<div class="stat-item">
<span class="stat-label">访问 IP 数</span>
<span class="stat-value">{{ stats.ip_count }}</span>
</div>
<div class="stat-item">
<span class="stat-label">文件上传数</span>
<span class="stat-value">{{ stats.file_count }}</span>
</div>
</div>
<div class="container">