主题
后台 · 仪表盘
页面路由：
/admin/home（后台首页，固定标签不可关闭） 优先级：P0
1. 页面定位
- 角色：运营团队的"驾驶舱"，每天打开后台的第一眼
- 用户决策：今天生意怎么样？有什么待办要处理？哪里出了问题？
- 核心指标：待办事项处理率、异常发现时效
2. 页面结构
┌──────────────────────────────────────────────────┐
│ 欢迎回来，{用户名}！这里是电商管理系统的数据概览 │
├──────────────────────────────────────────────────┤
│ ① 核心指标卡片区（6 卡片） │
│ [今日订单] [今日销售额] [今日新增会员] [本月订单] [商品总数] [会员总数] │
│ N 单 ¥xxx N 人 N 单 N N │
│ ↑x%较昨日 │
├──────────────────────┬───────────────────────────┤
│ ② 待处理事项 │ ③ 数据概览 │
│ ● 待发货订单 N │ 商品总数 分类数 品牌数 会员数 │
│ ● 退款申请 N │ (四宫格数字) │
│ ● 待审核商品 N │ │
│ ● 待处理举报 N │ │
├──────────────────────┴───────────────────────────┤
│ ④ 销售趋势（折线图） [日期范围选择器] │
│ 订单量 + 订单金额 双轴折线 │
│ 指标行：总订单数 / 商品总数 / 分类数 / 品牌数 │
├──────────────────────────────────────────────────┤
│ ⑤ 最近订单（最新5条） [查看全部 >] │
│ 订单号 | 用户 | 金额 | 状态 | 时间 │
└──────────────────────────────────────────────────┘3. 功能模块设计
3.1 核心指标卡片区（①）
| 卡片 | 数值 | 辅助信息 | 设计意图 |
|---|---|---|---|
| 今日订单 | 今日订单数 | 较昨日 ±x%（涨绿跌红） | 日环比，感知生意冷暖 |
| 今日销售额 | 今日已支付订单金额合计 | ¥格式 | 最核心的收入指标 |
| 今日新增会员 | 今日注册会员数 | — | 拉新效果 |
| 本月订单 | 本月累计订单数 | — | 月度进度 |
| 商品总数 | 在售+下架商品总数 | — | 供给规模 |
| 会员总数 | 累计注册会员数 | — | 用户规模 |
交互：
- 卡片悬停轻微上浮（shadow-hover）
- 6 列布局，窄屏自动换为 3 列 × 2 行
- 今日订单卡片展示环比趋势箭头（↑绿/↓红）
3.2 待处理事项（②）—— 运营效率核心
| 待办项 | 数量 | 点击行为 |
|---|---|---|
| 待发货订单 | status=1 订单数 | 跳转订单列表（待发货筛选） |
| 退款申请 | 待处理退货申请数 | 跳转退货申请列表（待处理筛选） |
| 待审核商品 | verify_status=0 商品数 | 跳转商品列表（待审核筛选） |
| 待处理举报 | report_status=0 举报数 | 跳转举报处理列表（未处理筛选） |
设计原则：
- 待办项 = 数字 + 可点击跳转，数字为 0 时灰色弱化，>0 时高亮提醒
- 顶部显示待办总数徽章"共 N 项"
- 这是仪表盘最有价值的模块——让运营一眼知道"该干什么"
3.3 数据概览（③）
- 四宫格展示平台规模指标：商品总数 / 分类数量 / 品牌数量 / 会员总数
- 各指标用不同语义色区分
- 与指标卡片区形成互补（卡片=动态经营数据，概览=静态规模数据）
3.4 销售趋势（④）
- 图表类型：双轴折线图
- 左轴：订单量（蓝色，面积渐变）
- 右轴：订单金额（绿色，面积渐变）
- 时间范围：日期范围选择器，快捷选项（最近一周/最近一个月）
- 交互：
- 悬停显示十字准线 + 数据 tooltip
- 图例可点击切换系列显隐
- 指标行：图表上方展示范围内的汇总数字
3.5 最近订单（⑤）
- 最新 5 条订单：订单号/用户名/金额/状态Tag/下单时间
- 状态用标准 Tag 色
- [查看全部] 跳转订单列表
- 点击行跳转订单详情
4. 业务规则
| 规则 | 说明 |
|---|---|
| 数据实时性 | 进入页面实时查询，支持手动刷新 |
| 今日销售额 | 仅统计已支付（status≥1）订单的实付金额 |
| 环比计算 | 昨日为 0 时，今日>0 显示 +100%，均为 0 显示 0% |
| 权限 | 所有后台用户可见（数据为全平台汇总） |
5. 状态设计
| 状态 | 表现 |
|---|---|
| 加载中 | 指标卡骨架屏 + 图表 loading |
| 无数据（新平台） | 指标显示 0，图表显示"暂无数据"空态 |
| 加载失败 | 各模块独立降级，显示"加载失败，点击重试" |
6. 体验优化（效率视角）
仪表盘是运营每天看几十次的页面，每一点效率提升都被放大。按优先级排列。
| 优先级 | 优化点 | 说明 |
|---|---|---|
| P0 | 数据更新时间戳 | 页面顶部展示"数据更新于 HH:mm" + 手动刷新按钮，避免运营对数据新鲜度存疑 |
| P0 | 待办高亮排序 | 待办事项按紧急度排序（如待发货>退款>审核>举报），数量>0 用警示色，让运营优先处理最紧急的 |
| P1 | 指标卡环比扩展 | 今日销售额也展示较昨日环比，收入趋势比订单数更受关注 |
| P1 | 图表下钻 | 点击趋势图某天数据点，跳转该日订单列表，从"看数"到"查数"无缝衔接 |
| P2 | 指标卡自定义 | 运营可隐藏/排序不关心的指标卡（配置持久化到用户） |
| P2 | 同环比切换 | 趋势图支持"日环比/周同比"对比线，多角度看数据 |
| P2 | 异常预警 | 某指标异常波动（如今日订单较昨日跌>50%）时卡片标红 + 提示，主动发现问题 |
设计要点：
- 仪表盘的价值 = 看数 + 行动，待办模块是核心，指标卡是辅助
- 数据类页面必须有"数据截止时间"，这是 B 端产品的基本信任
- 图表下钻让仪表盘从"展示"变"入口"，大幅提升运营效率
7. 验收标准
- AC-DB01：6 个核心指标正确展示，今日订单含昨日环比
- AC-DB02：今日销售额仅统计已支付订单
- AC-DB03：待处理事项数量准确，点击跳转对应列表并自动筛选
- AC-DB04：销售趋势图支持日期范围切换，双轴数据正确
- AC-DB05：最近订单展示最新 5 条，可跳转详情