139 lines
4.5 KiB
TypeScript
139 lines
4.5 KiB
TypeScript
import { request, AUTH_EXPIRED_CODES } from '../../utils/request'
|
|
import { ClosetShareDetail } from '../../types/models'
|
|
import { ShareStatus } from '../../utils/config'
|
|
import { formatDateTime } from '../../utils/format'
|
|
|
|
Page({
|
|
data: {
|
|
uuid: '',
|
|
detail: null as ClosetShareDetail | null,
|
|
expireText: '',
|
|
loading: true,
|
|
invalid: false,
|
|
invalidTitle: '该分享已过期或已被取消',
|
|
invalidDesc: '分享链接已失效',
|
|
needLogin: false,
|
|
},
|
|
|
|
onLoad(query: Record<string, string>) {
|
|
const uuid = query.uuid || ''
|
|
this.setData({ uuid })
|
|
if (!uuid) {
|
|
// uuid 缺失时若不兜底，loading 会永久为 true，页面白屏且无法退出
|
|
this.setInvalid('链接不完整', '缺少分享标识，无法打开')
|
|
return
|
|
}
|
|
this.fetchDetail()
|
|
},
|
|
|
|
fetchDetail() {
|
|
request<ClosetShareDetail>({ url: `/closet-share/${this.data.uuid}`, showError: false })
|
|
.then((detail) => {
|
|
// 后端可能惰性过期：本地再校验一次状态与有效期，避免展示已失效内容
|
|
if (this.checkInvalid(detail)) return
|
|
|
|
const expireText =
|
|
detail.expire_time === 0 ? '长期有效' : `有效期至 ${formatDateTime(detail.expire_time)}`
|
|
this.setData({ detail, expireText, loading: false })
|
|
})
|
|
.catch((e: any) => {
|
|
const code = e && e.code
|
|
if (AUTH_EXPIRED_CODES.indexOf(code) >= 0) {
|
|
// 查看分享需登录：给「去登录」出口，登录成功后回到本页
|
|
this.setData({
|
|
loading: false,
|
|
invalid: true,
|
|
needLogin: true,
|
|
invalidTitle: '请先登录',
|
|
invalidDesc: '登录后即可查看好友分享的衣柜',
|
|
})
|
|
return
|
|
}
|
|
if (code === 90101) {
|
|
this.setInvalid('分享已过期', '该分享链接已超过有效期')
|
|
} else if (code === 90102) {
|
|
this.setInvalid('分享已取消', '该分享已被创建者取消')
|
|
} else if (code === 90100) {
|
|
this.setInvalid('分享不存在', '该分享链接无效')
|
|
} else {
|
|
// 兜底：任何未知错误都不能停在空白页
|
|
this.setInvalid('加载失败', '请稍后重试')
|
|
}
|
|
})
|
|
},
|
|
|
|
// 本地状态/有效期校验，返回 true 表示已置为失效态
|
|
checkInvalid(detail: ClosetShareDetail): boolean {
|
|
if (detail.status === ShareStatus.CANCELLED) {
|
|
this.setInvalid('分享已取消', '该分享已被创建者取消')
|
|
return true
|
|
}
|
|
if (detail.status === ShareStatus.BANNED) {
|
|
this.setInvalid('分享已封禁', '该分享内容违规，已停止展示')
|
|
return true
|
|
}
|
|
const now = Math.floor(Date.now() / 1000)
|
|
if (detail.status === ShareStatus.EXPIRED || (detail.expire_time > 0 && detail.expire_time < now)) {
|
|
this.setInvalid('分享已过期', '该分享链接已超过有效期')
|
|
return true
|
|
}
|
|
return false
|
|
},
|
|
|
|
setInvalid(title: string, desc: string) {
|
|
this.setData({
|
|
loading: false,
|
|
invalid: true,
|
|
needLogin: false,
|
|
invalidTitle: title,
|
|
invalidDesc: desc,
|
|
})
|
|
},
|
|
|
|
onCancel() {
|
|
wx.showModal({
|
|
title: '取消分享',
|
|
content: '取消后该分享链接将失效，且不返还衣柜分享额度',
|
|
confirmText: '取消分享',
|
|
confirmColor: '#FF3B30',
|
|
success: (res) => {
|
|
if (!res.confirm) return
|
|
request({ url: `/closet-share/${this.data.uuid}/cancel`, method: 'POST' })
|
|
.then(() => {
|
|
wx.showToast({ title: '已取消', icon: 'success' })
|
|
;(this as any).backTimer = setTimeout(() => wx.navigateBack(), 500)
|
|
})
|
|
.catch(() => {})
|
|
},
|
|
})
|
|
},
|
|
|
|
onBackHome() {
|
|
wx.switchTab({ url: '/pages/wardrobe/wardrobe' })
|
|
},
|
|
|
|
onGoLogin() {
|
|
const redirect = `/pages/closet-share-detail/closet-share-detail?uuid=${this.data.uuid}`
|
|
wx.navigateTo({
|
|
url: `/pages/login/login?redirect=${encodeURIComponent(redirect)}`,
|
|
fail: () => wx.switchTab({ url: '/pages/profile/profile' }),
|
|
})
|
|
},
|
|
|
|
onShareAppMessage() {
|
|
const name = (this.data.detail && this.data.detail.owner_name) || '好友'
|
|
return {
|
|
title: `${name} 向你分享了 TA 的衣柜`,
|
|
path: `/pages/closet-share-detail/closet-share-detail?uuid=${this.data.uuid}`,
|
|
}
|
|
},
|
|
|
|
onUnload() {
|
|
const timer = (this as any).backTimer
|
|
if (timer) {
|
|
clearTimeout(timer)
|
|
;(this as any).backTimer = null
|
|
}
|
|
},
|
|
})
|