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

const request = require('../../utils/request')
const {resolveImageUrl} = require('../../utils/media')

function normalizeMediaUrlForHtml(url) {
    const trimmedUrl = String(url || '').trim()
    if (!trimmedUrl) {
        return ''
    }
    if (/^https?:\/\/[^/]+\/api\/v1\/https?:\/\//i.test(trimmedUrl)) {
        return trimmedUrl.replace(/^https?:\/\/[^/]+\/api\/v1\//i, '')
    }
    if (/^\/api\/v1\/https?:\/\//i.test(trimmedUrl)) {
        return trimmedUrl.replace(/^\/api\/v1\//i, '')
    }
    if (/^https?:\/\/[^/]+\/v1\/static\//i.test(trimmedUrl)) {
        return trimmedUrl.replace(/^https?:\/\/[^/]+\/v1\//i, '/api/v1/')
    }
    if (/^\/v1\/static\//i.test(trimmedUrl)) {
        return trimmedUrl.replace(/^\/v1\//i, '/api/v1/')
    }
    if (/^https?:\/\/[^/]+\/static\//i.test(trimmedUrl)) {
        return trimmedUrl.replace(/^https?:\/\/[^/]+/, '')
    }
    return trimmedUrl
}

function resolveHtmlImageSources(html) {
    if (!html) {
        return ''
    }

    const text = String(html)
    if (!text.includes('<img') && !text.includes('<a')) {
        return text
    }

    return text.replace(/(src|href)=(['"])([^'"]+)\2/gi, (match, attr, quote, url) => {
        const trimmedUrl = normalizeMediaUrlForHtml(url)
        if (!trimmedUrl) {
            return match
        }

        if (/^https?:\/\/[^\s]+\/api\/v1\/data:/i.test(trimmedUrl)) {
            return `${attr}=${quote}${trimmedUrl.replace(/^https?:\/\/[^\s]+\/api\/v1\//i, '')}${quote}`
        }

        const resolved = resolveImageUrl(trimmedUrl)
        return resolved ? `${attr}=${quote}${resolved}${quote}` : match
    })
}

Page({
    data: {
        id: null,
        shareToken: '',
        activity: null,
        loading: false,
        submitting: false
    },

    parseLaunchOptions(options = {}) {
        const normalized = {...options}

        if (normalized.scene) {
            const sceneText = decodeURIComponent(normalized.scene)
            sceneText.split('&').forEach((segment) => {
                const [rawKey, ...rest] = segment.split('=')
                const key = rawKey || ''
                if (!key) {
                    return
                }
                normalized[key] = rest.join('=')
            })
        }

        const rawId = normalized.id || normalized.activity_id || ''
        const parsedId = rawId !== '' && !Number.isNaN(Number(rawId)) ? Number(rawId) : null
        const shareToken = normalized.share_token || ''

        return {
            id: parsedId,
            shareToken
        }
    },

    onLoad(options) {
        const {id, shareToken} = this.parseLaunchOptions(options)
        this.setData({id, shareToken})
        if (id || shareToken) {
            this.loadDetail()
            return
        }
        wx.showToast({title: '活动链接无效', icon: 'none'})
    },

    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 || ''
        const shareImage = activity.cover_image ? resolveImageUrl(activity.cover_image) : ''
        return {
            title: activity.title || '邀请你参加这个活动',
            path: shareToken
                ? `/pages/activity-detail/activity-detail?share_token=${shareToken}`
                : `/pages/activity-detail/activity-detail?id=${this.data.id}`,
            imageUrl: shareImage
        }
    },

    normalizeActivity(activity) {
        const stageTextMap = {
            before_start: '活动未开始，暂不可查看嘉宾信息',
            matching_open: '活动已开始，可进入活动',
            matching_closed: '匹配已截止，可查看选择结果',
            ended: '活动已结束'
        }
        const descriptionHtml = resolveHtmlImageSources(activity.description || '暂无活动详情')

        return {
            ...activity,
            cover_image: resolveImageUrl(activity.cover_image || ''),
            locationText: activity.location || '待定',
            signupDeadlineText: activity.signup_deadline || '未设置',
            matchDeadlineText: activity.match_deadline || '未设置',
            descriptionText: descriptionHtml,
            descriptionHtml,
            stageText: stageTextMap[activity.stage] || '活动状态待更新',
            actionText: activity.is_bound || activity.is_registered
                ? '已报名'
                : '立即报名',
            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,
                    avatar_blur_url: resolveImageUrl(item.avatar_blur_url || ''),
                    avatar_url: resolveImageUrl(item.avatar_url || ''),
                    nicknameText: item.real_name || 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) {
            wx.showToast({title: '活动信息加载中，请稍后重试', icon: 'none'})
            return
        }

        wx.setStorageSync('match_entry_context', {
            source: 'activity',
            activity_id: this.data.id,
            activity_title: this.data.activity.title || ''
        })
        wx.navigateTo({url: '/pages/match/match'})
    },

    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.submitting) {
            return
        }
        this.setData({submitting: true})
        const timer = setTimeout(() => {
            if (this.data.submitting) {
                this.setData({submitting: false})
                wx.showToast({title: '网络超时，请重试', icon: 'none'})
            }
        }, 15000)
        try {
            await request({url: `/activities/${this.data.id}/bind`, method: 'POST', timeout: 15000})
            wx.showToast({title: '报名成功', icon: 'success'})
            this.setData({
                'activity.is_bound': true,
                'activity.is_registered': true,
                'activity.actionText': '已报名'
            })
            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 {
            clearTimeout(timer)
            this.setData({submitting: false})
        }
    }
})