zt-closet-wxmini-frontend/miniprogram/pages/outfit-share-detail/outfit-share-detail.ts

import { request, AUTH_EXPIRED_CODES } from '../../utils/request'
import { OutfitShareDetail, OutfitItem } from '../../types/models'
import { ShareStatus } from '../../utils/config'
import { logger } from '../../utils/logger'

// 日志模块名
const LOG = 'outfit-share-detail'

Page({
  data: {
    uuid: '',
    detail: null as OutfitShareDetail | null,
    outfit: { items: [] } as OutfitItem,
    loading: true,
    invalid: false,
    invalidTitle: '该分享已取消',
    invalidDesc: '分享链接已失效',
    needLogin: false,
  },

  onLoad(query: Record<string, string>) {
    const uuid = query.uuid || ''
    logger.debug(LOG, 'onLoad, uuid=', uuid)
    this.setData({ uuid })
    if (!uuid) {
      // uuid 缺失时若不兜底，loading 会永久为 true，页面白屏且无法退出
      logger.warn(LOG, 'onLoad 缺少 uuid 参数')
      this.setInvalid('链接不完整', '缺少分享标识，无法打开')
      return
    }
    this.fetchDetail()
  },

  fetchDetail() {
    request<OutfitShareDetail>({ url: `/outfit-share/${this.data.uuid}`, showError: false })
      .then((detail) => {
        logger.debug(LOG, '详情加载成功, status=', detail && detail.status)
        if (this.checkInvalid(detail)) return
        this.setData({ detail, outfit: detail.outfit, loading: false })
      })
      .catch((e: any) => {
        const code = e && e.code
        logger.warn(LOG, '详情加载失败, code=', code)
        if (AUTH_EXPIRED_CODES.indexOf(code) >= 0) {
          // 查看分享需登录：给「去登录」出口，登录成功后回到本页
          this.setData({
            loading: false,
            invalid: true,
            needLogin: true,
            invalidTitle: '请先登录',
            invalidDesc: '登录后即可查看好友分享的穿搭',
          })
          return
        }
        if (code === 90104) {
          this.setInvalid('分享已取消', '该分享已被创建者取消')
        } else if (code === 90103) {
          this.setInvalid('分享已失效', '该分享链接无效或对应穿搭已不可见')
        } else {
          // 兜底：任何未知错误都不能停在空白页
          this.setInvalid('加载失败', '请稍后重试')
        }
      })
  },

  // 本地状态校验，返回 true 表示已置为失效态
  checkInvalid(detail: OutfitShareDetail): boolean {
    if (detail.status === ShareStatus.CANCELLED) {
      this.setInvalid('分享已取消', '该分享已被创建者取消')
      return true
    }
    return false
  },

  setInvalid(title: string, desc: string) {
    this.setData({
      loading: false,
      invalid: true,
      needLogin: false,
      invalidTitle: title,
      invalidDesc: desc,
    })
  },

  onItemTap(e: WechatMiniprogram.TouchEvent) {
    const uuid = e.currentTarget.dataset.uuid as string
    // 只读查看：携带 share_uuid，后端据此放行非属主读取衣物详情
    logger.debug(LOG, '点击衣物, uuid=', uuid)
    wx.navigateTo({
      url: `/pages/clothes-detail/clothes-detail?uuid=${uuid}&share_uuid=${this.data.uuid}`,
      fail: (err) => logger.warn(LOG, 'navigateTo 单品详情失败, err=', err && err.errMsg),
    })
  },

  onCancel() {
    wx.showModal({
      title: '取消分享',
      content: '取消后该分享链接将失效',
      confirmText: '取消分享',
      confirmColor: '#FF3B30',
      success: (res) => {
        if (!res.confirm) return
        request({ url: `/outfit-share/${this.data.uuid}/cancel`, method: 'POST' })
          .then(() => {
            logger.info(LOG, '取消分享成功')
            wx.showToast({ title: '已取消', icon: 'success' })
            ;(this as any).backTimer = setTimeout(
              () =>
                wx.navigateBack({
                  fail: (e: any) => logger.warn(LOG, 'navigateBack 失败, err=', e && e.errMsg),
                }),
              500,
            )
          })
          .catch((e: any) => logger.warn(LOG, '取消分享失败, code=', e && e.code))
      },
      fail: (e: any) => logger.warn(LOG, '取消分享弹窗失败, err=', e && e.errMsg),
    })
  },

  onBackHome() {
    wx.switchTab({
      url: '/pages/wardrobe/wardrobe',
      fail: (e: any) => logger.warn(LOG, 'switchTab 衣橱失败, err=', e && e.errMsg),
    })
  },

  onGoLogin() {
    const redirect = `/pages/outfit-share-detail/outfit-share-detail?uuid=${this.data.uuid}`
    const loginUrl = `/pages/login/login?redirect=${encodeURIComponent(redirect)}`
    wx.navigateTo({
      url: loginUrl,
      fail: () => {
        wx.redirectTo({
          url: loginUrl,
          fail: () => wx.switchTab({ url: '/pages/profile/profile' }),
        })
      },
    })
  },

  onShareAppMessage() {
    const name = (this.data.outfit && this.data.outfit.outfit_name) || '好友的穿搭'
    const owner = (this.data.detail && this.data.detail.owner_name) || '好友'
    logger.debug(LOG, '转发分享, uuid=', this.data.uuid)
    return {
      title: `${owner} 向你分享了穿搭「${name}」`,
      path: `/pages/outfit-share-detail/outfit-share-detail?uuid=${this.data.uuid}`,
    }
  },

  onUnload() {
    const timer = (this as any).backTimer
    if (timer) {
      clearTimeout(timer)
      ;(this as any).backTimer = null
    }
  },
})