// pages/profile/personal-info.js
|
const app = getApp()
|
const { graphqlRequest } = require('../../lib/utils')
|
|
Page({
|
data: {
|
userInfo: {
|
avatar: '',
|
name: '',
|
gender: '',
|
phone: '',
|
birthday: ''
|
},
|
currentDate: '',
|
saving: false
|
},
|
|
onLoad(options) {
|
this.initCurrentDate()
|
this.loadUserInfo()
|
},
|
|
// 初始化当前日期
|
initCurrentDate() {
|
const now = new Date()
|
const year = now.getFullYear()
|
const month = String(now.getMonth() + 1).padStart(2, '0')
|
const day = String(now.getDate()).padStart(2, '0')
|
this.setData({
|
currentDate: `${year}-${month}-${day}`
|
})
|
},
|
|
// 加载用户信息
|
async loadUserInfo() {
|
try {
|
// 先从全局数据获取
|
const globalUserInfo = app.globalData.userInfo || {}
|
|
// 从后端获取最新用户信息
|
const query = `
|
query GetUserProfile {
|
userProfile {
|
id
|
name
|
avatar
|
phone
|
gender
|
birthday
|
}
|
}
|
`
|
|
const result = await graphqlRequest(query)
|
let userInfo = globalUserInfo
|
|
if (result && result.userProfile) {
|
userInfo = result.userProfile
|
// 更新全局数据
|
app.globalData.userInfo = userInfo
|
}
|
|
this.setData({
|
userInfo: {
|
avatar: userInfo.avatar || '',
|
name: userInfo.name || '',
|
gender: userInfo.gender || '',
|
phone: userInfo.phone || '',
|
birthday: userInfo.birthday || ''
|
}
|
})
|
} catch (error) {
|
console.error('加载用户信息失败:', error)
|
// 使用全局数据作为备选
|
const globalUserInfo = app.globalData.userInfo || {}
|
this.setData({
|
userInfo: {
|
avatar: globalUserInfo.avatar || '',
|
name: globalUserInfo.name || '',
|
gender: globalUserInfo.gender || '',
|
phone: globalUserInfo.phone || '',
|
birthday: globalUserInfo.birthday || ''
|
}
|
})
|
}
|
},
|
|
// 选择头像
|
chooseAvatar() {
|
wx.chooseMedia({
|
count: 1,
|
mediaType: ['image'],
|
sourceType: ['album', 'camera'],
|
maxDuration: 30,
|
camera: 'back',
|
success: (res) => {
|
const tempFilePath = res.tempFiles[0].tempFilePath
|
this.uploadAvatar(tempFilePath)
|
},
|
fail: (err) => {
|
console.error('选择头像失败:', err)
|
wx.showToast({
|
title: '选择头像失败',
|
icon: 'none'
|
})
|
}
|
})
|
},
|
|
// 上传头像
|
async uploadAvatar(filePath) {
|
wx.showLoading({
|
title: '上传中...'
|
})
|
|
try {
|
// 暂时保存本地路径，在保存用户信息时一起处理
|
this.setData({
|
'userInfo.avatar': filePath,
|
localAvatarPath: filePath // 保存本地路径用于后续上传
|
})
|
|
wx.hideLoading()
|
wx.showToast({
|
title: '头像选择成功',
|
icon: 'success'
|
})
|
} catch (error) {
|
wx.hideLoading()
|
wx.showToast({
|
title: '头像选择失败',
|
icon: 'none'
|
})
|
}
|
},
|
|
// 姓名输入
|
onNameInput(e) {
|
this.setData({
|
'userInfo.name': e.detail.value
|
})
|
},
|
|
// 选择性别
|
selectGender(e) {
|
const gender = e.currentTarget.dataset.gender
|
this.setData({
|
'userInfo.gender': gender
|
})
|
},
|
|
// 获取手机号
|
async getPhoneNumber(e) {
|
if (e.detail.errMsg === 'getPhoneNumber:ok') {
|
try {
|
wx.showLoading({
|
title: '获取中...'
|
})
|
|
// TODO: 调用后端API解密手机号
|
const mutation = `
|
mutation DecryptPhoneNumber($encryptedData: String!, $iv: String!) {
|
decryptPhoneNumber(encryptedData: $encryptedData, iv: $iv) {
|
phoneNumber
|
}
|
}
|
`
|
|
const variables = {
|
encryptedData: e.detail.encryptedData,
|
iv: e.detail.iv
|
}
|
|
const result = await graphqlRequest(mutation, variables)
|
|
if (result && result.decryptPhoneNumber) {
|
this.setData({
|
'userInfo.phone': result.decryptPhoneNumber.phoneNumber
|
})
|
wx.showToast({
|
title: '手机号获取成功',
|
icon: 'success'
|
})
|
} else {
|
throw new Error('解密失败')
|
}
|
} catch (error) {
|
console.error('获取手机号失败:', error)
|
wx.showToast({
|
title: '获取手机号失败',
|
icon: 'none'
|
})
|
} finally {
|
wx.hideLoading()
|
}
|
} else {
|
wx.showToast({
|
title: '获取手机号失败',
|
icon: 'none'
|
})
|
}
|
},
|
|
// 生日选择
|
onBirthdayChange(e) {
|
this.setData({
|
'userInfo.birthday': e.detail.value
|
})
|
},
|
|
// 保存用户信息
|
async saveUserInfo() {
|
const { userInfo, localAvatarPath } = this.data
|
|
// 验证必填字段
|
if (!userInfo.name.trim()) {
|
wx.showToast({
|
title: '请输入姓名',
|
icon: 'none'
|
})
|
return
|
}
|
|
if (!userInfo.gender) {
|
wx.showToast({
|
title: '请选择性别',
|
icon: 'none'
|
})
|
return
|
}
|
|
if (!userInfo.phone) {
|
wx.showToast({
|
title: '请获取手机号',
|
icon: 'none'
|
})
|
return
|
}
|
|
this.setData({ saving: true })
|
|
try {
|
// 第一步：保存用户基本信息（不包含头像）
|
const mutation = `
|
mutation SaveUserInfo($input: UserInput!) {
|
saveUserInfo(input: $input) {
|
id
|
name
|
avatar
|
phone
|
gender
|
birthday
|
wxOpenId
|
unionId
|
}
|
}
|
`
|
|
const variables = {
|
input: {
|
name: userInfo.name.trim(),
|
phone: userInfo.phone,
|
gender: userInfo.gender,
|
birthday: userInfo.birthday
|
}
|
}
|
|
const result = await graphqlRequest(mutation, variables)
|
|
if (result && result.saveUserInfo) {
|
const savedUserInfo = result.saveUserInfo
|
|
// 第二步：如果有新头像，上传到COS并保存到t_media
|
if (localAvatarPath) {
|
await this.uploadAvatarWithUserId(savedUserInfo.id)
|
}
|
|
// 重新获取用户信息（包含头像）
|
await this.loadUserInfo()
|
|
// 更新全局用户信息
|
app.globalData.userInfo = { ...app.globalData.userInfo, ...this.data.userInfo }
|
|
// 保存到本地存储
|
wx.setStorageSync('userInfo', app.globalData.userInfo)
|
|
wx.showToast({
|
title: '保存成功',
|
icon: 'success'
|
})
|
|
// 延迟返回上一页
|
setTimeout(() => {
|
wx.navigateBack()
|
}, 1500)
|
} else {
|
throw new Error('保存失败')
|
}
|
} catch (error) {
|
console.error('保存用户信息失败:', error)
|
wx.showToast({
|
title: '保存失败',
|
icon: 'none'
|
})
|
} finally {
|
this.setData({ saving: false })
|
}
|
},
|
|
// 使用用户ID上传头像
|
async uploadAvatarWithUserId(userId) {
|
const { localAvatarPath } = this.data
|
if (!localAvatarPath) return
|
|
try {
|
// 引入cosUtil
|
const cosUtil = require('../../lib/cosUtil')
|
|
// 第一步：上传到COS
|
const uploadResult = await cosUtil.uploadAvatar(
|
localAvatarPath,
|
'avatar.jpg',
|
(percent) => {
|
console.log('头像上传进度:', percent + '%')
|
}
|
)
|
|
// 第二步：保存媒体记录到数据库
|
await this.saveMediaRecord({
|
targetType: 'player', // 用户头像
|
targetId: parseInt(userId),
|
path: uploadResult.key,
|
fileName: uploadResult.fileName || 'avatar.jpg',
|
fileExt: this.getFileExtension(uploadResult.fileName || 'avatar.jpg'),
|
fileSize: uploadResult.fileSize,
|
mediaType: 1 // 图片
|
})
|
|
// 清空本地路径
|
this.setData({
|
localAvatarPath: ''
|
})
|
|
console.log('头像上传成功:', uploadResult)
|
} catch (error) {
|
console.error('头像上传失败:', error)
|
throw error
|
}
|
},
|
|
// 保存媒体记录到数据库
|
async saveMediaRecord(mediaData) {
|
const mutation = `
|
mutation SaveMediaV2($input: MediaSaveInput!) {
|
saveMediaV2(input: $input) {
|
success
|
message
|
mediaId
|
}
|
}
|
`
|
|
const variables = {
|
input: {
|
targetType: mediaData.targetType,
|
targetId: mediaData.targetId,
|
path: mediaData.path,
|
fileName: mediaData.fileName,
|
fileExt: mediaData.fileExt,
|
fileSize: mediaData.fileSize,
|
mediaType: mediaData.mediaType
|
}
|
}
|
|
try {
|
const result = await graphqlRequest(mutation, variables)
|
console.log('媒体记录保存成功:', result.saveMediaV2)
|
return result.saveMediaV2
|
} catch (error) {
|
console.error('媒体记录保存失败:', error)
|
throw error
|
}
|
},
|
|
// 获取文件扩展名
|
getFileExtension(fileName) {
|
return fileName.split('.').pop().toLowerCase()
|
}
|
})
|
