125 lines
3.5 KiB
JavaScript
125 lines
3.5 KiB
JavaScript
/**
|
||
* 个人介绍页 U11（Phase 04 P04-T26）
|
||
*
|
||
* 重构要点（遵循 AGENTS.md 不变量）：
|
||
* - 数据：profileService.getProfile + userStore.updateProfile（第 9 条）
|
||
* - 字数限制：BUSINESS_LIMITS.MIN_INTRO_LENGTH / MAX_INTRO_LENGTH（第 12 条，不硬编码）
|
||
* - 审核规则提示：禁止手机号/微信号/二维码/广告等（功能清单 §4.6）
|
||
* - 草稿恢复：onLoad 读 ONBOARDING_DRAFT.intro，保存前写回
|
||
* - 下一步：跳 profile-preference
|
||
*/
|
||
const { userStore, appStore } = require('../../stores');
|
||
const { profileService } = require('../../services');
|
||
const { ROUTE, STORAGE_KEYS, BUSINESS_LIMITS } = require('../../constants');
|
||
|
||
Page({
|
||
data: {
|
||
statusBarHeight: 20,
|
||
navBarHeight: 44,
|
||
loading: false,
|
||
saving: false,
|
||
selfIntro: '',
|
||
minLen: BUSINESS_LIMITS.MIN_INTRO_LENGTH,
|
||
maxLen: BUSINESS_LIMITS.MAX_INTRO_LENGTH,
|
||
currentLen: 0,
|
||
guidelines: [
|
||
'可以介绍工作、性格、兴趣、生活状态',
|
||
'以及你期待怎样的感情',
|
||
'禁止填写手机号、微信号、二维码',
|
||
'禁止广告、色情低俗、投资引流内容',
|
||
],
|
||
},
|
||
|
||
onLoad() {
|
||
this._initSystemInfo();
|
||
this._applyDraft();
|
||
this.loadProfile();
|
||
},
|
||
|
||
_initSystemInfo() {
|
||
try {
|
||
const sysInfo = wx.getSystemInfoSync();
|
||
this.setData({
|
||
statusBarHeight: sysInfo.statusBarHeight || 20,
|
||
navBarHeight: 44,
|
||
});
|
||
} catch (e) { /* 使用默认值 */ }
|
||
},
|
||
|
||
async loadProfile() {
|
||
this.setData({ loading: true });
|
||
try {
|
||
const profile = await profileService.getProfile();
|
||
const d = this._readDraft();
|
||
const selfIntro = d.selfIntro || (profile && profile.selfIntro) || '';
|
||
this.setData({
|
||
selfIntro,
|
||
currentLen: selfIntro.length,
|
||
loading: false,
|
||
});
|
||
} catch (err) {
|
||
this.setData({ loading: false });
|
||
}
|
||
},
|
||
|
||
// ============ 草稿 ============
|
||
_readDraft() {
|
||
try {
|
||
const draft = wx.getStorageSync(STORAGE_KEYS.ONBOARDING_DRAFT) || {};
|
||
return draft.intro || {};
|
||
} catch (e) {
|
||
return {};
|
||
}
|
||
},
|
||
|
||
_applyDraft() {
|
||
const d = this._readDraft();
|
||
if (!d || Object.keys(d).length === 0) return;
|
||
const selfIntro = d.selfIntro || '';
|
||
this.setData({ selfIntro, currentLen: selfIntro.length });
|
||
},
|
||
|
||
_writeDraft() {
|
||
try {
|
||
const draft = wx.getStorageSync(STORAGE_KEYS.ONBOARDING_DRAFT) || {};
|
||
draft.intro = { selfIntro: this.data.selfIntro };
|
||
draft.currentStep = 'intro';
|
||
wx.setStorageSync(STORAGE_KEYS.ONBOARDING_DRAFT, draft);
|
||
} catch (e) { /* ignore */ }
|
||
},
|
||
|
||
// ============ 交互 ============
|
||
onIntroInput(e) {
|
||
const value = e.detail.value || '';
|
||
this.setData({ selfIntro: value, currentLen: value.length });
|
||
},
|
||
|
||
// ============ 导航 ============
|
||
onBack() {
|
||
this._writeDraft();
|
||
wx.navigateBack();
|
||
},
|
||
|
||
async onNext() {
|
||
if (this.data.saving) return;
|
||
const { selfIntro, minLen, maxLen } = this.data;
|
||
if (selfIntro.length < minLen) {
|
||
return appStore.toast(`至少填写 ${minLen} 字`);
|
||
}
|
||
if (selfIntro.length > maxLen) {
|
||
return appStore.toast(`最多填写 ${maxLen} 字`);
|
||
}
|
||
|
||
this.setData({ saving: true });
|
||
this._writeDraft();
|
||
try {
|
||
await userStore.updateProfile({ selfIntro });
|
||
this.setData({ saving: false });
|
||
wx.navigateTo({ url: ROUTE.ONBOARDING.PROFILE_PREFERENCE });
|
||
} catch (err) {
|
||
this.setData({ saving: false });
|
||
appStore.toastError(err, '保存失败');
|
||
}
|
||
},
|
||
});
|