240 lines
8.1 KiB
TypeScript
240 lines
8.1 KiB
TypeScript
|
/**
|
|||
|
|
* 首页 - V1.1 新版（U18）
|
|||
|
|
* 结构：品牌区 → 用户状态条 → Banner → 8入口 → 推荐 → 服务建议 → 活动 → 服务站 → 安全提醒
|
|||
|
|
*/
|
|||
|
|
const authStore = require('../../stores/authStore')
|
|||
|
|
const api = require('../../utils/api')
|
|||
|
|
|
|||
|
|
Page({
|
|||
|
|
data: {
|
|||
|
|
unreadCount: 0,
|
|||
|
|
userState: null,
|
|||
|
|
isOnboarding: false,
|
|||
|
|
isVerified: false,
|
|||
|
|
isPaused: false,
|
|||
|
|
isSuccessful: false,
|
|||
|
|
onboardingMessage: '',
|
|||
|
|
onboardingActions: [],
|
|||
|
|
statusChecks: [],
|
|||
|
|
banners: [],
|
|||
|
|
currentBannerIndex: 0,
|
|||
|
|
quickEntries: [],
|
|||
|
|
recommendations: [],
|
|||
|
|
recState: 'idle',
|
|||
|
|
actionLoadingUserId: '',
|
|||
|
|
serviceRecommendations: [],
|
|||
|
|
activities: [],
|
|||
|
|
serviceLocation: null,
|
|||
|
|
articles: [],
|
|||
|
|
safetyNotice: {
|
|||
|
|
text: '实名认证和人工审核可以提高信息真实性，交往过程中仍请谨慎涉及借款、投资和个人隐私。',
|
|||
|
|
ctaText: '查看婚恋反诈指南',
|
|||
|
|
ctaTarget: ''
|
|||
|
|
},
|
|||
|
|
emptyActions: [
|
|||
|
|
{ text: '查看择偶条件', event: 'preference', variant: 'secondary' },
|
|||
|
|
{ text: '申请公益红娘', event: 'matchmaker', variant: 'primary' },
|
|||
|
|
],
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
onLoad() {
|
|||
|
|
this.checkAuthAndLoad()
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
onShow() {
|
|||
|
|
if (authStore.state.isLoggedIn) {
|
|||
|
|
this.loadHomeData()
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
onPullDownRefresh() {
|
|||
|
|
this.loadHomeData().finally(() => wx.stopPullDownRefresh())
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
// ==================== 核心加载 ====================
|
|||
|
|
|
|||
|
|
async checkAuthAndLoad() {
|
|||
|
|
if (!authStore.state.isLoggedIn) {
|
|||
|
|
this.setData({
|
|||
|
|
isOnboarding: true,
|
|||
|
|
onboardingMessage: '登录后即可开始寻找合适的人',
|
|||
|
|
onboardingActions: [{ text: '去登录', event: 'login', variant: 'primary' }],
|
|||
|
|
})
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
await this.loadHomeData()
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
async loadHomeData() {
|
|||
|
|
try {
|
|||
|
|
const res = await api.get('/home')
|
|||
|
|
this.processHomeData(res)
|
|||
|
|
} catch (err) {
|
|||
|
|
console.error('首页数据加载失败', err)
|
|||
|
|
this.setData({ recState: 'error' })
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
processHomeData(data) {
|
|||
|
|
const { userState, banners, quickEntries, recommendations,
|
|||
|
|
serviceRecommendations, activities, serviceLocation, safetyNotice } = data
|
|||
|
|
|
|||
|
|
const relStatus = userState?.relationshipStatus || ''
|
|||
|
|
const profileStatus = userState?.profileStatus || ''
|
|||
|
|
const eligStatus = userState?.localEligibilityStatus || 'not_declared'
|
|||
|
|
|
|||
|
|
const isOnboarding = !userState || profileStatus !== 'approved'
|
|||
|
|
const isPaused = relStatus === 'paused'
|
|||
|
|
const isSuccessful = relStatus === 'matched_successfully'
|
|||
|
|
const isVerified = eligStatus === 'verified'
|
|||
|
|
|
|||
|
|
const checks = [
|
|||
|
|
{ label: '已实名', done: userState?.verified || false },
|
|||
|
|
{ label: '本地资格', done: eligStatus === 'verified' || eligStatus === 'pending_review' },
|
|||
|
|
{ label: '资料已审核', done: profileStatus === 'approved' || profileStatus === 'completed' },
|
|||
|
|
]
|
|||
|
|
|
|||
|
|
this.setData({
|
|||
|
|
userState,
|
|||
|
|
isOnboarding, isVerified, isPaused, isSuccessful,
|
|||
|
|
onboardingMessage: this.buildOnboardingMessage(userState, profileStatus, eligStatus),
|
|||
|
|
onboardingActions: this.buildOnboardingActions(userState, profileStatus, eligStatus),
|
|||
|
|
statusChecks: checks,
|
|||
|
|
banners, quickEntries,
|
|||
|
|
recommendations: recommendations || [],
|
|||
|
|
recState: (recommendations && recommendations.length > 0) ? 'loaded' : 'empty',
|
|||
|
|
serviceRecommendations, activities, serviceLocation,
|
|||
|
|
safetyNotice: safetyNotice || this.data.safetyNotice,
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
buildOnboardingMessage(state, profileStatus, eligStatus) {
|
|||
|
|
if (!state) return '登录后即可开始寻找合适的人'
|
|||
|
|
if (eligStatus === 'not_declared') return '完成本地资格声明后即可开始寻找合适的人'
|
|||
|
|
if (eligStatus === 'needs_evidence') return '补充本地资格佐证后即可开始寻找合适的人'
|
|||
|
|
if (profileStatus !== 'approved' && profileStatus !== 'completed') return '资料审核通过后即可开始寻找合适的人'
|
|||
|
|
return '完成资料后开始寻找合适的人'
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
buildOnboardingActions(state, profileStatus, eligStatus) {
|
|||
|
|
if (!state) return [{ text: '去登录', event: 'login', variant: 'primary' }]
|
|||
|
|
const actions = []
|
|||
|
|
if (eligStatus === 'not_declared' || eligStatus === 'needs_evidence') {
|
|||
|
|
actions.push({ text: '声明本地资格', event: 'local-eligibility', variant: 'primary' })
|
|||
|
|
}
|
|||
|
|
if (profileStatus !== 'approved' && profileStatus !== 'completed') {
|
|||
|
|
actions.push({ text: '完善资料', event: 'profile', variant: 'secondary' })
|
|||
|
|
}
|
|||
|
|
if (actions.length === 0) {
|
|||
|
|
actions.push({ text: '开始寻找', event: 'discover', variant: 'primary' })
|
|||
|
|
}
|
|||
|
|
return actions
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
// ==================== 事件处理 ====================
|
|||
|
|
|
|||
|
|
onBannerChange(e) {
|
|||
|
|
this.setData({ currentBannerIndex: e.detail.current })
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
onBannerTap(e) {
|
|||
|
|
const { targetType, targetValue } = e.currentTarget.dataset.item
|
|||
|
|
if (targetType === 'activity' && targetValue) {
|
|||
|
|
wx.navigateTo({ url: `/pages/activity-detail/activity-detail?id=${targetValue}` })
|
|||
|
|
} else if (targetType === 'matchmaker') {
|
|||
|
|
wx.navigateTo({ url: '/pages/matchmaker/matchmaker' })
|
|||
|
|
} else if (targetType === 'service_location' && targetValue) {
|
|||
|
|
wx.navigateTo({ url: `/pages/local-eligibility/local-eligibility?from=service_station&id=${targetValue}` })
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
onEntryTap(e) {
|
|||
|
|
const { code, enabled, targetPage } = e.currentTarget.dataset.entry
|
|||
|
|
if (!enabled) {
|
|||
|
|
wx.showToast({ title: '完成资料后可使用此功能', icon: 'none' })
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
if (targetPage.startsWith('pages/')) {
|
|||
|
|
wx.navigateTo({ url: targetPage })
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
onViewDetail(e) {
|
|||
|
|
const userId = e.detail?.userId || e.currentTarget.dataset?.userId
|
|||
|
|
if (userId) wx.navigateTo({ url: `/pages/profile-detail/profile-detail?id=${userId}` })
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
onLike(e) {
|
|||
|
|
const userId = e.detail?.userId
|
|||
|
|
if (!userId) return
|
|||
|
|
this.setData({ actionLoadingUserId: userId })
|
|||
|
|
setTimeout(() => this.setData({ actionLoadingUserId: '' }), 500)
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
onPass(e) {
|
|||
|
|
const userId = e.detail?.userId
|
|||
|
|
if (!userId) return
|
|||
|
|
this.setData({ actionLoadingUserId: userId })
|
|||
|
|
setTimeout(() => this.setData({ actionLoadingUserId: '' }), 500)
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
onEmptyAction(e) {
|
|||
|
|
const event = e.currentTarget.dataset.event
|
|||
|
|
switch (event) {
|
|||
|
|
case 'login':
|
|||
|
|
wx.reLaunch({ url: '/pages/login/login' })
|
|||
|
|
break
|
|||
|
|
case 'discover':
|
|||
|
|
wx.switchTab({ url: '/pages/discover/discover' })
|
|||
|
|
break
|
|||
|
|
case 'matchmaker':
|
|||
|
|
wx.navigateTo({ url: '/pages/matchmaker/matchmaker' })
|
|||
|
|
break
|
|||
|
|
case 'preference':
|
|||
|
|
wx.navigateTo({ url: '/pages/profile-preference/profile-preference' })
|
|||
|
|
break
|
|||
|
|
case 'local-eligibility':
|
|||
|
|
wx.navigateTo({ url: '/pages/local-eligibility/local-eligibility' })
|
|||
|
|
break
|
|||
|
|
case 'profile':
|
|||
|
|
wx.navigateTo({ url: '/pages/profile-basic/profile-basic' })
|
|||
|
|
break
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
onResume() {
|
|||
|
|
wx.showToast({ title: '功能开发中', icon: 'none' })
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
onSeeMore() { wx.switchTab({ url: '/pages/discover/discover' }) },
|
|||
|
|
onSeeAllActivities() { wx.switchTab({ url: '/pages/activity/activity' }) },
|
|||
|
|
onActivityTap(e) {
|
|||
|
|
const id = e.currentTarget.dataset.id
|
|||
|
|
if (id) wx.navigateTo({ url: `/pages/activity-detail/activity-detail?id=${id}` })
|
|||
|
|
},
|
|||
|
|
onStationTap() {
|
|||
|
|
wx.navigateTo({ url: '/pages/local-eligibility/local-eligibility?from=service_station' })
|
|||
|
|
},
|
|||
|
|
onServiceTap(e) {
|
|||
|
|
const type = e.currentTarget.dataset.type
|
|||
|
|
switch (type) {
|
|||
|
|
case 'matchmaker': wx.navigateTo({ url: '/pages/matchmaker/matchmaker' })
|
|||
|
|
break
|
|||
|
|
case 'counseling':
|
|||
|
|
case 'premarital':
|
|||
|
|
wx.navigateTo({ url: `/pages/local-eligibility/local-eligibility?from=${type}` })
|
|||
|
|
break
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onSafetyTap() {
|
|||
|
|
wx.navigateTo({ url: '/pages/local-eligibility/local-eligibility?from=anti_fraud' })
|
|||
|
|
},
|
|||
|
|
onMessages() { wx.switchTab({ url: '/pages/messages/messages' }) },
|
|||
|
|
|
|||
|
|
formatDate(timestamp) {
|
|||
|
|
if (!timestamp) return ''
|
|||
|
|
const d = new Date(timestamp)
|
|||
|
|
return `${d.getMonth() + 1}月${d.getDate()}日 ${String(d.getHours()).padStart(2, '0')}:${String(d.getMinutes()).padStart(2, '0')}`
|
|||
|
|
},
|
|||
|
|
})
|