mini-shop/pages/user/user.js

// pages/user/user.js
const api = require('../../config/api.js');
const util = require('../../utils/util.js');

const services = require('../../services/user.js');

Page({

  /**
   * 页面的初始数据
   */
  data: {
    birthday: '',
    region: [],
    customItem: '全部',
    gender: 0,
    mobile: null,
    nickname: '',
    defaultAvatarUrl: 'https://platform-wxmall.oss-cn-beijing.aliyuncs.com/upload/20180727/150547696d798c.png'
  },

  updateNickName(ev) {
    this.setData({
      nickname: ev.detail.value
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: async function (options) {
    this.getUserInfo()

    let userInfo = wx.getStorageSync('userInfo')

    try {
      userInfo.avatar = userInfo.avatarUrl
      this.sessionKey = userInfo.sessionKey
      delete userInfo.avatarUrl
      delete userInfo.sessionKey
      this.setData({
        ...userInfo
      })
    } catch (err) {

    }

  },


  loginSuccess() {
    this.onLoad()
  },
  async getUserInfo() {
    const {
      data
    } = await util.request(api.UserInfo)
    data.region = data.city ? data.city.split('，') : []
    data.birthday = data.birthday || '1990-01-01'
    data.nickname = data.nickname ? data.nickname : data.username
    this.setData({
      ...data
    })
  },

  async getPhoneNumber(e) {
    const isLogin = await services.checkLogin();
    let userInfo = wx.getStorageSync('userInfo')
    if (!isLogin) {
      await services.loginByWeixin(userInfo)
    }
    let {
      encryptedData,
      iv
    } = e.detail
    console.log(e)
    if (!encryptedData) return;
    let res = await util.request(api.decryptedPhoneNum, {
      encryptedData,
      iv,
      sessionKey: this.sessionKey
    })

    console.log(res)
    this.setData({
      mobile: res.phoneNum
    })
  },

  updateSex(e) {
    this.setData({
      gender: e.currentTarget.dataset.sex
    })
  },

  bindDateChange(e) {
    this.setData({
      birthday: e.detail.value
    })
  },

  bindRegionChange(e) {
    this.setData({
      region: e.detail.value
    })
  },

  selectPhoto() {
    // wx.chooseImage({
    //   count: 1,
    //   sizeType: 'compressed',
    //   success: (res) => {
    //     const src = res.tempFilePaths[0]
    //     // this.file = res.tempFiles[0]
    //     wx.navigateTo({
    //       url: './imageCropper?image=' + src,
    //     })
    //     // this.setData({ avatar: src })
    //   }
    // })
  },
  changPhone(e) {
    this.setData({
      'mobile': e.detail.value,
    });
  },
  async save(e) {
    let type = e.currentTarget.dataset.type

    console.log(e)
    const {
      nickname
    } = this.data;

    if (!nickname || nickname == '') {
      wx.showToast({
        title: '请输入昵称',
        icon: 'error'
      })
      return
    }

    this.data.city = this.data.region && this.data.region.join('，')
    const body = {
      ...this.data
    }

    delete body.region
    const {
      data
    } = await util.request(api.UpdateUserInfo, body, 'POST', 'application/json')
    if (type == '1') {
      console.log(data)
      wx.setStorageSync('token', data.token);
      wx.navigateBack()
    } else {

    }
  },
  async onChooseAvatar(e) {
    const {
      avatarUrl
    } = e.detail
    const dataURL = await (new Promise(r => {
      wx.uploadFile({
        filePath: avatarUrl,
        name: 'file',
        url: api.UploadFile,
        header: {
          'X-Nideshop-Token': wx.getStorageSync('token')
        },
        success: (res) => {
          const data = JSON.parse(res.data)
          r(data.message || defaultAvatarUrl)
        }
      })
    }));
    console.log('upload-file', dataURL)
    this.setData({
      avatar: dataURL,
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {},

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})