xiangqinxiaochengxu/miniprogram/pages/activity-detail/activity-detail.js
taiyi a8e6edf296 更新功能修改完版本提交:
功能需求:活动分享与嘉宾匹配系统
1. 活动分享入口
每个活动配置独立的分享链接和二维码,支持扫码或点击链接进入小程序。
2. 用户绑定流程
用户通过分享链接/二维码打开小程序,填写个人信息并绑定至对应活动。
若用户曾参与过历史活动,系统自动复用其历史信息并完成绑定,无需重复填写。
绑定成功后,在活动正式开始前,用户无法查看其他参与者的信息。
3. 信息可见性规则
活动开始前:仅允许查看自己的信息,其他用户信息不可见。
活动开始后:开放本活动内异性嘉宾资料查看与匹配,其他活动的用户信息完全隔离,不可见。
资料展示:男嘉宾、女嘉宾资料分开展示,用户仅可浏览异性嘉宾信息。
4. 嘉宾选择规则
每位用户最多可选择 3 位心仪嘉宾。
确认提交后不可再新增选择,但支持修改或撤销已选嘉宾。
管理员可设置匹配截止时间,到达截止时间后系统自动锁定,禁止任何修改。
5. 匹配判定规则
双向互选:若双方恰好互选,则判定为匹配成功,双方均可查看匹配结果。
多向匹配:用户同时与多位嘉宾匹配成功,全部同时展示。
单向选择:A选择B但B未选择A,A可在"谁选了我"页面看到B。
6. 用户页面说明
异性嘉宾列表:展示所有异性嘉宾资料,支持选择/取消选择。
我的选择:展示当前已选的3位嘉宾,支持修改/撤销(截止前)。
谁选了我:展示所有选择了自己的嘉宾(无论自己是否选择了对方)。
匹配成功:展示所有双向互选的匹配对象,支持查看对方完整资料。
2026-05-17 10:23:02 +08:00

149 lines
4.6 KiB
JavaScript

const request = require('../../utils/request')
Page({
data: {
id: null,
shareToken: '',
activity: null,
loading: false,
submitting: false
},
onLoad(options) {
this.setData({
id: options.id ? Number(options.id) : null,
shareToken: options.share_token || ''
})
this.loadDetail()
},
onShow() {
const pendingBind = wx.getStorageSync('pending_activity_bind')
if (pendingBind && Number(pendingBind.activity_id) === Number(this.data.id || 0)) {
wx.removeStorageSync('pending_activity_bind')
this.handleRegister()
return
}
if (this.data.id || this.data.shareToken) {
this.loadDetail()
}
},
onShareAppMessage() {
const activity = this.data.activity || {}
const shareToken = activity.share_token || this.data.shareToken || ''
return {
title: activity.title || '邀请你参加这个活动',
path: shareToken
? `/pages/activity-detail/activity-detail?share_token=${shareToken}`
: `/pages/activity-detail/activity-detail?id=${this.data.id}`,
imageUrl: activity.cover_image || ''
}
},
normalizeActivity(activity) {
const stageTextMap = {
before_start: '活动未开始,暂不可查看嘉宾信息',
matching_open: '活动已开始,可进入活动匹配',
matching_closed: '匹配已截止,可查看选择结果',
ended: '活动已结束'
}
return {
...activity,
locationText: activity.location || '待定',
signupDeadlineText: activity.signup_deadline || '未设置',
matchDeadlineText: activity.match_deadline || '未设置',
descriptionText: activity.description || '暂无活动详情',
stageText: stageTextMap[activity.stage] || '活动状态待更新',
actionText: activity.is_bound || activity.is_registered
? '已绑定'
: activity.can_register
? '立即绑定'
: '当前不可绑定',
selectionSummaryText: `已选 ${activity.selected_count || 0}/${activity.selection_limit || 3},剩余 ${activity.remaining_count || 0}`,
registered_preview: Array.isArray(activity.registered_preview)
? activity.registered_preview.map((item) => ({
...item,
nicknameText: item.nickname || '用户'
}))
: []
}
},
async loadDetail() {
this.setData({ loading: true })
try {
const activity = this.data.shareToken
? await request({ url: `/activities/share/${this.data.shareToken}` })
: await request({ url: `/activities/${this.data.id}` })
this.setData({
id: activity.id || this.data.id,
activity: this.normalizeActivity(activity)
})
} 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 || !this.data.activity || !this.data.activity.can_enter_match) {
wx.showToast({ title: '当前阶段暂不可进入匹配', icon: 'none' })
return
}
wx.navigateTo({ url: `/pages/match/match?source=activity&activity_id=${this.data.id}` })
},
goMatchResults() {
if (!this.data.id) {
return
}
wx.navigateTo({ url: `/pages/my-matches/my-matches?activity_id=${this.data.id}` })
},
async handleRegister() {
if (!this.data.activity) {
return
}
if (this.data.activity.is_bound || 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}/bind`, method: 'POST' })
wx.showToast({ title: '绑定成功', icon: 'success' })
await this.loadDetail()
} catch (err) {
console.error('Bind activity failed:', err)
if (err && err.message && err.message.includes('资料')) {
wx.setStorageSync('pending_activity_bind', {
activity_id: this.data.id,
share_token: this.data.shareToken || ''
})
wx.showModal({
title: '请先完善资料',
content: err.message,
success: (res) => {
if (res.confirm) {
wx.navigateTo({ url: '/pages/profile-edit/profile-edit' })
}
}
})
return
}
wx.showToast({ title: err.message || '绑定失败', icon: 'none' })
} finally {
this.setData({ submitting: false })
}
}
})