修复后台Dashboard月视图日期刻度

放宽 Dashboard 柱状图日期列宽并保持柱子居中

补充 Dashboard 长时段横轴滚动展示口径
This commit is contained in:
2026-07-09 17:41:56 +08:00
parent c022bbb8a0
commit 104c376d6e
2 changed files with 8 additions and 4 deletions
+7 -4
View File
@@ -394,7 +394,7 @@ button:disabled {
.admin-dashboard-bars {
display: grid;
grid-auto-flow: column;
grid-auto-columns: minmax(18px, 1fr);
grid-auto-columns: minmax(36px, 1fr);
align-items: end;
gap: 8px;
min-height: 196px;
@@ -404,7 +404,7 @@ button:disabled {
.admin-dashboard-bar-item {
display: grid;
min-width: 18px;
min-width: 36px;
gap: 7px;
align-items: end;
justify-items: center;
@@ -413,7 +413,8 @@ button:disabled {
.admin-dashboard-bar-track {
position: relative;
display: flex;
width: 100%;
width: 18px;
max-width: 100%;
min-width: 18px;
height: 160px;
align-items: flex-end;
@@ -430,10 +431,12 @@ button:disabled {
}
.admin-dashboard-bar-item small {
max-width: 48px;
width: 100%;
max-width: 44px;
overflow: hidden;
color: #8f7868;
font-size: 11px;
font-variant-numeric: tabular-nums;
font-weight: 700;
text-align: center;
text-overflow: ellipsis;
@@ -16,6 +16,7 @@
- 前端统一展示起始日期和终止日期两个日期选择器;点击“本日 / 本周 / 本月”按当天真实日期自动填充对应自然日 / 自然周 / 自然月范围并刷新,手动修改起止日期后按当前日期范围查询。
- 前端默认日期和“本日 / 本周 / 本月”快捷入口都按 `Asia/Shanghai` 计算,不使用浏览器本地时区。
- 前端每 5 分钟自动刷新一次,同时保留手动刷新按钮。
- 图表横轴按后端返回的 bucket label 展示;本月和较长自定义时段使用固定最小日期列宽并允许横向滚动,避免日期刻度互相挤压。
## 指标口径