该项目本质上是一个面向企业内部的人力协同管理工具，重点解决“工时记录分散、考勤过程不规范、审批链条不透明、统计口径不统一”这几类典型问题。很多技术服务型、项目制、驻场型企业，员工往往需要同时完成日常打卡、日报/周报填报、请假申请、补卡申请和项目工时上报，如果仍依赖 Excel、聊天工具或人工汇总，就容易出现数据滞后、漏报错报、审批追踪困难、月底统计成本高等问题。这个项目的立项价值就在于把员工日常出勤行为和工作产出记录统一到一个移动端系统中，形成可追踪、可审批、可统计的闭环。
项目适用于软件开发、信息技术服务、外包驻场、项目交付类企业。它不仅有“工时填报、工时审核、周报、个人统计”等功能，还有“考勤打卡、异常考勤、补卡申请、请假申请、团队统计、考勤配置”等模块，说明它服务的不是单一签到场景，而是“人效管理 + 出勤管理 + 项目过程留痕”的复合业务场景。尤其是项目中支持按地点/Wi-Fi 打卡、异常考勤处理、团队周月统计，这非常符合驻场办公、跨地点办公和管理层需要按人、按团队、按时间维度查看执行情况的业务背景。
项目核心功能可以分为六类。第一类是员工自助类功能，包括首页数据看板、个人信息获取、日常考勤打卡、外勤打卡、请假申请、补卡申请、申请记录查询。第二类是工时记录类功能，包括日报填报、日报编辑、工时上传附件、按日期查看工时、按审核状态筛选工时。第三类是周报管理功能，包括周报新建、周报列表、周报搜索、查看自己发出的周报和收到的周报。第四类是审批协同功能，包括日报审核、补卡审批、请假审批、抄送列表和待处理列表。第五类是统计分析功能，包括首页出勤/工时/周报统计、个人统计、团队日统计、周统计、月统计、异常考勤统计。第六类是管理配置功能，包括考勤组配置、考勤人员绑定、打卡地点配置、星期与上下班时间配置、启停状态管理。
这个项目的功能设计是沿着员工实际工作流程展开的。员工进入首页后，可以先看到公告、制度签署入口和本月/本周期的统计概览，再进入打卡、日报、周报、请假等业务模块。打卡模块支持正常上下班打卡，也支持超出范围时的外勤打卡，并且对迟到、早退、缺卡等状态做了标记和后续处理。日报模块通过日历配合列表展示的方式，方便用户按天填报工作内容、工时消耗、进度和附件信息。周报模块用于沉淀阶段性总结，包括本周完成工作、需要协助事项、下周计划和总结。审批模块则面向主管和管理人员，统一处理补卡、请假、工时审核等事项。统计模块进一步把原始记录转换成个人和团队层面的管理数据，便于考核、复盘和管理决策。整体上，这不是单点工具，而是一个围绕“员工出勤 + 工作记录 + 管理审批 + 数据分析”建立起来的完整业务闭环。
本项目是一个基于 uni-app 和 Vue 3 开发的移动端轻应用，前端部分全程由我独立开发，采用 setup script、Composition API 和组件化方式进行开发，适用于企业微信/微信小程序这类内部业务场景。前端通过 uni.request 封装统一请求层，结合 satoken 实现登录态和接口鉴权；页面路由及分包配置统一管理在 pages.json 中。项目将公共能力拆分到 hooks 和 utils 中，例如 hooks/location.js 负责定位、Wi-Fi 与打卡范围判断，hooks/index.js 负责日期和字典等通用处理，utils/leaveCalculator.js 负责请假时长和节假日规则计算。UI 层大量使用 uni-ui 组件，提升了表单、弹窗、分段切换、日期选择等功能的开发效率。
页面层负责业务展示与交互，service/api.ts 统一维护接口地址，service/request.ts 统一处理请求与登录态，hooks 负责复用型业务逻辑，utils 负责规则计算和工具封装，具备较好的可维护性。
实现亮点主要体现在三方面：一是考勤打卡并非简单提交，而是结合定位、Wi-Fi、打卡配置、上下班时间、请假记录和异常状态进行综合判断；二是系统同时覆盖员工填报、申请操作，以及管理端审批、统计、配置等功能，形成完整业务闭环；三是对制度签署、消息订阅、附件上传、分页查询、权限控制等真实业务细节也做了支持，贴近实际落地场景。
项目难点主要在于考勤规则复杂、业务状态多。系统需要处理正常打卡、外勤打卡、迟到早退、缺卡、请假覆盖、补卡审批等多种场景；同时还要兼顾员工、审批人和管理员等不同角色的权限与入口差异。此外，节假日计算、请假时长折算、定位范围判断和 Wi-Fi 校验等时间与地点类逻辑，对业务准确性要求也较高。
评论