mini-shop/component/profilePatch/profilePatch.js

// component/profilePatch.js
const api = require('../../config/api')
const util = require('../../utils/util.js');

Component({
  /**
   * 组件的属性列表
   */

  properties: {
    show: { // 属性名
      type: Boolean,
      value: false,

    },

  },

  /**
   * 组件的初始数据
   */
  observers: {
    show: function (val) {
      // 在 numberA 或者 numberB 被设置时，执行这个函数
      console.log('gemer', val)
      this.setData({
        ifShow: val
      })
    }
  },
  data: {
    ifShow: true,
    bottom: 0,
    defaultAvatarUrl: 'https://platform-wxmall.oss-cn-beijing.aliyuncs.com/upload/20180727/150547696d798c.png',
    avatar: '',
    nickname: ''
  },
  attached() {
    // this.setData({
    //   bottom: 0
    // })
    // debugger
  },

  /**
   * 组件的方法列表
   */
  methods: {
    updateNickName(ev) {
      this.setData({
        nickname: ev.detail.value
      })
    },
    quitHandle: function () {
      getApp().setLoginProps(true)
    },
    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,
      })
    },
    async updateUserInfo() {
      const {
        avatar,
        nickname
      } = this.data

      if (avatar == '' || nickname == '') {
        return
      }

      const {
        data: getUserData
      } = await util.request(api.UserInfo)

      const body = {
        userId: getUserData.userId,
        avatar: this.data.avatar,
        nickname: this.data.nickname,
      }
      console.error('userInfo', body)
      const {
        data
      } = await util.request(api.UpdateUserInfo, body, 'POST', 'application/json')
      console.log('data', data)

      // wx.setStorageSync('token', data.token);
      const lastUpdate = {
        ...getUserData,
        ...body
      }
      console.error('userInfo-lastUpdate', lastUpdate)
      wx.setStorageSync('userInfo', lastUpdate);
      this.setData({
        ifShow: false
      })
      this.triggerEvent('save', lastUpdate)
    }
  }
})