livestream-miniapp/miniprogram/pages/personal/personal.ts

// pages/personal/personal.ts
import ActionSheet, { ActionSheetTheme, ActionSheetShowOption } from 'tdesign-miniprogram/action-sheet/index';
import { decrptPhone, getUserInfo, updateUserInfo, updateAvatar } from '../../api/user'
let genderHandler: { close: () => void; } | null = null

const sleep = (ms: number) => new Promise((r) => setTimeout(r, ms));
Page({

  /**
   * 页面的初始数据
   */
  data: {
    avatar: 'https://4dkk.4dage.com/miniapp-source/daikan/avatar_default.png',
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad() {

  },
  updateUserInfo(data: GlobalUserInfo) {
    this.setData({
      userInfo: data
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {
    const app = getApp<IAppOption>();
    app.watch('userInfo', this.updateUserInfo)

  },

  /**
   * 生命周期函数--监听页面显示
   */
  async onShow() {
    const isLogin = wx.getStorageSync('isLogin')
    const app = getApp<IAppOption>();
    this.setData({
      isLogin: isLogin
    })
    app.globalData.isLogin = isLogin
    await getUserInfo();
  },

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

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {
    const app = getApp<IAppOption>();
    app.unwatch('userInfo', this.updateUserInfo)

  },

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

  },

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

  },

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

  },
  handleLogout() {
    const app = getApp<IAppOption>();
    this.setData({
      isLogin: false
    })
    wx.setStorageSync('isLogin', false)
    wx.setStorageSync('token', '')
    wx.showToast({
      title: '登出成功！'
    });
    app.setLogin(false)
    app.resetUserInfo();
  },
  async checkSession(): Promise<boolean> {
    let isExist = false
    wx.checkSession({
      success() {
        isExist = true
      },
      fail() {
        isExist = false
      }
    })
    await sleep(1000)
    return Promise.resolve(isExist)

  },
  async handleGetPhoneNumber(event: WechatMiniprogram.ButtonGetPhoneNumber) {
    // debugger
    console.log('event', event)
    const isValid = await this.checkSession();
    console.log('isValid', isValid)
    if (isValid) {
      const { code, iv, encryptedData } = event.detail
      if (code && iv && encryptedData) {
        const res = await decrptPhone({
          iv: iv,
          code: code,
          encryptedData: encryptedData
        })
        console.log('res', res.phoneNumber)
        if (res.phoneNumber) {
          const wxUserId = wx.getStorageSync('wxUserId');
          await updateUserInfo({
            wxUserId,
            phoneNumber: res.phoneNumber
          })
          await getUserInfo();
        }
      }
    }
  },
  handleSexSelectShow() {
    const basicListOption: ActionSheetShowOption = {
      theme: ActionSheetTheme.List,
      selector: '#t-action-sheet',
      items: [
        {
          label: '男性',
        },
        {
          label: '女性',
        },

      ],
    };
    genderHandler = ActionSheet.show(basicListOption);
  },
  async handleSelected(event: WechatMiniprogram.TouchEvent) {

    const { index } = event.detail
    if (index > -1) {
      // debugger
      console.log('index', index)
      const wxUserId = wx.getStorageSync('wxUserId');
      await updateUserInfo({
        wxUserId,
        gender: index + 1
      })
      await getUserInfo();
    }


  },

  async onChooseAvatar(e: WechatMiniprogram.TouchEvent) {
    const {
      avatarUrl
    } = e.detail
    const url = await updateAvatar(avatarUrl)
    console.log('url', url)
    const wxUserId = wx.getStorageSync('wxUserId');
    await updateUserInfo({
      wxUserId,
      avatarUrl: url
    })
    await getUserInfo();
  },

  async updateNickName(e: WechatMiniprogram.TouchEvent) {
    const { value } = e.detail
    console.log('value-1', value)
    if (value) {
      const wxUserId = wx.getStorageSync('wxUserId');
      await updateUserInfo({
        wxUserId,
        nickName: value
      })
      await getUserInfo();
    }

  },
  handleCancel() {
    genderHandler && genderHandler.close();
  }
})