reader/components/navigationBar/index.js

const app = getApp()
import {
  setUserInfo
} from '~/api/user'
import {
  storeBindingsBehavior
} from 'mobx-miniprogram-bindings'
import {
  store
} from '~/store/index'
let timer
Component({
  // 自动绑定
  behaviors: [storeBindingsBehavior],
  storeBindings: {
    store,
    fields: {
      userInfo: 'userInfo'
    },
    actions: {
      setUser: 'setUser'
    }
  },
  properties: {
    title: {
      type: String,
      value: '朗读小咖秀',
    }
  },
  data: {
    navBarHeight: app.globalData.navBarHeight,
    menuRight: app.globalData.menuRight,
    menuTop: app.globalData.menuTop,
    menuHeight: app.globalData.menuHeight,
    isGradeShow: false,
    temporaryGrade: null
  },
  pageLifetimes: {
    show() {
      if (!this.data.userInfo.grade) {
        timer = setInterval(() => {
          if (this.data.userInfo.uid && !this.data.userInfo.grade) {
            this.showGrade()
          } else if (this.data.userInfo.uid && this.data.userInfo.grade) {
            clearInterval(timer)
          }
        }, 500)
      }
    },
    hide() {
      clearInterval(timer)
    }
  },
  methods: {
    closeGrade() {
      if (!this.data.userInfo.grade) {
        return
      }
      this.setData({
        isGradeShow: false,
      })
    },
    // 选择年级
    selectGrade({
      target
    }) {
      let code = target.dataset.code
      if (!code) {
        return
      }
      this.setData({
        temporaryGrade: code
      })
    },
    showGrade() {
      if (this.data.isGradeShow) {
        return
      }
      this.setData({
        isGradeShow: true,
        temporaryGrade: this.data.userInfo.grade
      })
    },
    // 修改年级
    async changeGrade(e) {
      const grade = this.data.temporaryGrade
      if (!grade) {
        return wx.showToast({
          title: '请选择年级',
          icon: 'none',
          duration: 2000
        })
      }
      this.setData({
        isGradeShow: false,
      })
      let res = await setUserInfo({
        grade
      }, 'put')
      this.setUser(res)
      setTimeout(() => {
        this.triggerEvent('reload')
      }, 300)
    },
  }
})