258 lines
8.6 KiB
JavaScript
258 lines
8.6 KiB
JavaScript
/**
|
||
* 择偶条件页 U12-U14（Phase 04 P04-T27）
|
||
*
|
||
* 重构要点（遵循 AGENTS.md 不变量）：
|
||
* - 数据：userStore.fetchPreferences + updatePreferences（第 9 条）
|
||
* - Required/Preferred：preference-editor 的 needConfirmRelax 触发二次确认（第 2 条：
|
||
* "必须符合"不可自动放宽为"最好符合"，UI 必须显式提示）
|
||
* - 草稿恢复：onLoad 读 ONBOARDING_DRAFT.preference，保存前写回
|
||
* - 下一步：跳 profile-confirm
|
||
*/
|
||
const { userStore, appStore } = require('../../stores');
|
||
const { ROUTE, STORAGE_KEYS } = require('../../constants');
|
||
|
||
const REGION_OPTIONS = ['丹阳', '镇江市区', '镇江其他辖区', '不限'];
|
||
const MARITAL_ACCEPT_OPTIONS = ['未婚', '离异', '丧偶'];
|
||
const EDUCATION_OPTIONS = ['不限', '高中/中专以上', '大专以上', '本科以上', '研究生以上'];
|
||
const CHILDREN_OPTIONS = [
|
||
{ value: 'any', label: '不限' },
|
||
{ value: 'accept', label: '可接受' },
|
||
{ value: 'reject', label: '不接受' },
|
||
];
|
||
|
||
const MORE_PREF_OPTIONS = {
|
||
occupation: ['不限', '机关事业单位', '教育', '医疗', '企业职员', '技术人员', '其他'],
|
||
smoking: ['不限', '不吸烟', '偶尔', '经常'],
|
||
drinking: ['不限', '不饮酒', '偶尔', '经常'],
|
||
settlement: ['不限', '长期定居丹阳', '愿意来丹阳', '不限地区'],
|
||
marriagePlan: ['不限', '半年内', '1年内', '1～2年', '顺其自然'],
|
||
};
|
||
|
||
function buildDefaultPreference() {
|
||
return {
|
||
ageMin: null,
|
||
ageMax: null,
|
||
ageImportance: 'preferred',
|
||
heightMin: null,
|
||
heightMax: null,
|
||
heightImportance: 'preferred',
|
||
region: [],
|
||
regionImportance: 'preferred',
|
||
maritalStatusAccepted: [],
|
||
maritalImportance: 'preferred',
|
||
educationAccepted: [],
|
||
educationImportance: 'preferred',
|
||
acceptChildren: 'any',
|
||
// 更多条件（U14，均默认不限）
|
||
occupationPreference: '',
|
||
smokingPreference: '',
|
||
drinkingPreference: '',
|
||
settlementPreference: '',
|
||
marriagePlanPreference: '',
|
||
};
|
||
}
|
||
|
||
Page({
|
||
data: {
|
||
statusBarHeight: 20,
|
||
navBarHeight: 44,
|
||
loading: false,
|
||
saving: false,
|
||
preference: buildDefaultPreference(),
|
||
// 选项
|
||
regionOptions: REGION_OPTIONS,
|
||
maritalAcceptOptions: MARITAL_ACCEPT_OPTIONS,
|
||
educationOptions: EDUCATION_OPTIONS,
|
||
childrenOptions: CHILDREN_OPTIONS,
|
||
morePrefOptions: MORE_PREF_OPTIONS,
|
||
educationIndex: 0,
|
||
occupationIndex: 0,
|
||
smokingIndex: 0,
|
||
drinkingIndex: 0,
|
||
settlementIndex: 0,
|
||
marriagePlanIndex: 0,
|
||
},
|
||
|
||
onLoad() {
|
||
this._initSystemInfo();
|
||
this._applyDraft();
|
||
this.loadPreferences();
|
||
},
|
||
|
||
_initSystemInfo() {
|
||
try {
|
||
const sysInfo = wx.getSystemInfoSync();
|
||
this.setData({
|
||
statusBarHeight: sysInfo.statusBarHeight || 20,
|
||
navBarHeight: 44,
|
||
});
|
||
} catch (e) { /* 使用默认值 */ }
|
||
},
|
||
|
||
async loadPreferences() {
|
||
this.setData({ loading: true });
|
||
try {
|
||
const preferences = await userStore.fetchPreferences();
|
||
this._mergePreferences(preferences);
|
||
} catch (err) { /* 首次填写 */ } finally {
|
||
this.setData({ loading: false });
|
||
}
|
||
},
|
||
|
||
_mergePreferences(prefs) {
|
||
if (!prefs) return;
|
||
const d = this._readDraft();
|
||
const preference = { ...buildDefaultPreference(), ...prefs, ...(d.preference || {}) };
|
||
// 同步更多条件的 picker index
|
||
this.setData({
|
||
preference,
|
||
educationIndex: Math.max(0, EDUCATION_OPTIONS.indexOf((preference.educationAccepted && preference.educationAccepted[0]) || '不限')),
|
||
occupationIndex: Math.max(0, MORE_PREF_OPTIONS.occupation.indexOf(preference.occupationPreference || '不限')),
|
||
smokingIndex: Math.max(0, MORE_PREF_OPTIONS.smoking.indexOf(preference.smokingPreference || '不限')),
|
||
drinkingIndex: Math.max(0, MORE_PREF_OPTIONS.drinking.indexOf(preference.drinkingPreference || '不限')),
|
||
settlementIndex: Math.max(0, MORE_PREF_OPTIONS.settlement.indexOf(preference.settlementPreference || '不限')),
|
||
marriagePlanIndex: Math.max(0, MORE_PREF_OPTIONS.marriagePlan.indexOf(preference.marriagePlanPreference || '不限')),
|
||
});
|
||
},
|
||
|
||
// ============ 草稿 ============
|
||
_readDraft() {
|
||
try {
|
||
const draft = wx.getStorageSync(STORAGE_KEYS.ONBOARDING_DRAFT) || {};
|
||
return draft.preference || {};
|
||
} catch (e) {
|
||
return {};
|
||
}
|
||
},
|
||
|
||
_applyDraft() {
|
||
const d = this._readDraft();
|
||
if (!d || !d.preference) return;
|
||
this._mergePreferences(d.preference);
|
||
},
|
||
|
||
_writeDraft() {
|
||
try {
|
||
const draft = wx.getStorageSync(STORAGE_KEYS.ONBOARDING_DRAFT) || {};
|
||
draft.preference = { preference: this.data.preference };
|
||
draft.currentStep = 'preference';
|
||
wx.setStorageSync(STORAGE_KEYS.ONBOARDING_DRAFT, draft);
|
||
} catch (e) { /* ignore */ }
|
||
},
|
||
|
||
// ============ preference-editor 变更 ============
|
||
/**
|
||
* 处理 preference-editor 的 change 事件
|
||
* AGENTS 第 2 条：Required → Preferred 需二次确认（needConfirmRelax=true）
|
||
*/
|
||
async onPrefChange(e) {
|
||
const { field, importance, value, needConfirmRelax } = e.detail;
|
||
if (needConfirmRelax) {
|
||
// 必须符合 → 最好符合，需用户二次确认
|
||
const ok = await appStore.confirm({
|
||
title: '确认放宽此条件？',
|
||
content: '"必须符合"的条件不会被系统放宽。改为"最好符合"后，可能匹配到略不满足此条件的对象。',
|
||
});
|
||
if (!ok) return; // 用户取消，不修改
|
||
}
|
||
const preference = { ...this.data.preference };
|
||
if (importance !== undefined) {
|
||
preference[field] = importance;
|
||
} else if (value !== undefined) {
|
||
preference[field] = value;
|
||
}
|
||
this.setData({ preference });
|
||
},
|
||
|
||
// ============ 地区/婚姻多选 ============
|
||
onRegionTap(e) {
|
||
const region = e.currentTarget.dataset.region;
|
||
const preference = { ...this.data.preference };
|
||
const list = [...(preference.region || [])];
|
||
const idx = list.indexOf(region);
|
||
if (idx >= 0) list.splice(idx, 1);
|
||
else list.push(region);
|
||
preference.region = list;
|
||
this.setData({ preference });
|
||
},
|
||
|
||
onMaritalTap(e) {
|
||
const status = e.currentTarget.dataset.status;
|
||
const preference = { ...this.data.preference };
|
||
const list = [...(preference.maritalStatusAccepted || [])];
|
||
const idx = list.indexOf(status);
|
||
if (idx >= 0) list.splice(idx, 1);
|
||
else list.push(status);
|
||
preference.maritalStatusAccepted = list;
|
||
this.setData({ preference });
|
||
},
|
||
|
||
// ============ 学历单选 ============
|
||
onEducationChange(e) {
|
||
const idx = Number(e.detail.value);
|
||
const preference = { ...this.data.preference };
|
||
preference.educationAccepted = [EDUCATION_OPTIONS[idx]];
|
||
this.setData({ preference, educationIndex: idx });
|
||
},
|
||
|
||
// ============ 更多条件（U14） ============
|
||
onOccupationChange(e) {
|
||
const idx = Number(e.detail.value);
|
||
const preference = { ...this.data.preference };
|
||
preference.occupationPreference = MORE_PREF_OPTIONS.occupation[idx];
|
||
this.setData({ preference, occupationIndex: idx });
|
||
},
|
||
|
||
onSmokingPrefChange(e) {
|
||
const idx = Number(e.detail.value);
|
||
const preference = { ...this.data.preference };
|
||
preference.smokingPreference = MORE_PREF_OPTIONS.smoking[idx];
|
||
this.setData({ preference, smokingIndex: idx });
|
||
},
|
||
|
||
onDrinkingPrefChange(e) {
|
||
const idx = Number(e.detail.value);
|
||
const preference = { ...this.data.preference };
|
||
preference.drinkingPreference = MORE_PREF_OPTIONS.drinking[idx];
|
||
this.setData({ preference, drinkingIndex: idx });
|
||
},
|
||
|
||
onSettlementChange(e) {
|
||
const idx = Number(e.detail.value);
|
||
const preference = { ...this.data.preference };
|
||
preference.settlementPreference = MORE_PREF_OPTIONS.settlement[idx];
|
||
this.setData({ preference, settlementIndex: idx });
|
||
},
|
||
|
||
onMarriagePlanPrefChange(e) {
|
||
const idx = Number(e.detail.value);
|
||
const preference = { ...this.data.preference };
|
||
preference.marriagePlanPreference = MORE_PREF_OPTIONS.marriagePlan[idx];
|
||
this.setData({ preference, marriagePlanIndex: idx });
|
||
},
|
||
|
||
// ============ 导航 ============
|
||
onBack() {
|
||
this._writeDraft();
|
||
wx.navigateBack();
|
||
},
|
||
|
||
async onNext() {
|
||
if (this.data.saving) return;
|
||
const { preference } = this.data;
|
||
if (!preference.ageMin || !preference.ageMax) {
|
||
return appStore.toast('请填写年龄范围');
|
||
}
|
||
this.setData({ saving: true });
|
||
this._writeDraft();
|
||
try {
|
||
await userStore.updatePreferences(preference);
|
||
this.setData({ saving: false });
|
||
wx.navigateTo({ url: ROUTE.ONBOARDING.PROFILE_CONFIRM });
|
||
} catch (err) {
|
||
this.setData({ saving: false });
|
||
appStore.toastError(err, '保存失败');
|
||
}
|
||
},
|
||
});
|