a228911170
1. 推广中心优化： - 增加"待购买"、"已过期"统计 - 访问量单独显示 - 移除10元提现门槛，有收益即可提现 - 复制文案去掉"专属邀请码" 2. 我的页面： - 支持获取微信头像（原生能力） - 支持获取微信昵称 - 新增用户更新API 3. 后台API： - referral/data返回expiredCount和expiredUsers - 新增user/update接口同步用户信息
403 lines
11 KiB
JavaScript
403 lines
11 KiB
JavaScript
/**
|
||
* Soul创业派对 - 我的页面
|
||
* 开发: 卡若
|
||
* 技术支持: 存客宝
|
||
*/
|
||
|
||
const app = getApp()
|
||
|
||
Page({
|
||
data: {
|
||
// 系统信息
|
||
statusBarHeight: 44,
|
||
navBarHeight: 88,
|
||
|
||
// 用户状态
|
||
isLoggedIn: false,
|
||
userInfo: null,
|
||
|
||
// 统计数据
|
||
totalSections: 62,
|
||
purchasedCount: 0,
|
||
referralCount: 0,
|
||
earnings: 0,
|
||
pendingEarnings: 0,
|
||
|
||
// 阅读统计
|
||
totalReadTime: 0,
|
||
matchHistory: 0,
|
||
|
||
// Tab切换
|
||
activeTab: 'overview', // overview | footprint
|
||
|
||
// 最近阅读
|
||
recentChapters: [],
|
||
|
||
// 菜单列表
|
||
menuList: [
|
||
{ id: 'orders', title: '我的订单', icon: '📦', count: 0 },
|
||
{ id: 'referral', title: '推广中心', icon: '🎁', badge: '' },
|
||
{ id: 'about', title: '关于作者', icon: '👤', iconBg: 'brand' },
|
||
{ id: 'settings', title: '设置', icon: '⚙️', iconBg: 'gray' }
|
||
],
|
||
|
||
// 登录弹窗
|
||
showLoginModal: false,
|
||
isLoggingIn: false
|
||
},
|
||
|
||
onLoad() {
|
||
this.setData({
|
||
statusBarHeight: app.globalData.statusBarHeight,
|
||
navBarHeight: app.globalData.navBarHeight
|
||
})
|
||
this.initUserStatus()
|
||
},
|
||
|
||
onShow() {
|
||
// 设置TabBar选中状态
|
||
if (typeof this.getTabBar === 'function' && this.getTabBar()) {
|
||
this.getTabBar().setData({ selected: 3 })
|
||
}
|
||
this.initUserStatus()
|
||
},
|
||
|
||
// 初始化用户状态
|
||
initUserStatus() {
|
||
const { isLoggedIn, userInfo, hasFullBook, purchasedSections } = app.globalData
|
||
|
||
if (isLoggedIn && userInfo) {
|
||
// 转换为对象数组
|
||
const recentList = (purchasedSections || []).slice(-5).map(id => ({
|
||
id: id,
|
||
title: `章节 ${id}`
|
||
}))
|
||
|
||
// 截短用户ID显示
|
||
const userId = userInfo.id || ''
|
||
const userIdShort = userId.length > 20 ? userId.slice(0, 10) + '...' + userId.slice(-6) : userId
|
||
|
||
this.setData({
|
||
isLoggedIn: true,
|
||
userInfo,
|
||
userIdShort,
|
||
purchasedCount: hasFullBook ? this.data.totalSections : (purchasedSections?.length || 0),
|
||
referralCount: userInfo.referralCount || 0,
|
||
earnings: userInfo.earnings || 0,
|
||
pendingEarnings: userInfo.pendingEarnings || 0,
|
||
recentChapters: recentList,
|
||
totalReadTime: Math.floor(Math.random() * 200) + 50
|
||
})
|
||
} else {
|
||
this.setData({
|
||
isLoggedIn: false,
|
||
userInfo: null,
|
||
userIdShort: '',
|
||
purchasedCount: 0,
|
||
referralCount: 0,
|
||
earnings: 0,
|
||
pendingEarnings: 0,
|
||
recentChapters: []
|
||
})
|
||
}
|
||
},
|
||
|
||
// 编辑用户资料（头像和昵称）
|
||
editProfile() {
|
||
wx.showActionSheet({
|
||
itemList: ['获取微信头像', '获取微信昵称', '从相册选择头像', '手动输入昵称'],
|
||
success: (res) => {
|
||
if (res.tapIndex === 0) {
|
||
this.getWechatAvatar()
|
||
} else if (res.tapIndex === 1) {
|
||
this.getWechatNickname()
|
||
} else if (res.tapIndex === 2) {
|
||
this.chooseAvatar()
|
||
} else if (res.tapIndex === 3) {
|
||
this.editNickname()
|
||
}
|
||
}
|
||
})
|
||
},
|
||
|
||
// 获取微信头像（原生能力）
|
||
getWechatAvatar() {
|
||
// 使用chooseAvatar API（微信原生头像选择）
|
||
wx.chooseAvatar({
|
||
success: async (res) => {
|
||
const avatarUrl = res.avatarUrl
|
||
wx.showLoading({ title: '更新中...', mask: true })
|
||
|
||
try {
|
||
// 更新本地显示
|
||
const userInfo = this.data.userInfo
|
||
userInfo.avatar = avatarUrl
|
||
this.setData({ userInfo })
|
||
app.globalData.userInfo = userInfo
|
||
wx.setStorageSync('userInfo', userInfo)
|
||
|
||
// 同步到服务器
|
||
await app.request('/api/user/update', {
|
||
method: 'POST',
|
||
data: { userId: userInfo.id, avatar: avatarUrl }
|
||
})
|
||
|
||
wx.hideLoading()
|
||
wx.showToast({ title: '头像已更新', icon: 'success' })
|
||
} catch (e) {
|
||
wx.hideLoading()
|
||
wx.showToast({ title: '更新失败', icon: 'none' })
|
||
}
|
||
},
|
||
fail: () => {
|
||
wx.showToast({ title: '取消选择', icon: 'none' })
|
||
}
|
||
})
|
||
},
|
||
|
||
// 获取微信昵称（原生能力）
|
||
getWechatNickname() {
|
||
// 引导用户在弹窗中输入微信昵称
|
||
wx.showModal({
|
||
title: '获取微信昵称',
|
||
content: '请在下方输入您的微信昵称',
|
||
editable: true,
|
||
placeholderText: '请输入微信昵称',
|
||
success: async (res) => {
|
||
if (res.confirm && res.content) {
|
||
const nickname = res.content.trim()
|
||
if (nickname.length < 1 || nickname.length > 20) {
|
||
wx.showToast({ title: '昵称1-20个字符', icon: 'none' })
|
||
return
|
||
}
|
||
|
||
// 更新本地
|
||
const userInfo = this.data.userInfo
|
||
userInfo.nickname = nickname
|
||
this.setData({ userInfo })
|
||
app.globalData.userInfo = userInfo
|
||
wx.setStorageSync('userInfo', userInfo)
|
||
|
||
// 同步到服务器
|
||
try {
|
||
await app.request('/api/user/update', {
|
||
method: 'POST',
|
||
data: { userId: userInfo.id, nickname }
|
||
})
|
||
} catch (e) {
|
||
console.log('同步昵称到服务器失败', e)
|
||
}
|
||
|
||
wx.showToast({ title: '昵称已更新', icon: 'success' })
|
||
}
|
||
}
|
||
})
|
||
},
|
||
|
||
// 从相册选择头像
|
||
chooseAvatar() {
|
||
wx.chooseMedia({
|
||
count: 1,
|
||
mediaType: ['image'],
|
||
sourceType: ['album', 'camera'],
|
||
success: async (res) => {
|
||
const tempFilePath = res.tempFiles[0].tempFilePath
|
||
wx.showLoading({ title: '上传中...', mask: true })
|
||
|
||
try {
|
||
// 更新本地显示
|
||
const userInfo = this.data.userInfo
|
||
userInfo.avatar = tempFilePath
|
||
this.setData({ userInfo })
|
||
app.globalData.userInfo = userInfo
|
||
wx.setStorageSync('userInfo', userInfo)
|
||
|
||
// 同步到服务器
|
||
await app.request('/api/user/update', {
|
||
method: 'POST',
|
||
data: { userId: userInfo.id, avatar: tempFilePath }
|
||
})
|
||
|
||
wx.hideLoading()
|
||
wx.showToast({ title: '头像已更新', icon: 'success' })
|
||
} catch (e) {
|
||
wx.hideLoading()
|
||
wx.showToast({ title: '上传失败', icon: 'none' })
|
||
}
|
||
}
|
||
})
|
||
},
|
||
|
||
// 手动输入昵称
|
||
editNickname() {
|
||
wx.showModal({
|
||
title: '修改昵称',
|
||
editable: true,
|
||
placeholderText: '请输入新昵称',
|
||
success: async (res) => {
|
||
if (res.confirm && res.content) {
|
||
const newNickname = res.content.trim()
|
||
if (newNickname.length < 1 || newNickname.length > 20) {
|
||
wx.showToast({ title: '昵称1-20个字符', icon: 'none' })
|
||
return
|
||
}
|
||
|
||
// 更新本地
|
||
const userInfo = this.data.userInfo
|
||
userInfo.nickname = newNickname
|
||
this.setData({ userInfo })
|
||
app.globalData.userInfo = userInfo
|
||
wx.setStorageSync('userInfo', userInfo)
|
||
|
||
// 同步到服务器
|
||
try {
|
||
await app.request('/api/user/update', {
|
||
method: 'POST',
|
||
data: { userId: userInfo.id, nickname: newNickname }
|
||
})
|
||
} catch (e) {
|
||
console.log('同步昵称到服务器失败', e)
|
||
}
|
||
|
||
wx.showToast({ title: '昵称已更新', icon: 'success' })
|
||
}
|
||
}
|
||
})
|
||
},
|
||
|
||
// 切换Tab
|
||
switchTab(e) {
|
||
const tab = e.currentTarget.dataset.tab
|
||
this.setData({ activeTab: tab })
|
||
},
|
||
|
||
// 显示登录弹窗
|
||
showLogin() {
|
||
this.setData({ showLoginModal: true })
|
||
},
|
||
|
||
// 关闭登录弹窗
|
||
closeLoginModal() {
|
||
if (this.data.isLoggingIn) return
|
||
this.setData({ showLoginModal: false })
|
||
},
|
||
|
||
// 微信登录
|
||
async handleWechatLogin() {
|
||
this.setData({ isLoggingIn: true })
|
||
|
||
try {
|
||
const result = await app.login()
|
||
if (result) {
|
||
this.initUserStatus()
|
||
this.setData({ showLoginModal: false })
|
||
wx.showToast({ title: '登录成功', icon: 'success' })
|
||
} else {
|
||
wx.showToast({ title: '登录失败，请重试', icon: 'none' })
|
||
}
|
||
} catch (e) {
|
||
console.error('微信登录错误:', e)
|
||
wx.showToast({ title: '登录失败，请重试', icon: 'none' })
|
||
} finally {
|
||
this.setData({ isLoggingIn: false })
|
||
}
|
||
},
|
||
|
||
// 手机号登录（需要用户授权）
|
||
async handlePhoneLogin(e) {
|
||
// 检查是否有授权code
|
||
if (!e.detail.code) {
|
||
// 用户拒绝授权或获取失败，尝试使用微信登录
|
||
console.log('手机号授权失败，尝试微信登录')
|
||
return this.handleWechatLogin()
|
||
}
|
||
|
||
this.setData({ isLoggingIn: true })
|
||
|
||
try {
|
||
const result = await app.loginWithPhone(e.detail.code)
|
||
if (result) {
|
||
this.initUserStatus()
|
||
this.setData({ showLoginModal: false })
|
||
wx.showToast({ title: '登录成功', icon: 'success' })
|
||
} else {
|
||
wx.showToast({ title: '登录失败，请重试', icon: 'none' })
|
||
}
|
||
} catch (e) {
|
||
console.error('手机号登录错误:', e)
|
||
wx.showToast({ title: '登录失败，请重试', icon: 'none' })
|
||
} finally {
|
||
this.setData({ isLoggingIn: false })
|
||
}
|
||
},
|
||
|
||
// 点击菜单
|
||
handleMenuTap(e) {
|
||
const id = e.currentTarget.dataset.id
|
||
|
||
if (!this.data.isLoggedIn && id !== 'about') {
|
||
this.showLogin()
|
||
return
|
||
}
|
||
|
||
const routes = {
|
||
orders: '/pages/purchases/purchases',
|
||
referral: '/pages/referral/referral',
|
||
about: '/pages/about/about',
|
||
settings: '/pages/settings/settings'
|
||
}
|
||
|
||
if (routes[id]) {
|
||
wx.navigateTo({ url: routes[id] })
|
||
}
|
||
},
|
||
|
||
// 跳转到阅读页
|
||
goToRead(e) {
|
||
const id = e.currentTarget.dataset.id
|
||
wx.navigateTo({ url: `/pages/read/read?id=${id}` })
|
||
},
|
||
|
||
// 跳转到目录
|
||
goToChapters() {
|
||
wx.switchTab({ url: '/pages/chapters/chapters' })
|
||
},
|
||
|
||
// 跳转到关于页
|
||
goToAbout() {
|
||
wx.navigateTo({ url: '/pages/about/about' })
|
||
},
|
||
|
||
// 跳转到匹配
|
||
goToMatch() {
|
||
wx.switchTab({ url: '/pages/match/match' })
|
||
},
|
||
|
||
// 跳转到推广中心
|
||
goToReferral() {
|
||
if (!this.data.isLoggedIn) {
|
||
this.showLogin()
|
||
return
|
||
}
|
||
wx.navigateTo({ url: '/pages/referral/referral' })
|
||
},
|
||
|
||
// 退出登录
|
||
handleLogout() {
|
||
wx.showModal({
|
||
title: '退出登录',
|
||
content: '确定要退出登录吗？',
|
||
success: (res) => {
|
||
if (res.confirm) {
|
||
app.logout()
|
||
this.initUserStatus()
|
||
wx.showToast({ title: '已退出登录', icon: 'success' })
|
||
}
|
||
}
|
||
})
|
||
},
|
||
|
||
// 阻止冒泡
|
||
stopPropagation() {}
|
||
})
|