quanyoumi/签到功能说明.md

1.5 KiB

签到功能实施说明

已完成的修改

1. 数据库修改

  • 创建了迁移脚本 database-migration-checkin.sql
  • 添加了两个字段:
    • checkInStatus (BOOLEAN) - 签到状态
    • checkInTime (DATETIME) - 签到时间

2. 后端修改

  • 模型更新 (backend/models/Registration.js)

    • 添加签到字段定义
  • API接口 (backend/routes/admin.js)

    • 新增 PUT /admin/registrations/:id/checkin - 签到/取消签到接口
  • 前端API (frontend/src/api/index.js)

    • 添加 checkInRegistration 方法

3. 前端修改

  • 后台管理页面 (frontend/src/views/admin/ActivityManage.vue)
    • 统计栏新增:已签到/未签到统计(一行三个布局)
    • 报名列表显示签到状态标签
    • 报名列表显示签到时间
    • 添加签到/取消签到按钮(仅已通过审核的用户可签到)
    • 手机号改为可点击拨打的链接
    • 车牌号可点击复制

使用步骤

1. 执行数据库迁移

mysql -u root -p quanyoumi < database-migration-checkin.sql

2. 重启后端服务

cd backend
npm start

3. 功能使用

  • 进入后台管理 -> 活动管理 -> 报名情况
  • 查看签到统计(已签到/未签到人数)
  • 点击"签到"按钮为用户签到
  • 点击手机号直接拨打电话
  • 点击车牌号复制到剪贴板

注意事项

  • 只有审核通过的用户才能签到
  • 签到后可以取消签到
  • 签到时间会自动记录