233 lines
4.2 KiB
JavaScript
233 lines
4.2 KiB
JavaScript
// pages/userInfo/index.js
|
|
const app = getApp();
|
|
Page({
|
|
|
|
/**
|
|
* 页面的初始数据
|
|
*/
|
|
data: {
|
|
setList: [],
|
|
isShowSheet: false,
|
|
members: {},
|
|
gohome: true
|
|
},
|
|
|
|
/**
|
|
* 生命周期函数--监听页面加载
|
|
*/
|
|
onLoad: function(options) {
|
|
|
|
},
|
|
|
|
/**
|
|
* 生命周期函数--监听页面初次渲染完成
|
|
*/
|
|
onReady: function() {
|
|
|
|
},
|
|
|
|
/**
|
|
* 生命周期函数--监听页面显示
|
|
*/
|
|
onShow: function() {
|
|
this.getData();
|
|
},
|
|
|
|
/**
|
|
* 生命周期函数--监听页面隐藏
|
|
*/
|
|
onHide: function() {
|
|
|
|
},
|
|
|
|
/**
|
|
* 生命周期函数--监听页面卸载
|
|
*/
|
|
onUnload: function() {
|
|
|
|
},
|
|
|
|
/**
|
|
* 页面相关事件处理函数--监听用户下拉动作
|
|
*/
|
|
onPullDownRefresh: function() {
|
|
|
|
},
|
|
|
|
/**
|
|
* 页面上拉触底事件的处理函数
|
|
*/
|
|
onReachBottom: function() {
|
|
|
|
},
|
|
|
|
/**
|
|
* 用户点击右上角分享
|
|
*/
|
|
onShareAppMessage: function() {
|
|
return {
|
|
title: '智慧云馆'
|
|
}
|
|
},
|
|
|
|
// 切换头像
|
|
onChooseAvatar(e) {
|
|
let that = this;
|
|
const { avatarUrl } = e.detail;
|
|
if (!avatarUrl) return;
|
|
|
|
wx.showLoading({
|
|
title: '正在上传...',
|
|
mask: true,
|
|
})
|
|
app.$api.uploadAvatar({
|
|
filePath: avatarUrl
|
|
}).then(res => {
|
|
wx.showToast({
|
|
title: '上传成功',
|
|
icon: 'success',
|
|
})
|
|
that.getData();
|
|
}, err => {
|
|
wx.hideLoading();
|
|
});
|
|
},
|
|
|
|
// 没有修改次数时点击头像
|
|
onAvatarNoCount() {
|
|
wx.showToast({
|
|
title: '本年度修改头像次数已用完',
|
|
icon: 'none',
|
|
duration: 2000
|
|
});
|
|
},
|
|
|
|
// 修改昵称
|
|
onNicknameChange(e) {
|
|
let newName = e.detail.value;
|
|
// 防止重复触发
|
|
if (!newName || newName === this.data.members.nickname) return;
|
|
|
|
// 乐观反显更新
|
|
this.setData({
|
|
'members.nickname': newName
|
|
});
|
|
|
|
wx.showLoading({ title: '保存中...', mask: true });
|
|
app.$api.memberUpdateInformation({
|
|
nickname: newName
|
|
}).then(res => {
|
|
wx.hideLoading();
|
|
wx.showToast({
|
|
title: '修改成功',
|
|
icon: 'success',
|
|
});
|
|
// 这里的静默获取能确保和数据库端同步
|
|
this.getData();
|
|
}, err => {
|
|
wx.hideLoading();
|
|
});
|
|
},
|
|
|
|
// 修改性别
|
|
changeSex(val) {
|
|
this.setData({
|
|
setList: [{
|
|
label: '男',
|
|
value: 0,
|
|
type: 'sex'
|
|
}, {
|
|
label: '女',
|
|
value: 1,
|
|
type: 'sex'
|
|
}, {
|
|
label: '不选择',
|
|
value: 2,
|
|
type: 'sex'
|
|
}],
|
|
isShowSheet: true
|
|
})
|
|
},
|
|
|
|
// 隐藏sheet弹框
|
|
cancelSheet() {
|
|
this.setData({
|
|
isShowSheet: false
|
|
})
|
|
},
|
|
|
|
// 选择sheet
|
|
selectedSheet(e) {
|
|
let obj = e.detail;
|
|
if (obj.type == 'avatar') {
|
|
if (obj.value == 0) {
|
|
this.photograph('camera');
|
|
}
|
|
if (obj.value == 1) {
|
|
this.photograph('album');
|
|
}
|
|
}
|
|
if (obj.type == 'sex') {
|
|
this.updateSex(obj.value);
|
|
}
|
|
this.setData({
|
|
isShowSheet: false
|
|
})
|
|
},
|
|
|
|
// 修改性别 上传服务器
|
|
updateSex(val) {
|
|
app.$api.memberUpdateInformation({
|
|
sex: val
|
|
}).then(res => {
|
|
this.getData();
|
|
}, err => {
|
|
|
|
})
|
|
},
|
|
|
|
// 在当前页直接修改文本类别的信息（姓名、年龄、地址）
|
|
onInfoChange(e) {
|
|
let type = e.currentTarget.dataset.type;
|
|
let newValue = e.detail.value;
|
|
|
|
if (newValue === undefined || newValue === this.data.members[type]) return;
|
|
|
|
let updateData = {};
|
|
updateData[type] = newValue;
|
|
|
|
// 乐观反显
|
|
let key = 'members.' + type;
|
|
this.setData({
|
|
[key]: newValue
|
|
});
|
|
|
|
wx.showLoading({ title: '保存中...', mask: true });
|
|
app.$api.memberUpdateInformation(updateData).then(res => {
|
|
wx.hideLoading();
|
|
wx.showToast({
|
|
title: '修改成功',
|
|
icon: 'success',
|
|
});
|
|
// 静默获取同步服务器
|
|
this.getData();
|
|
}, err => {
|
|
wx.hideLoading();
|
|
});
|
|
},
|
|
|
|
// 获取数据
|
|
getData() {
|
|
wx.showLoading({
|
|
title: '加载中...',
|
|
mask: true,
|
|
})
|
|
app.$api.memberInformation({}).then(res => {
|
|
this.setData({
|
|
members: res.members
|
|
})
|
|
}, err => {
|
|
|
|
})
|
|
}
|
|
}) |