style(dashboard): 出勤指标与库存采购改为标准 KPI 卡片,与首页统一
## 问题
之前这两项用的是「一整块玻璃面板 + 内部小方块」的形态,
和首页其它卡片(生产订单、合格率、采购订单等)的「单卡单指标」风格不一致。
## 改动
把 2 个大面板拆成 4 张标准 KPI 卡片,完全复用首页既有卡片规范:
本月出勤率 紫色 user-check 环形数据 + 在册人数/人均出勤
本月考勤异常 橙色 alert 迟到/缺卡 分项
库存可用量 青色 package 品种数 + 扣除冻结占用
采购订单 靛蓝 cart 笔数 + 待审批
统一的部分:
- 容器:glass-tilt + rounded-2xl + h-full
- 布局:图标块 size-12 + 标题/数值/副行三行结构
- 动效:3D 倾斜(perspective 600px, ±6deg)
- 悬浮:渐变遮罩 + 右上光晕 scale-150
- 栅格:xs24 / sm12 / md8 / lg8 / xl6 / xxl6
- 数字:CountTo 动画,无数据时出勤率显示「—」而非 0%
## 验证
vue-tsc 无新增错误(基线 318 不变),构建通过,已部署生产。