## 问题诊断 - 前端 `active-user.vue` 将图表数据 `xAxisLabels/chartData` 改为普通数组,未使用 Vue 响应式;页面初始为空数组且后续赋值不触发渲染,导致“用户概览没有数据”。 - 指标列表 `list` 同为普通数组,数值更新不触发视图刷新。 - 后端 `GET /api/admin/dashboard/user_overview` 正常返回,但前端未正确展示。 ## 修复方案 - 将 `xAxisLabels`、`chartData` 改为 `ref/ref`,用 `.value` 填充;模板自动解包可直接绑定。 - 将指标 `list` 改为 `reactive`,更新项时触发视图刷新。 - 增加兜底:接口异常或空数据时显示“暂无”与零值,避免空白。 ## 验证 - 后端:`curl -H 'Authorization: ' 'http://localhost:8000/api/admin/dashboard/user_overview?rangeType=30d'` 返回含 `chart/metrics`。 - 前端:刷新工作台,“用户概述”条形图与四个指标显示数据;空数据时显示零与“暂无”。 确认后我将: 1) 更新 `web/admin/src/views/dashboard/console/modules/active-user.vue` 响应式实现; 2) 运行后端构建校验; 3) 提供前端验证说明(构建目前受其他文件类型错误影响不影响本模块联调)。