考勤记录看板
异地查看每日打卡数据的前端原型，数据暂存在本机浏览器。
实名登记人数0
今日已打卡0
今日未打卡0
累计打卡记录0
每日考勤记录
| 抓拍 | 项目 | 姓名 | 性别 | 所属班组 | 身份证 | 打卡时间 | 状态 | 备注 |
|---|
项目二维码分发终端
项目列表与二维码
班组长选项管理
一键人脸打卡
当前项目未选择项目
首次实名登记
首次填写后会立即采集人脸和位置；以后扫码只需要选择本人并打卡。
今日现场概况
单文件原型使用浏览器本地存储。真实异地实时查看需要把数据同步到服务器或云数据库，后续可在这个界面基础上接入。
人脸验证
请将脸部置于框内完成验证
![打卡抓拍预览]()
请把脸部放在取景框内，系统检测通过后会自动抓拍并提交。
工人实名登记
实名人员库
| 姓名 | 性别 | 所属项目 | 所属班组 | 身份证号 | 登记时间 | 操作 |
|---|
现场扫码打卡二维码
项目考勤系统
工人微信扫码 · 实名人脸打卡
扫码进入打卡页
使用方式
把这个二维码打印张贴在项目部门口、门禁处或班组签到点。工人扫码后进入打卡页，选择本人实名档案，摄像头抓拍后生成当天考勤记录。
本原型适合演示流程和确认需求。生产版本建议加入账号权限、后端数据库、人证核验、人脸比对、定位、设备号、防重复打卡和数据加密。
如果直接用本地文件打开，部分浏览器可能限制摄像头。遇到这种情况，可后续改为本机小服务或部署到 HTTPS。