kydc/me/me.js

const app = getApp()

const DEFAULT_AVATAR = 'data:image/svg+xml;utf8,' + encodeURIComponent(`
<svg xmlns="http://www.w3.org/2000/svg" width="320" height="320" viewBox="0 0 320 320">
  <defs>
    <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0%" stop-color="#c19cff"/>
      <stop offset="100%" stop-color="#00e3fd"/>
    </linearGradient>
  </defs>
  <rect width="320" height="320" rx="160" fill="#1d2025"/>
  <circle cx="160" cy="160" r="154" fill="url(#bg)" opacity="0.18"/>
  <circle cx="160" cy="126" r="54" fill="#f6f6fc" opacity="0.92"/>
  <path d="M72 268c18-44 52-70 88-70s70 26 88 70" fill="#f6f6fc" opacity="0.92"/>
</svg>
`)

Page({
  data: {
    name: '',
    nickname: '',
    days: 0,
    badges: 0,
    openid: '',
    avatarUrl: '',
    defaultAvatarUrl: DEFAULT_AVATAR,
    loading: false,
    error: '',
    showNicknameModal: false,
    nicknameDraft: '',
  },
  onShow() {
    this.loadProfile()
  },
  async loadProfile() {
    this.setData({ loading: true, error: '' })
    await app.ensureLogin()
    if (!app.globalData.openid) {
      this.setData({ loading: false, error: '登录失败，请稍后重试' })
      return
    }
    wx.request({
      url: `${app.globalData.baseUrl}/api/v1/auth/profile?openid=${encodeURIComponent(app.globalData.openid)}`,
      method: 'GET',
      success: (res) => {
        const profile = res.data?.data || {}
        const avatarUrl = profile.avatar_url || wx.getStorageSync(`avatarUrl:${app.globalData.openid}`) || ''
        const nickname = profile.nickname || '考研战士'
        const normalizedAvatar = avatarUrl.startsWith('http') ? avatarUrl : avatarUrl ? `${app.globalData.baseUrl}${avatarUrl}` : ''
        this.setData({
          openid: app.globalData.openid,
          name: nickname,
          nickname,
          avatarUrl: normalizedAvatar,
          nicknameDraft: nickname,
          days: Number(profile.days || 0),
          error: '',
        })
      },
      fail: () => {
        const storedAvatarUrl = wx.getStorageSync(`avatarUrl:${app.globalData.openid}`) || ''
        const normalizedAvatar = storedAvatarUrl.startsWith('http') ? storedAvatarUrl : storedAvatarUrl ? `${app.globalData.baseUrl}${storedAvatarUrl}` : ''
        this.setData({
          openid: app.globalData.openid,
          name: '考研战士',
          nickname: '考研战士',
          avatarUrl: normalizedAvatar,
          nicknameDraft: '考研战士',
          error: '个人信息加载失败，请稍后重试',
        })
      },
      complete: () => {
        this.loadAchievements()
        this.setData({ loading: false })
      },
    })
  },
  openNicknameModal() {
    this.setData({ showNicknameModal: true, nicknameDraft: this.data.nickname || this.data.name || '考研战士' })
  },
  onAvatarError() {
    this.setData({ avatarUrl: '' })
  },
  closeNicknameModal() {
    this.setData({ showNicknameModal: false, nicknameDraft: this.data.nickname || this.data.name || '考研战士' })
  },
  onNicknameInput(e) {
    this.setData({ nicknameDraft: e.detail.value })
  },
  saveNickname() {
    if (!app.globalData.openid) return
    const nickname = (this.data.nicknameDraft || '').trim()
    if (!nickname) {
      wx.showToast({ title: '请输入昵称', icon: 'none' })
      return
    }
    wx.request({
      url: `${app.globalData.baseUrl}/api/v1/auth/profile`,
      method: 'PUT',
      header: { 'Content-Type': 'application/json' },
      data: { openid: app.globalData.openid, nickname },
      success: (res) => {
        const profile = res.data?.data || {}
        const nextNickname = profile.nickname || nickname
        this.setData({ nickname: nextNickname, name: nextNickname, nicknameDraft: nextNickname, showNicknameModal: false })
        wx.showToast({ title: '保存成功', icon: 'success' })
      },
      fail: () => wx.showToast({ title: '保存失败', icon: 'none' }),
    })
  },
  chooseAvatar() {
    if (!app.globalData.openid) {
      wx.showToast({ title: '请先登录', icon: 'none' })
      return
    }
    wx.chooseImage({
      count: 1,
      sizeType: ['compressed'],
      sourceType: ['album', 'camera'],
      success: (res) => {
        const localPath = res.tempFilePaths?.[0] || ''
        if (!localPath) return
        wx.getImageInfo({
          src: localPath,
          success: (info) => {
            const size = 320
            const side = Math.min(info.width, info.height)
            const x = Math.max(0, Math.floor((info.width - side) / 2))
            const y = Math.max(0, Math.floor((info.height - side) / 2))
            const ctx = wx.createCanvasContext('avatar-canvas', this)
            ctx.clearRect(0, 0, size, size)
            ctx.save()
            ctx.beginPath()
            ctx.arc(size / 2, size / 2, size / 2, 0, 2 * Math.PI)
            ctx.clip()
            ctx.drawImage(localPath, x, y, side, side, 0, 0, size, size)
            ctx.draw(false, () => {
              wx.canvasToTempFilePath({
                canvasId: 'avatar-canvas',
                width: size,
                height: size,
                destWidth: size,
                destHeight: size,
                quality: 0.85,
                success: (canvasRes) => {
                  const uploadPath = canvasRes.tempFilePath || localPath
                  wx.uploadFile({
                    url: `${app.globalData.baseUrl}/api/v1/auth/avatar?openid=${encodeURIComponent(app.globalData.openid)}`,
                    filePath: uploadPath,
                    name: 'file',
                    success: (uploadRes) => {
                      try {
                        const payload = JSON.parse(uploadRes.data)
                        const avatarUrl = payload?.data?.avatar_url || ''
                        if (!avatarUrl) throw new Error('missing avatar_url')
                        const fullUrl = avatarUrl.startsWith('http') ? avatarUrl : `${app.globalData.baseUrl}${avatarUrl}`
                        wx.setStorageSync(`avatarUrl:${app.globalData.openid}`, fullUrl)
                        this.setData({ avatarUrl: fullUrl })
                        wx.request({
                          url: `${app.globalData.baseUrl}/api/v1/auth/profile?openid=${encodeURIComponent(app.globalData.openid)}`,
                          method: 'GET',
                          success: (profileRes) => {
                            const profile = profileRes.data?.data || {}
                            const nextNickname = profile.nickname || '考研战士'
                            this.setData({ name: nextNickname, nickname: nextNickname, avatarUrl: fullUrl })
                          },
                        })
                        wx.showToast({ title: '头像已更新', icon: 'success' })
                      } catch (err) {
                        wx.showToast({ title: '头像更新失败', icon: 'none' })
                      }
                    },
                    fail: () => wx.showToast({ title: '头像上传失败', icon: 'none' }),
                  })
                },
                fail: () => wx.showToast({ title: '头像处理失败', icon: 'none' }),
              }, this)
            })
          },
          fail: () => wx.showToast({ title: '读取图片失败', icon: 'none' }),
        })
      },
    })
  },
  loadAchievements() {
    if (!app.globalData.openid) {
      this.setData({ error: '登录状态已失效，请重新进入页面' })
      return
    }
    wx.request({
      url: `${app.globalData.baseUrl}/api/v1/achievements`,
      header: { 'X-OpenID': app.globalData.openid },
      success: (res) => {
        const list = res.data?.data || []
        const badges = Array.isArray(list) ? list.filter((i) => i.is_unlocked).length : 0
        this.setData({ badges })
      },
      fail: () => this.setData({ error: '成就数据加载失败，请稍后重试' }),
    })
  },
  goTo(e) {
    const { url } = e.currentTarget.dataset
    if (!app.globalData.openid) {
      wx.showToast({ title: '请先登录', icon: 'none' })
      return
    }
    wx.navigateTo({ url })
  },
  goHome() {
    wx.reLaunch({ url: '/pages/index/index' })
  },
  goToReview() {
    wx.navigateTo({ url: '/pages/review-config/review-config' })
  },
  goToMe() {},
  noop() {},
})