xiaoyi
2026-10-30 8a1e3bc7ea351d4fceac4185c5fe7f7f32a76974
分支
用户 xiaoyi <908147524@qq.com>
星期五, 十月 30, 2026 20:21 +0800
提交者 xiaoyi <908147524@qq.com>
星期五, 十月 30, 2026 20:21 +0800
提交8a1e3bc7ea351d4fceac4185c5fe7f7f32a76974
目录 2b89b997124b7a9bf535fe0729f2f38f7cd0ead3 目录 | zip | gz
上一版本 8176bc317c5d305209f1cc5c6b975dc2ded4a540 查看 | 对比
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 不变),构建通过,已部署生产。
已修改2个文件
369 ■■■■■ 文件已修改
src/views/dashboard/analytics/index.vue 2 ●●●●● 对比 | 查看 | 原始文档 | blame | 历史
src/views/dashboard/analytics/modules/hr-stock-cards.vue 367 ●●●●● 对比 | 查看 | 原始文档 | blame | 历史