xiangqinxiaochengxu/miniprogram/pages/activity-detail/activity-detail.js

82 lines
2.4 KiB
JavaScript
Raw Normal View History

2026-04-17 10:49:14 +08:00
const request = require('../../utils/request')
Page({
data: {
id: null,
activity: null,
loading: false,
submitting: false,
matchedCount: 0
},
onLoad(options) {
this.setData({ id: options.id })
this.loadDetail()
},
async loadDetail() {
this.setData({ loading: true })
try {
const activity = await request({ url: `/activities/${this.data.id}` })
this.setData({
activity: {
...activity,
locationText: activity.location || '待定',
signupDeadlineText: activity.signup_deadline || '未设置',
descriptionText: activity.description || '暂无活动详情',
actionText: activity.is_registered ? '已报名' : activity.can_register ? '立即报名' : '当前不可报名',
matchSummaryText: activity.match_limit
? `本活动已匹配 ${activity.match_count || 0}/${activity.match_limit},剩余 ${activity.match_remaining || 0}`
: '',
registered_preview: Array.isArray(activity.registered_preview)
? activity.registered_preview.map((item) => ({
...item,
nicknameText: item.nickname || '用户'
}))
: []
},
matchedCount: activity.match_count || 0
})
} catch (err) {
console.error('Load activity detail failed:', err)
wx.showToast({ title: '活动详情加载失败', icon: 'none' })
this.setData({ activity: null })
} finally {
this.setData({ loading: false })
}
},
goActivityMatch() {
if (!this.data.id) {
return
}
wx.navigateTo({ url: `/pages/match/match?source=activity&activity_id=${this.data.id}` })
},
async handleRegister() {
if (!this.data.activity) {
return
}
if (this.data.activity.is_registered) {
wx.showToast({ title: '你已报名该活动', icon: 'none' })
return
}
if (!this.data.activity.can_register) {
wx.showToast({ title: '当前不可报名', icon: 'none' })
return
}
this.setData({ submitting: true })
try {
await request({ url: `/activities/${this.data.id}/register`, method: 'POST' })
wx.showToast({ title: '报名成功', icon: 'success' })
this.loadDetail()
} catch (err) {
console.error('Register activity failed:', err)
wx.showToast({ title: err.message || '报名失败', icon: 'none' })
} finally {
this.setData({ submitting: false })
}
}
})