xiangqinxiaochengxu/miniprogram/pages/my-matches/my-matches.js

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

const EDUCATION_MAP = {
  1: '高中',
  2: '大专',
  3: '本科',
  4: '硕士',
  5: '博士'
}

Page({
  data: {
    activityId: null,
    activeTab: 'my_choices',
    activityTitle: '',
    tabs: [
      { key: 'my_choices', label: '我的选择' },
      { key: 'liked_me', label: '谁选了我' },
      { key: 'mutual_matches', label: '匹配成功' }
    ],
    matches: [],
    loading: false,
    cancelling: false
  },

  onLoad(options) {
    const storedEntry = wx.getStorageSync('match_entry_context') || {}
    const activityId = options.activity_id
      ? Number(options.activity_id)
      : storedEntry.activity_id
        ? Number(storedEntry.activity_id)
        : null

    this.setData({
      activityId
    })

    if (storedEntry.activity_id) {
      wx.removeStorageSync('match_entry_context')
    }

    if (activityId) {
      this.loadActivityTitle(activityId)
    }
  },

  onShow() {
    this.loadMatches()
  },

  async loadActivityTitle(activityId) {
    try {
      const activity = await request({ url: `/activities/${activityId}` })
      if (activity && activity.title) {
        this.setData({ activityTitle: activity.title })
      }
    } catch (err) {
      console.warn('Load activity title failed:', err)
    }
  },

  switchTab(e) {
    const tab = e.currentTarget.dataset.tab
    if (!tab || tab === this.data.activeTab) {
      return
    }
    this.setData({ activeTab: tab })
    this.loadMatches()
  },

  normalizeMatch(item) {
    const hobbies = Array.isArray(item.hobbies) ? item.hobbies : Array.isArray(item.other_user && item.other_user.hobbies) ? item.other_user.hobbies : []
    const nickname = item.real_name || item.nickname || (item.other_user && (item.other_user.real_name || item.other_user.nickname)) || ''
    const avatarUrl = resolveImageUrl(item.avatar_url || (item.other_user && item.other_user.avatar_url) || '')
    const city = item.city || (item.other_user && item.other_user.city) || ''
    const educationRaw = item.education || (item.other_user && item.other_user.education) || ''
    const education = EDUCATION_MAP[educationRaw] || ''
    const statusMap = {
      success: { text: '匹配成功', statusClass: 'success-badge', itemClass: 'success-item' },
      pending: { text: '待回应', statusClass: 'pending-badge', itemClass: 'pending-item' }
    }
    const matchStatus = item.match_status || 'pending'
    const statusConfig = statusMap[matchStatus] || statusMap.pending
    return {
      ...item,
      match_status: matchStatus,
      match_status_text: item.match_status_text || statusConfig.text,
      match_status_class: statusConfig.statusClass,
      match_item_class: statusConfig.itemClass,
      nicknameText: nickname || '匿名用户',
      avatar_url: avatarUrl,
      cityText: city || '城市未知',
      educationText: education || '学历未知',
      hobbiesText: hobbies.length ? hobbies.join('、') : '未填写爱好',
      timeText: item.matched_at || item.selected_at || ''
    }
  },

  async loadMatches() {
    this.setData({ loading: true })
    try {
      let remoteMatches = []
      if (this.data.activityId) {
        const endpointMap = {
          my_choices: 'my-choices',
          liked_me: 'liked-me',
          mutual_matches: 'mutual-matches'
        }
        remoteMatches = await request({ url: `/activities/${this.data.activityId}/${endpointMap[this.data.activeTab]}` })
      } else {
        remoteMatches = await request({ url: '/matches/my' })
      }
      const normalizedMatches = Array.isArray(remoteMatches) ? remoteMatches.map((item) => this.normalizeMatch(item)) : []
      this.setData({ matches: normalizedMatches })
    } catch (err) {
      console.error('Load my matches failed:', err)
      wx.showToast({ title: err.message || '加载失败', icon: 'none' })
      this.setData({ matches: [] })
    } finally {
      this.setData({ loading: false })
    }
  },

  viewDetail(e) {
    const userId = e.currentTarget.dataset.userId
    const status = e.currentTarget.dataset.status
    if (!userId) {
      return
    }
    if (status !== 'success') {
      wx.showToast({ title: '互选成功后才可查看完整资料', icon: 'none' })
      return
    }
    if (this.data.activityId) {
      wx.navigateTo({
        url: `/pages/match-detail/match-detail?activity_id=${this.data.activityId}&target_user_id=${userId}`
      })
      return
    }
    const match = this.data.matches.find((item) => item.userId === userId)
    if (match && match.matchId) {
      wx.navigateTo({
        url: `/pages/match-detail/match-detail?match_id=${match.matchId}`
      })
    } else {
      wx.showToast({ title: '无法获取匹配详情', icon: 'none' })
    }
  },

  async cancelChoice(e) {
    const userId = e.currentTarget.dataset.userId
    if (!this.data.activityId || !userId || this.data.cancelling) {
      return
    }
    this.setData({ cancelling: true })
    try {
      await request({
        url: `/activities/${this.data.activityId}/choices/${userId}`,
        method: 'DELETE'
      })
      wx.showToast({ title: '已撤销选择', icon: 'success' })
      this.loadMatches()
    } catch (err) {
      console.error('Cancel choice failed:', err)
      wx.showToast({ title: err.message || '撤销失败', icon: 'none' })
    } finally {
      this.setData({ cancelling: false })
    }
  }
})