243 lines
8.1 KiB
JavaScript
243 lines
8.1 KiB
JavaScript
/**
|
||
* 用户资料详情页 U21
|
||
*
|
||
* 重构要点（遵循 AGENTS.md 不变量）：
|
||
* - 数据获取：recommendationService.getUserDetail（API_INVENTORY 行 43），不再直连 api 模块
|
||
* - 喜欢：matchStore.like（mutualMatch=true 时跳转会话页，AGENTS 第 3/6 条）
|
||
* - 拉黑：blockUser 跨 Store 编排（MatchStore + MessageStore 同步停用，AGENTS 第 4 条）
|
||
* - 举报：跳转 report 页，不在本页处理
|
||
* - 敏感数据：profile.birthday/身份证/手机号 仅服务端持有，前端不缓存（AGENTS 第 8 条）
|
||
* - Required 不可放宽：本页只读展示，无任何放宽择偶条件的入口（AGENTS 第 2 条）
|
||
*/
|
||
const { matchStore, appStore, blockUser } = require('../../stores');
|
||
const { recommendationService } = require('../../services');
|
||
const { to, DANGER_ACTION, RELATION_STATUS, BUSINESS_ERROR_CODE } = require('../../constants');
|
||
|
||
Page({
|
||
data: {
|
||
userId: '',
|
||
profile: null,
|
||
loading: true,
|
||
loadError: '',
|
||
/** @type {import('../../types').RelationStatus} */
|
||
relationStatus: RELATION_STATUS.NEUTRAL,
|
||
isLiked: false,
|
||
isMutual: false,
|
||
canChat: false,
|
||
actionLoading: false,
|
||
statusBarHeight: 20,
|
||
navBarHeight: 44,
|
||
showBlockDialog: false,
|
||
blockAction: DANGER_ACTION.BLOCK,
|
||
/** 派生的展示字段 */
|
||
displayName: '',
|
||
ageText: '',
|
||
metaLine: '',
|
||
badges: [],
|
||
basicInfo: [],
|
||
attitudeInfo: [],
|
||
},
|
||
|
||
onLoad(options) {
|
||
const userId = options.id || '';
|
||
if (!userId) {
|
||
this.setData({ loading: false, loadError: '用户不存在' });
|
||
return;
|
||
}
|
||
// 状态栏高度由 app.js 注入到全局，这里读一次
|
||
try {
|
||
const sysInfo = wx.getSystemInfoSync ? wx.getSystemInfoSync() : null;
|
||
if (sysInfo) {
|
||
this.setData({
|
||
statusBarHeight: sysInfo.statusBarHeight || 20,
|
||
navBarHeight: 44,
|
||
});
|
||
}
|
||
} catch (e) { /* 使用默认值 */ }
|
||
|
||
this.setData({ userId });
|
||
this.loadProfile();
|
||
},
|
||
|
||
async loadProfile() {
|
||
this.setData({ loading: true, loadError: '' });
|
||
try {
|
||
const user = await recommendationService.getUserDetail(this.data.userId);
|
||
this.setData({ loading: false, profile: user });
|
||
this._deriveDisplay(user);
|
||
} catch (err) {
|
||
this.setData({
|
||
loading: false,
|
||
loadError: (err && err.message) || '加载失败',
|
||
});
|
||
appStore.toastError(err, '加载用户资料失败');
|
||
}
|
||
},
|
||
|
||
/**
|
||
* 把后端 User 字段派生为展示用结构，避免 wxml 内做条件拼接
|
||
*/
|
||
_deriveDisplay(user) {
|
||
if (!user) return;
|
||
const relationStatus = user.relationStatus || RELATION_STATUS.NEUTRAL;
|
||
const isLiked = relationStatus === RELATION_STATUS.LIKED || relationStatus === RELATION_STATUS.MUTUAL_MATCH;
|
||
const isMutual = relationStatus === RELATION_STATUS.MUTUAL_MATCH;
|
||
// AGENTS 第 3 条：只有 Mutual 后才能聊天
|
||
const canChat = isMutual && relationStatus !== RELATION_STATUS.BLOCKED;
|
||
|
||
const badges = [];
|
||
if (user.verified || user.isRealNameVerified) {
|
||
badges.push({ kind: 'success', label: '已实名' });
|
||
}
|
||
if (user.reviewed || user.profileReviewStatus === 'approved') {
|
||
badges.push({ kind: 'info', label: '资料已审核' });
|
||
}
|
||
|
||
const metaParts = [];
|
||
if (user.heightCm) metaParts.push(`${user.heightCm}cm`);
|
||
if (user.regionName) metaParts.push(user.regionName);
|
||
if (user.educationCode) metaParts.push(user.educationCode);
|
||
if (user.occupationCode) metaParts.push(user.occupationCode);
|
||
|
||
const basicInfo = [];
|
||
if (user.maritalStatus) basicInfo.push({ label: '婚姻状况', value: user.maritalStatus });
|
||
if (user.childrenStatus || user.hasChildren !== undefined) {
|
||
basicInfo.push({ label: '子女情况', value: user.childrenStatus || (user.hasChildren ? '有孩' : '无孩') });
|
||
}
|
||
if (user.educationCode) basicInfo.push({ label: '学历', value: user.educationCode });
|
||
if (user.occupationCode) basicInfo.push({ label: '职业', value: user.occupationCode });
|
||
if (user.smokingStatus) basicInfo.push({ label: '吸烟', value: user.smokingStatus });
|
||
if (user.drinkingStatus) basicInfo.push({ label: '饮酒', value: user.drinkingStatus });
|
||
if (user.longTermDanyang) basicInfo.push({ label: '定居意愿', value: user.longTermDanyang, full: true });
|
||
if (user.futureDanyang) basicInfo.push({ label: '未来规划', value: user.futureDanyang, full: true });
|
||
|
||
const attitudeInfo = [];
|
||
if (user.relationshipGoal) attitudeInfo.push({ label: '寻找', value: user.relationshipGoal, full: true });
|
||
if (user.marriagePlan) attitudeInfo.push({ label: '结婚计划', value: user.marriagePlan, full: true });
|
||
|
||
this.setData({
|
||
relationStatus,
|
||
isLiked,
|
||
isMutual,
|
||
canChat,
|
||
displayName: user.displayName || '用户',
|
||
ageText: user.age ? `${user.age}岁` : '',
|
||
metaLine: metaParts.join(' · '),
|
||
badges,
|
||
basicInfo,
|
||
attitudeInfo,
|
||
});
|
||
},
|
||
|
||
onBack() {
|
||
wx.navigateBack();
|
||
},
|
||
|
||
onRetry() {
|
||
this.loadProfile();
|
||
},
|
||
|
||
/**
|
||
* 喜欢（AGENTS 第 3/5/6 条：用户本人操作，mutualMatch 时跳聊天）
|
||
*/
|
||
async onLike() {
|
||
const { userId, actionLoading, isLiked } = this.data;
|
||
if (!userId || actionLoading || isLiked) return;
|
||
this.setData({ actionLoading: true });
|
||
try {
|
||
const result = await matchStore.like(userId);
|
||
// 本地派生状态更新
|
||
if (result && result.mutualMatch) {
|
||
this.setData({
|
||
isLiked: true,
|
||
isMutual: true,
|
||
canChat: true,
|
||
relationStatus: RELATION_STATUS.MUTUAL_MATCH,
|
||
actionLoading: false,
|
||
});
|
||
appStore.toastSuccess('双向喜欢！可以开始聊天了');
|
||
if (result.matchedConversationId) {
|
||
wx.navigateTo({ url: to.chat(result.matchedConversationId) });
|
||
}
|
||
} else {
|
||
this.setData({
|
||
isLiked: true,
|
||
relationStatus: RELATION_STATUS.LIKED,
|
||
actionLoading: false,
|
||
});
|
||
appStore.toastSuccess('已表达喜欢');
|
||
}
|
||
} catch (err) {
|
||
this.setData({ actionLoading: false });
|
||
if (err && err.code === BUSINESS_ERROR_CODE.DUPLICATE_ACTION) {
|
||
appStore.toast('已表达过喜欢');
|
||
} else {
|
||
appStore.toastError(err, '操作失败');
|
||
}
|
||
}
|
||
},
|
||
|
||
/**
|
||
* 开始聊天（仅 Mutual 后可见，AGENTS 第 3 条）
|
||
*/
|
||
onGoChat() {
|
||
const { userId, canChat, profile } = this.data;
|
||
if (!canChat) {
|
||
appStore.toast('双方互相喜欢后才能开始聊天');
|
||
return;
|
||
}
|
||
// matchedConversationId 优先来自最近 like 结果；无则用 userId 占位由 chat 页拉取
|
||
const conversationId = (profile && profile.matchedConversationId) || userId;
|
||
wx.navigateTo({ url: to.chat(conversationId) });
|
||
},
|
||
|
||
/**
|
||
* 举报：跳转 report 页，不在本页处理（AGENTS 第 7 条：举报内容不在此暴露）
|
||
*/
|
||
onReport() {
|
||
const { userId } = this.data;
|
||
if (!userId) return;
|
||
wx.navigateTo({ url: to.report(userId) });
|
||
},
|
||
|
||
/**
|
||
* 拉黑入口：弹出 DangerActionDialog 二次确认（AGENTS 第 4 条）
|
||
*/
|
||
onBlock() {
|
||
if (!this.data.userId) return;
|
||
this.setData({ showBlockDialog: true });
|
||
},
|
||
|
||
onConfirmBlock() {
|
||
this.setData({ showBlockDialog: false });
|
||
this._doBlock();
|
||
},
|
||
|
||
onCancelBlock() {
|
||
this.setData({ showBlockDialog: false });
|
||
},
|
||
|
||
/**
|
||
* 执行拉黑：调用跨 Store 编排 blockUser
|
||
* - MatchStore：从推荐/Mutual 列表移除
|
||
* - MessageStore：会话立即标记不可发消息
|
||
*/
|
||
async _doBlock() {
|
||
const { userId, actionLoading } = this.data;
|
||
if (!userId || actionLoading) return;
|
||
this.setData({ actionLoading: true });
|
||
try {
|
||
appStore.showLoading('处理中…');
|
||
await blockUser(userId, '用户主动拉黑');
|
||
appStore.hideLoading();
|
||
appStore.toastSuccess('已拉黑');
|
||
// 拉黑后离开当前页（AGENTS 第 4 条：Block 即时禁止互动）
|
||
setTimeout(() => wx.navigateBack(), 800);
|
||
} catch (err) {
|
||
appStore.hideLoading();
|
||
this.setData({ actionLoading: false });
|
||
appStore.toastError(err, '拉黑失败');
|
||
}
|
||
},
|
||
});
|