kydc/me/me.js

const app = getApp()

function normalizeAvatarUrl(avatarUrl, baseUrl) {
  if (!avatarUrl) return ''
  return avatarUrl.startsWith('http') ? avatarUrl : `${baseUrl}${avatarUrl}`
}

function requestFailHint(errMsg) {
  const m = String(errMsg || '').toLowerCase()
  if (m.includes('domain')) return '域名未配置或未开启 HTTPS'
  if (m.includes('ssl') || m.includes('certificate')) return 'HTTPS 证书异常，请检查服务端配置'
  if (m.includes('timeout') || m.includes('timed out')) return '连接超时，请稍后重试'
  return '网络异常，请稍后重试'
}

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: '',
    username: '',
    days: 0,
    badges: 0,
    avatarUrl: '',
    defaultAvatarUrl: DEFAULT_AVATAR,
    loading: false,
    error: '',
    showNicknameModal: false,
    nicknameDraft: '',
    authMode: 'login',
    authForm: {
      username: '',
      password: '',
      nickname: '',
    },
  },
  onShow() {
    this.loadProfile()
  },
  isLoggedIn() {
    return !!app.globalData.authToken
  },
  onAuthModeChange(e) {
    this.setData({ authMode: e.currentTarget.dataset.mode || 'login', error: '' })
  },
  onAuthInput(e) {
    const { field } = e.currentTarget.dataset
    const value = e.detail.value || ''
    this.setData({ [`authForm.${field}`]: value })
  },
  submitAuth() {
    const baseUrl = app.getApiBaseUrl ? app.getApiBaseUrl() : app.globalData.baseUrl
    const mode = this.data.authMode
    const username = (this.data.authForm.username || '').trim()
    const password = (this.data.authForm.password || '').trim()
    const nickname = (this.data.authForm.nickname || '').trim()

    if (!username || !password) {
      wx.showToast({ title: '请输入账号和密码', icon: 'none' })
      return
    }

    if (mode === 'register' && !nickname) {
      wx.showToast({ title: '请输入昵称', icon: 'none' })
      return
    }

    this.setData({ loading: true, error: '' })
    wx.request({
      url: `${baseUrl}/api/v1/auth/${mode === 'register' ? 'register' : 'login'}`,
      method: 'POST',
      header: { 'Content-Type': 'application/json' },
      data: mode === 'register' ? { username, password, nickname } : { username, password },
      success: (res) => {
        const payload = res.data?.data || null
        if (res.statusCode < 200 || res.statusCode >= 300 || !payload?.auth_token) {
          const message = res.data?.detail || res.data?.message || `${mode === 'register' ? '注册' : '登录'}失败`
          this.setData({ error: message })
          wx.showToast({ title: message, icon: 'none' })
          return
        }

        app.setLoginSession(payload)
        this.setData({
          authForm: { username: '', password: '', nickname: '' },
          username: payload.username || '',
        })
        wx.showToast({ title: mode === 'register' ? '注册成功' : '登录成功', icon: 'success' })
        this.loadProfile()
      },
      fail: (err) => {
        const message = requestFailHint(err.errMsg)
        this.setData({ error: message })
        wx.showToast({ title: message, icon: 'none' })
      },
      complete: () => this.setData({ loading: false }),
    })
  },
  loadProfile() {
    const token = app.ensureLogin()
    Promise.resolve(token).then((authToken) => {
      if (!authToken) {
        this.setData({
          loading: false,
          name: '未登录',
          nickname: '未登录',
          username: '',
          avatarUrl: '',
          nicknameDraft: '',
          badges: 0,
          days: 0,
          error: '',
        })
        return
      }

      this.setData({ loading: true, error: '' })
      const baseUrl = app.getApiBaseUrl ? app.getApiBaseUrl() : app.globalData.baseUrl
      wx.request({
        url: `${baseUrl}/api/v1/auth/profile`,
        method: 'GET',
        header: app.getAuthHeader(),
        success: (res) => {
          const body = res.data || {}
          const profile = body.data
          const ok = res.statusCode >= 200 && res.statusCode < 300 && body.code === 0 && profile
          if (!ok) {
            const message = body.detail || body.message || '个人信息加载失败'
            this.setData({ error: message })
            return
          }

          const identity = profile.username || app.globalData.currentUser?.username || ''
          const avatarUrl = wx.getStorageSync(`avatarUrl:${identity}`) || profile.avatar_url || ''
          const normalizedAvatar = normalizeAvatarUrl(avatarUrl, baseUrl)
          const nickname = profile.nickname || identity || '考研战士'

          app.globalData.currentUser = {
            ...(app.globalData.currentUser || {}),
            id: profile.id,
            username: profile.username || '',
            nickname,
            loginType: profile.login_type || 'account',
          }
          wx.setStorageSync('currentUser', app.globalData.currentUser)

          this.setData({
            name: nickname,
            nickname,
            username: profile.username || '',
            avatarUrl: normalizedAvatar,
            nicknameDraft: nickname,
            days: Number(profile.days || 0),
            error: '',
          })
          this.loadAchievements()
        },
        fail: (err) => {
          this.setData({ error: requestFailHint(err.errMsg) })
        },
        complete: () => this.setData({ loading: false }),
      })
    })
  },
  openNicknameModal() {
    this.setData({ showNicknameModal: true, nicknameDraft: this.data.nickname || this.data.name || '考研战士' })
  },
  onAvatarError() {
    this.setData({ avatarUrl: this.data.defaultAvatarUrl })
  },
  closeNicknameModal() {
    this.setData({ showNicknameModal: false, nicknameDraft: this.data.nickname || this.data.name || '考研战士' })
  },
  onNicknameInput(e) {
    this.setData({ nicknameDraft: e.detail.value })
  },
  saveNickname() {
    if (!this.isLoggedIn()) return
    const nickname = (this.data.nicknameDraft || '').trim()
    if (!nickname) {
      wx.showToast({ title: '请输入昵称', icon: 'none' })
      return
    }
    wx.request({
      url: `${app.getApiBaseUrl ? app.getApiBaseUrl() : app.globalData.baseUrl}/api/v1/auth/profile`,
      method: 'PUT',
      header: app.getAuthHeader({ 'Content-Type': 'application/json' }),
      data: { nickname },
      success: (res) => {
        const profile = res.data?.data || {}
        const nextNickname = profile.nickname || nickname
        const currentUser = { ...(app.globalData.currentUser || {}), nickname: nextNickname }
        app.globalData.currentUser = currentUser
        wx.setStorageSync('currentUser', currentUser)
        this.setData({ nickname: nextNickname, name: nextNickname, nicknameDraft: nextNickname, showNicknameModal: false })
        wx.showToast({ title: '保存成功', icon: 'success' })
      },
      fail: () => wx.showToast({ title: '保存失败', icon: 'none' }),
    })
  },
  onChooseAvatar(e) {
    const tempPath = e.detail?.avatarUrl || ''
    if (!this.isLoggedIn()) {
      wx.showToast({ title: '请先登录', icon: 'none' })
      return
    }
    if (!tempPath) {
      wx.showToast({ title: '未选择头像', icon: 'none' })
      return
    }
    const baseUrl = app.getApiBaseUrl ? app.getApiBaseUrl() : app.globalData.baseUrl
    wx.uploadFile({
      url: `${baseUrl}/api/v1/auth/avatar`,
      filePath: tempPath,
      name: 'file',
      header: app.getAuthHeader(),
      success: (uploadRes) => {
        try {
          const payload = JSON.parse(uploadRes.data || '{}')
          const ok = uploadRes.statusCode >= 200 && uploadRes.statusCode < 300 && payload.code === 0 && payload.data
          if (!ok) {
            wx.showToast({ title: payload.message || '头像上传失败', icon: 'none' })
            return
          }
          const rel = payload.data.avatar_url || ''
          const full = normalizeAvatarUrl(rel, baseUrl)
          const key = this.data.username || app.globalData.currentUser?.username || ''
          if (key) wx.setStorageSync(`avatarUrl:${key}`, full)
          this.setData({ avatarUrl: full })
          wx.showToast({ title: '头像已更新', icon: 'success' })
        } catch {
          wx.showToast({ title: '头像上传结果异常', icon: 'none' })
        }
      },
      fail: (err) => wx.showToast({ title: requestFailHint(err.errMsg), icon: 'none' }),
    })
  },
  loadAchievements() {
    if (!this.isLoggedIn()) return
    const baseUrl = app.getApiBaseUrl ? app.getApiBaseUrl() : app.globalData.baseUrl
    wx.request({
      url: `${baseUrl}/api/v1/achievements`,
      header: app.getAuthHeader(),
      success: (res) => {
        const body = res.data || {}
        const ok = res.statusCode >= 200 && res.statusCode < 300 && body.code === 0 && Array.isArray(body.data)
        if (!ok) return
        const badges = body.data.filter((i) => i.is_unlocked).length
        this.setData({ badges })
      },
    })
  },
  logout() {
    if (!this.isLoggedIn()) return
    wx.request({
      url: `${app.getApiBaseUrl ? app.getApiBaseUrl() : app.globalData.baseUrl}/api/v1/auth/logout`,
      method: 'POST',
      header: app.getAuthHeader(),
      complete: () => {
        app.clearLoginSession()
        this.setData({
          name: '未登录',
          nickname: '未登录',
          username: '',
          avatarUrl: '',
          nicknameDraft: '',
          badges: 0,
          days: 0,
          error: '',
        })
        wx.showToast({ title: '已退出登录', icon: 'success' })
      },
    })
  },
  goTo(e) {
    const { url } = e.currentTarget.dataset
    if (!this.isLoggedIn()) {
      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() {},
})