feat(app.js, i18n, index.html, styles.css): implement model filtering in usage statistics

- Added a model filter dropdown to the usage statistics UI, allowing users to filter data by model.
- Implemented methods to handle model filter changes and update chart data accordingly.
- Enhanced internationalization strings for model filter labels in both English and Chinese.
- Updated styles for the model filter to improve layout and user experience.
This commit is contained in:
Supra4E8C
2025-11-16 11:25:18 +08:00
parent 6928cfed28
commit aa852025a5
4 changed files with 227 additions and 8 deletions

View File

@@ -2703,6 +2703,42 @@ input:checked+.slider:before {
margin-bottom: 30px;
}
.usage-filter-bar {
display: flex;
justify-content: flex-start;
gap: 16px;
flex-wrap: wrap;
margin-bottom: 20px;
}
.usage-filter-group {
display: flex;
flex-direction: column;
gap: 6px;
min-width: 220px;
}
.usage-filter-group label {
font-weight: 600;
color: var(--text-secondary);
font-size: 14px;
}
.model-filter-select {
border: 1px solid var(--border-color);
border-radius: 10px;
padding: 10px 14px;
background: var(--bg-primary);
color: var(--text-primary);
min-height: 40px;
font-size: 14px;
}
.model-filter-select:disabled {
opacity: 0.7;
cursor: not-allowed;
}
.stat-card {
background: var(--card-bg);
border: 1px solid var(--border-color);