Initial Commit
This commit is contained in:
commit
1d71a02738
237 changed files with 64293 additions and 0 deletions
339
pages/personal-details/personal-details.js
Normal file
339
pages/personal-details/personal-details.js
Normal file
|
|
@ -0,0 +1,339 @@
|
|||
const apiClient = require('../../utils/api-client.js');
|
||||
|
||||
|
||||
const occupationOptions = [
|
||||
"初中生", "高中生", "大学生", "研究生", "留学生", "科研", "警察", "医生", "护士",
|
||||
"程序员", "老师", "化妆师", "摄影师", "音乐", "美术", "金融", "厨师", "工程师",
|
||||
"公务员", "互联网", "产品经理", "模特", "演员", "导演", "律师", "创业者", "其他"
|
||||
];
|
||||
const educationOptions = ["博士", "硕士", "本科", "专科", "中专", "高中", "初中", "小学", "其他"];
|
||||
const genderOptions = ["未知", "男", "女", "其他"];
|
||||
const genderMap = {
|
||||
"未知": 0,
|
||||
"男": 1,
|
||||
"女": 2,
|
||||
"其他": 3
|
||||
}
|
||||
const constellationOptions = ["双鱼座", "白羊座", "金牛座", "双子座", "巨蟹座", "狮子座", "处女座", "天秤座", "天蝎座", "射手座", "摩羯座", "水瓶座"];
|
||||
const personalityOptions = ["INTJ", "INTP", "ENTJ", "INFP", "ENTP", "INFJ", "ENFP", "ENFJ", "ISTJ", "ISFJ", "ISTP", "ISFP", "ESTJ", "ESFJ", "ESTP", "ESFP"];
|
||||
const sleepOptions = ["早起鸟儿", "夜猫子", "规律型", "深度睡眠追求者", "碎片化睡眠者", "失眠困扰者", "咖啡因敏感型", "数字戒断者", "运动调节型", "挑战打卡型", "鼾声监测者", "生物钟调节者", "社区分享型"];
|
||||
const socialOptions = ["内容创作者", "观察者", "吃瓜者", "潜水者", "机器人", "社群型用户", "KOL", "KOC", "普通用户", "算法依赖型用户", "事件驱动型用户", "季节性活跃用户", "社交维系型用户", "兴趣社群型用户", "职业网络型用户", "娱乐消遣型用户", "购物种草型用户", "互动型用户"];
|
||||
const heightOptions = Array.from({ length: 71 }, (_, i) => (140 + i) + "cm");
|
||||
|
||||
Page({
|
||||
data: {
|
||||
occupationOptions,
|
||||
educationOptions,
|
||||
genderOptions,
|
||||
constellationOptions,
|
||||
personalityOptions,
|
||||
sleepOptions,
|
||||
socialOptions,
|
||||
heightOptions,
|
||||
|
||||
user: {
|
||||
avatar: "/images/default-avatar.png",
|
||||
customId: "10000123",
|
||||
nickname: "realrain",
|
||||
bio: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate libero et velit interdum, ac aliquet odio mattis.",
|
||||
occupation: "程序员",
|
||||
education: "本科",
|
||||
gender: "男",
|
||||
birthday: "1999-04-25",
|
||||
hometown: [],
|
||||
constellation: "金牛座",
|
||||
height: "175cm",
|
||||
personality: "INTJ",
|
||||
sleep: "夜猫子",
|
||||
social: "普通用户"
|
||||
},
|
||||
|
||||
// 编辑态
|
||||
isEditing: false,
|
||||
editingIntro: false,
|
||||
tempIntro: "",
|
||||
tempNickname: "",
|
||||
|
||||
// sheet 控制
|
||||
showSheet: false,
|
||||
sheetOptions: [],
|
||||
sheetTitle: "",
|
||||
sheetKey: "",
|
||||
selectedValue: ""
|
||||
},
|
||||
|
||||
getKeyByValue(obj, value) {
|
||||
return Object.keys(obj).find(key => obj[key] === value);
|
||||
},
|
||||
|
||||
async onLoad() {
|
||||
const pages = getCurrentPages();
|
||||
const currPage = pages[pages.length - 1]; // 当前页面实例
|
||||
const profile = pages[pages.length - 2]; // 上一个页面实例（profile）
|
||||
if (profile && profile.initSystemInfo) {
|
||||
profile.initSystemInfo();
|
||||
}
|
||||
if (profile && profile.loadUserData) {
|
||||
profile.loadUserData();
|
||||
}
|
||||
const clearData = this.clearObjectValues(this.data.user);
|
||||
// const appData = app.globalData.userInfo?.user;
|
||||
const appData = await apiClient.getUserInfo();
|
||||
if (appData?.code === 0) {
|
||||
appData.data.gender = this.getKeyByValue(genderMap, appData['data']['gender'])
|
||||
}
|
||||
this.setData({ user: appData.data ?? clearData });
|
||||
},
|
||||
|
||||
onUnload() {
|
||||
console.log('页面被物理返回键关闭');
|
||||
// 更新用户信息
|
||||
const user = this.data.user;
|
||||
user['gender'] = genderMap[user.gender];
|
||||
apiClient.updateUserProfile(user)
|
||||
.then(res => {
|
||||
console.log('更新用户信息成功', res);
|
||||
wx.showToast({ title: '更新用户信息成功', icon: 'success' });
|
||||
})
|
||||
.catch(err => {
|
||||
console.error('更新用户信息失败', err);
|
||||
wx.showToast({ title: '更新用户信息失败', icon: 'none' });
|
||||
});
|
||||
},
|
||||
|
||||
clearObjectValues(obj) {
|
||||
Object.keys(obj).forEach(key => {
|
||||
const value = obj[key];
|
||||
if (Array.isArray(value)) {
|
||||
// 清空为新数组
|
||||
obj[key] = [];
|
||||
} else {
|
||||
const map = {
|
||||
'object': {},
|
||||
'string': '',
|
||||
'number': 0,
|
||||
'boolean': false,
|
||||
}
|
||||
const type = typeof value;
|
||||
obj[key] = map[type] ?? null;
|
||||
}
|
||||
});
|
||||
return obj
|
||||
},
|
||||
|
||||
/* ---------- 头像 -------------- */
|
||||
chooseAvatar() {
|
||||
const pages = getCurrentPages();
|
||||
const profile = pages[pages.length - 2]; // 上一个页面实例（profile）
|
||||
if (profile && profile.changeAvatar) {
|
||||
console.log('执行更换头像方法=======>', profile.changeAvatar());
|
||||
profile.changeAvatar();
|
||||
}
|
||||
},
|
||||
|
||||
// chooseImage(useCamera) {
|
||||
// const self = this;
|
||||
// wx.chooseImage({
|
||||
// count: 1,
|
||||
// sizeType: ['compressed'],
|
||||
// sourceType: useCamera ? ['camera'] : ['album'],
|
||||
// success(res) {
|
||||
// const tempPath = res.tempFilePaths[0];
|
||||
// const user = Object.assign({}, self.data.user, { avatar: tempPath });
|
||||
// self.setData({ user });
|
||||
// wx.setStorageSync('user_profile_v1', user);
|
||||
// }
|
||||
// });
|
||||
// },
|
||||
|
||||
startEdit() {
|
||||
this.setData({
|
||||
isEditing: true,
|
||||
tempNickname: this.data.user.nickname
|
||||
});
|
||||
},
|
||||
onInput(e) {
|
||||
this.setData({
|
||||
tempNickname: e.detail.value
|
||||
});
|
||||
},
|
||||
confirmEdit() {
|
||||
if (!this.data.tempNickname) return;
|
||||
const user = Object.assign({}, this.data.user, { nickname: this.data.tempNickname });
|
||||
this.setData({ user });
|
||||
this.setData({
|
||||
isEditing: false
|
||||
});
|
||||
},
|
||||
onBlur() {
|
||||
this.setData({
|
||||
isEditing: false
|
||||
});
|
||||
},
|
||||
/* ---------- 昵称 ---------- */
|
||||
onEditNickname() {
|
||||
this.setData({
|
||||
editingNickname: !this.data.editingNickname,
|
||||
tempNickname: this.data.user.nickname || ""
|
||||
});
|
||||
},
|
||||
|
||||
/* ---------- 个人简介 ---------- */
|
||||
toggleIntroEdit() {
|
||||
this.setData({
|
||||
editingIntro: !this.data.editingIntro,
|
||||
tempIntro: this.data.user.bio || ""
|
||||
});
|
||||
},
|
||||
|
||||
onIntroInput(e) {
|
||||
this.setData({ tempIntro: e.detail.value });
|
||||
},
|
||||
|
||||
cancelIntro() {
|
||||
this.setData({ editingIntro: false, tempIntro: "" });
|
||||
},
|
||||
|
||||
saveIntro() {
|
||||
const user = Object.assign({}, this.data.user, { bio: this.data.tempIntro });
|
||||
this.setData({ user, editingIntro: false, tempIntro: "" });
|
||||
// 更新用户信息
|
||||
// apiClient.updateUserProfile(user)
|
||||
// .then(res => {
|
||||
// console.log('更新用户信息成功', res);
|
||||
// wx.showToast({ title: '更新用户信息成功', icon: 'success' });
|
||||
// this.setData({ user, editingIntro: false, tempIntro: "" });
|
||||
// })
|
||||
// .catch(err => {
|
||||
// console.error('更新用户信息失败', err);
|
||||
// wx.showToast({ title: '更新用户信息失败', icon: 'none' });
|
||||
// });
|
||||
},
|
||||
|
||||
/* ---------- bottom sheet 通用打开 ---------- */
|
||||
openSheet(e) {
|
||||
// data-options 会以字符串形式传入，如果直接传对象需要自定义组件
|
||||
// 这里我们支持两种写法：如果元素上有 data-options 属性且为 JSON 字符串，则尝试解析（注意：wxml 中直接传数组会被字符串化）
|
||||
const dataset = e.currentTarget.dataset || {};
|
||||
const key = dataset.key;
|
||||
const title = dataset.title || '请选择';
|
||||
let options = dataset.options;
|
||||
|
||||
// dataset.options 在 wxml 传递数组时通常会变成字符串 "[object Object]" —— 我们优先根据 key 在定义好的数组中取
|
||||
if (!options || typeof options === 'string') {
|
||||
// if (key === 'occupation') options = occupationOptions;
|
||||
// else if (key === 'education') options = educationOptions;
|
||||
// else if (key === 'gender') options = genderOptions;
|
||||
// else if (key === 'constellation') options = constellationOptions;
|
||||
// else if (key === 'personality') options = personalityOptions;
|
||||
// else if (key === 'sleep') options = sleepOptions;
|
||||
// else if (key === 'social') options = socialOptions;
|
||||
// else if (key === 'height') options = heightOptions;
|
||||
// else options = [];
|
||||
const map = {
|
||||
occupation: occupationOptions,
|
||||
education: educationOptions,
|
||||
gender: genderOptions,
|
||||
// constellation: constellationOptions,
|
||||
personality: personalityOptions,
|
||||
sleep: sleepOptions,
|
||||
social: socialOptions,
|
||||
height: heightOptions,
|
||||
}
|
||||
options = map[key] || [];
|
||||
}
|
||||
const selectedValue = this.data.user[key] || "";
|
||||
|
||||
this.setData({
|
||||
showSheet: true,
|
||||
sheetOptions: options,
|
||||
sheetTitle: title,
|
||||
sheetKey: key,
|
||||
selectedValue
|
||||
});
|
||||
},
|
||||
|
||||
closeSheet() {
|
||||
this.setData({ showSheet: false, sheetOptions: [], sheetTitle: "", sheetKey: "", selectedValue: "" });
|
||||
},
|
||||
|
||||
onSheetSelect(e) {
|
||||
const idx = e.currentTarget.dataset.index;
|
||||
const val = this.data.sheetOptions[idx];
|
||||
const key = this.data.sheetKey;
|
||||
if (!key) return this.closeSheet();
|
||||
|
||||
const user = Object.assign({}, this.data.user);
|
||||
user[key] = val;
|
||||
this.setData({ user, selectedValue: val }, () => {
|
||||
this.closeSheet();
|
||||
});
|
||||
// 更新用户信息
|
||||
// apiClient.updateUserProfile(user)
|
||||
// .then(res => {
|
||||
// console.log('更新用户信息成功', res);
|
||||
// wx.showToast({ title: '更新用户信息成功', icon: 'success' });
|
||||
// this.setData({ user, selectedValue: val }, () => {
|
||||
// this.closeSheet();
|
||||
// });
|
||||
// })
|
||||
// .catch(err => {
|
||||
// console.error('更新用户信息失败', err);
|
||||
// wx.showToast({ title: '更新用户信息失败', icon: 'none' });
|
||||
// });
|
||||
},
|
||||
|
||||
/* ---------- 生日 ---------- */
|
||||
onBirthdayChange(e) {
|
||||
const val = e.detail.value;
|
||||
const user = Object.assign({}, this.data.user, { birthday: val });
|
||||
// 更新星座
|
||||
const [y, m, d] = val.split('-').map(x => parseInt(x, 10));
|
||||
user.constellation = this.estimateConstellation(m, d);
|
||||
this.setData({ user });
|
||||
// 更新用户信息
|
||||
// apiClient.updateUserProfile(user)
|
||||
// .then(res => {
|
||||
// console.log('更新用户信息成功', res);
|
||||
// wx.showToast({ title: '更新用户信息成功', icon: 'success' });
|
||||
// this.setData({ user });
|
||||
// })
|
||||
// .catch(err => {
|
||||
// console.error('更新用户信息失败', err);
|
||||
// wx.showToast({ title: '更新用户信息失败', icon: 'none' });
|
||||
// });
|
||||
},
|
||||
|
||||
estimateConstellation(m, d) {
|
||||
if ((m === 3 && d >= 21) || (m === 4 && d <= 19)) return "白羊座";
|
||||
if ((m === 4 && d >= 20) || (m === 5 && d <= 20)) return "金牛座";
|
||||
if ((m === 5 && d >= 21) || (m === 6 && d <= 21)) return "双子座";
|
||||
if ((m === 6 && d >= 22) || (m === 7 && d <= 22)) return "巨蟹座";
|
||||
if ((m === 7 && d >= 23) || (m === 8 && d <= 22)) return "狮子座";
|
||||
if ((m === 8 && d >= 23) || (m === 9 && d <= 22)) return "处女座";
|
||||
if ((m === 9 && d >= 23) || (m === 10 && d <= 23)) return "天秤座";
|
||||
if ((m === 10 && d >= 24) || (m === 11 && d <= 22)) return "天蝎座";
|
||||
if ((m === 11 && d >= 23) || (m === 12 && d <= 21)) return "射手座";
|
||||
if ((m === 12 && d >= 22) || (m === 1 && d <= 19)) return "摩羯座";
|
||||
if ((m === 1 && d >= 20) || (m === 2 && d <= 18)) return "水瓶座";
|
||||
return "双鱼座";
|
||||
},
|
||||
|
||||
/* ---------- 家乡 ---------- */
|
||||
onHometownChange(e) {
|
||||
const nick = e.detail?.value ?? this.data.user.hometown;
|
||||
const user = Object.assign({}, this.data.user, { hometown: nick });
|
||||
this.setData({ user });
|
||||
// 更新用户信息
|
||||
// apiClient.updateUserProfile(user)
|
||||
// .then(res => {
|
||||
// console.log('更新用户信息成功', res);
|
||||
// wx.showToast({ title: '更新用户信息成功', icon: 'success' });
|
||||
// this.setData({ user });
|
||||
// })
|
||||
// .catch(err => {
|
||||
// console.error('更新用户信息失败', err);
|
||||
// wx.showToast({ title: '更新用户信息失败', icon: 'none' });
|
||||
// });
|
||||
}
|
||||
});
|
||||
Loading…
Add table
Add a link
Reference in a new issue