Files
zt-closet-wxmini-frontend/miniprogram/pages/login/login.ts
T
2026-09-13 01:27:21 +08:00

124 lines
4.1 KiB
TypeScript

import { request } from '../../utils/request'
import * as auth from '../../utils/auth'
import { STORAGE_KEYS, QuotaType } from '../../utils/config'
import { LoginResult, UserInfo, QuotaItem } from '../../types/models'
import { formatDate } from '../../utils/format'
interface GiftItem {
icon: string
name: string
value: string
}
Page({
data: {
loading: false,
userInfo: {} as UserInfo,
giftVisible: false,
giftItems: [] as GiftItem[],
},
onLoad() {
if (auth.isLoggedIn()) {
wx.switchTab({ url: '/pages/wardrobe/wardrobe' })
}
},
onLogin() {
if (this.data.loading) return
this.setData({ loading: true })
wx.login({
success: (res) => {
if (!res.code) {
this.setData({ loading: false })
wx.showToast({ title: '登录失败,请重试', icon: 'none' })
return
}
request<LoginResult>({
url: '/user/wxlogin',
method: 'POST',
data: { code: res.code },
auth: false,
})
.then((data) => {
auth.setTokens({
accessToken: data.access_token,
refreshToken: data.refresh_token,
expireTime: data.expire_time,
})
wx.setStorageSync(STORAGE_KEYS.USER_INFO, data.user_info)
// 新登录用户重置未读红点,进入 tab 页后由 tabBar 拉取真实值
wx.setStorageSync(STORAGE_KEYS.UNREAD, 0)
this.setData({ userInfo: data.user_info })
if (data.user_info.is_new_user) {
this.showWelcomeGift(data.user_info)
} else if (!data.user_info.birth_day) {
this.showBirthGuide()
} else {
wx.switchTab({ url: '/pages/wardrobe/wardrobe' })
}
})
.catch(() => {})
.then(() => {
// 无论成功还是失败都复位:分支走向礼包/生日引导时若不复位,登录按钮会永久点不动
this.setData({ loading: false })
})
},
fail: () => {
this.setData({ loading: false })
wx.showToast({ title: '登录失败,请重试', icon: 'none' })
},
})
},
showWelcomeGift(userInfo: UserInfo) {
// 额度只用于礼包展示:失败静默降级,绝不能触发登出/清 token
request<{ quotas: QuotaItem[] }>({ url: '/quota/info', showError: false, silentAuth: true })
.then((res) => this.setData({ giftItems: this.buildGift(userInfo, res.quotas), giftVisible: true }))
.catch(() => this.setData({ giftItems: this.buildGift(userInfo, []), giftVisible: true }))
},
buildGift(userInfo: UserInfo, quotas: QuotaItem[]): GiftItem[] {
const total = (t: number) => {
const q = quotas.find((it) => it.quota_type === t)
return q ? q.total : 0
}
const items: GiftItem[] = []
if (userInfo.vip_type === 4 && userInfo.vip_expire) {
items.push({ icon: 'icon-crown', name: '体验会员', value: `有效期至 ${formatDate(userInfo.vip_expire)}` })
}
items.push({ icon: 'icon-camera', name: '上传额度', value: `${total(QuotaType.UPLOAD)} 次 · 永久` })
items.push({ icon: 'icon-sparkles', name: 'AI 推荐额度', value: `${total(QuotaType.AI)} 次/天` })
items.push({ icon: 'icon-shirt', name: '搭配分享额度', value: `${total(QuotaType.OUTFIT_SHARE)} 次/天` })
items.push({ icon: 'icon-hanger', name: '衣柜分享额度', value: `${total(QuotaType.CLOSET_SHARE)} 次/天` })
return items
},
onGiftConfirm() {
this.setData({ giftVisible: false })
if (!this.data.userInfo.birth_day) {
this.showBirthGuide()
} else {
wx.switchTab({ url: '/pages/wardrobe/wardrobe' })
}
},
showBirthGuide() {
wx.showModal({
title: '完善个人信息',
content: '设置生日后即可查看今日星座运势',
confirmText: '去完善',
cancelText: '稍后再说',
success: (res) => {
if (res.confirm) wx.switchTab({ url: '/pages/profile/profile' })
else wx.switchTab({ url: '/pages/wardrobe/wardrobe' })
},
})
},
openAgreement() {
wx.showToast({ title: '协议内容敬请期待', icon: 'none' })
},
})