2.1 KiB
2.1 KiB
每日签到配置
功能概述
任务管理模块中的每日签到配置功能,用于管理用户签到的天数和积分奖励规则。
数据库表
- 表名:通过系统配置表存储(system_group_data)
- 关键字段:
id: 配置IDday: 签到天数integral: 转后积分奖励
界面需求
1. 列表页面
- 路由路径: /admin/user/sign/config
- 菜单名称: 每日签到配置
- 页面位置: 任务管理 > 每日签到配置
表格列
| 列名 | 字段 | 说明 |
|---|---|---|
| ID | id | 配置ID |
| 天数 | day | 签到第几天 |
| 转后积分奖励 | integral | 获得的积分数量 |
| 操作 | - | 编辑按钮 |
功能点
- 表格分页显示
- 每行显示编辑按钮(黄色按钮)
- 搜索功能(待确认)
2. 编辑弹窗
- 触发方式: 点击列表中的编辑按钮
- 弹窗标题: 编辑
表单字段
| 字段名 | 字段标识 | 类型 | 说明 |
|---|---|---|---|
| 天数 | day | Number | 签到第几天 |
| 转后积分 | integral | Number | 积分奖励数量 |
操作按钮
- 保存: 提交修改
- 返回: 关闭弹窗
待实现功能
前端界面(优先)
- 创建列表页面组件
- 表格展示:ID、天数、转后积分奖励
- 编辑按钮(黄色样式)
- 分页组件
- 创建编辑弹窗组件
- 表单:天数、转后积分
- 保存和返回按钮
- 配置路由:
/admin/user/sign/config - 添加到任务管理菜单
后端接口(后续)
- 签到配置列表查询接口
- 签到配置编辑接口
- 数据验证逻辑
数据库连接
- 确认数据表结构
- 连接到 SystemGroupData 相关表
- 实现CRUD操作
技术要点
- 前端框架:Vue + Element UI
- 表格组件:el-table
- 弹窗组件:el-dialog
- 表单验证:el-form
- 样式:编辑按钮使用黄色主题色
参考截图
位置:小张/图片/任务管理-每日签到配置.png
位置:小张/图片/ren任务管理-每日签到配置-编辑按钮.png