339 lines
12 KiB
JavaScript
339 lines
12 KiB
JavaScript
|
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' });
|
|||
|
|
// });
|
|||
|
|
}
|
|||
|
|
});
|