peixue-dev/Archive/[一次性]个人资料功能完整修复-2026-01-28.md

个人资料功能完整修复

问题原因

项目中有两个 profile.vue 文件:

1. peidu/uniapp/user-package/pages/user/profile.vue ⚠️ 旧文件,小程序在使用这个
2. peidu/uniapp/src/user-package/pages/user/profile.vue ✅ 之前修改的文件

小程序实际使用的是旧文件,所以显示"功能待开发中"。

✅ 已完成的修改

修改文件

peidu/uniapp/user-package/pages/user/profile.vue

具体修改内容

1. 添加 request 导入

import { authApi } from '@/api/index.js'
import request from '@/utils/request'  // 新增

2. 实现头像上传功能

• 删除了"功能待开发中"提示
• 添加了完整的 uploadAvatar 方法
• 调用 POST /api/user/upload-avatar 接口
• 上传成功后更新头像显示

3. 实现生日选择功能

• 删除了"功能待开发中"提示
• 添加了 showDatePicker 方法
• 支持 YYYY-MM-DD 格式输入
• 带格式验证

4. 修改 loadUserInfo 方法

• 从 authApi.getUserInfo() 改为 request.get('/api/user/profile')
• 使用正确的后端接口

5. 修改 saveProfile 方法

• 从 authApi.updateUserInfo() 改为 request.put('/api/user/profile')
• 使用正确的后端接口
• 保存成功后更新本地存储
• 1.5秒后自动返回上一页

🎯 功能状态

✅ 已完成

1. 头像上传 - 完整实现
2. 昵称修改 - 弹窗输入
3. 性别选择 - 下拉选择
4. 生日选择 - 输入框实现
5. 保存修改 - 调用API保存

⚠️ 显示"功能开发中"

1. 地区选择 - 数据库没有对应字段
2. 实名认证 - 需要对接第三方API

📋 后端接口

已添加的接口

1. POST /api/user/upload-avatar - 头像上传
2. GET /api/user/profile - 获取个人资料
3. PUT /api/user/profile - 更新个人资料

🚀 测试步骤

1. 重新编译前端

前端会自动检测文件变化并重新编译

2. 测试头像上传

1. 点击头像
2. 选择图片
3. 等待上传
4. 查看是否显示"头像上传成功"
5. 点击"保存修改"

3. 测试生日选择

1. 点击"生日"行
2. 输入日期(如: 2000-01-01)
3. 点击确定
4. 查看是否显示"生日已设置"
5. 点击"保存修改"

4. 测试其他功能

• 修改昵称
• 选择性别
• 保存修改

⚠️ 注意事项

1. 后端必须已重启 - 确保头像上传接口生效
2. 前端自动编译 - 保存文件后会自动重新编译
3. 清除缓存 - 如果还是显示旧版本,尝试清除小程序缓存

📅 完成时间

2026-01-28

👤 修复人员

Kiro AI Assistant