personalCenter.js 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
  1. import { API } from "../../../service/api";
  2. // pages/my/personalCenter/personalCenter.js
  3. Page({
  4. /**
  5. * 页面的初始数据
  6. */
  7. data: {
  8. avatarUrl:'https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0',
  9. nickName:''
  10. },
  11. // 获取用户信息
  12. getUserInfo(){
  13. API.getUserInfo().then(res=>{
  14. let {avatarUrl,nickName} = res.userProfileDTO;
  15. this.setData({
  16. avatarUrl:avatarUrl?avatarUrl:this.data.avatarUrl,
  17. nickName
  18. })
  19. })
  20. },
  21. // 修改头像回调
  22. onChooseAvatar(e) {
  23. console.log(e);
  24. const { avatarUrl } = e.detail
  25. this.base64(avatarUrl,'png').then(res => {
  26. console.log(res,'base64路径')
  27. let data = {
  28. avatarBase64:res
  29. }
  30. API.updateUserAvater(data).then(res=>{
  31. let {avatarUrl} = res.userProfileDTO;
  32. this.setData({
  33. avatarUrl
  34. })
  35. })
  36. })
  37. },
  38. base64(url,type) {
  39. return new Promise((resolve,reject) => {
  40. wx.getFileSystemManager().readFile({
  41. filePath: url, // 选择图片返回的相对路径
  42. encoding: 'base64', // 编码格式
  43. success: res => {
  44. resolve(res.data)
  45. },
  46. fail: res =>reject(res.errMsg)
  47. })
  48. })
  49. },
  50. // 监听昵称的输入
  51. inputChange(name){
  52. let nickName = name.detail.value;
  53. API.updateUserNickname({nickName}).then(res=>{
  54. let {nickName} = res.userProfileDTO;
  55. this.setData({
  56. nickName
  57. })
  58. })
  59. },
  60. // 进入对应页面
  61. goEnterPage(e){
  62. let page = e.currentTarget.dataset.page;
  63. let url = '';
  64. if(page === "address"){
  65. url="/pages/my/addressManage/addressManage"
  66. }
  67. if(page === "order"){
  68. url="/pages/my/myOrder/myOrder"
  69. }
  70. wx.navigateTo({
  71. url: url,
  72. })
  73. },
  74. /**
  75. * 生命周期函数--监听页面加载
  76. */
  77. onLoad(options) {
  78. },
  79. /**
  80. * 生命周期函数--监听页面初次渲染完成
  81. */
  82. onReady() {
  83. },
  84. /**
  85. * 生命周期函数--监听页面显示
  86. */
  87. onShow() {
  88. this.getUserInfo();
  89. },
  90. /**
  91. * 生命周期函数--监听页面隐藏
  92. */
  93. onHide() {
  94. },
  95. /**
  96. * 生命周期函数--监听页面卸载
  97. */
  98. onUnload() {
  99. },
  100. /**
  101. * 页面相关事件处理函数--监听用户下拉动作
  102. */
  103. onPullDownRefresh() {
  104. },
  105. /**
  106. * 页面上拉触底事件的处理函数
  107. */
  108. onReachBottom() {
  109. },
  110. /**
  111. * 用户点击右上角分享
  112. */
  113. onShareAppMessage() {
  114. }
  115. })