146 lines
4.3 KiB
TypeScript
146 lines
4.3 KiB
TypeScript
import { request } from '../../utils/request'
|
|
import { OutfitItem, ClothesItem } from '../../types/models'
|
|
import { OutfitSource, IsPublic } from '../../utils/config'
|
|
|
|
Page({
|
|
data: {
|
|
uuid: '',
|
|
isOwner: true,
|
|
outfit: {} as OutfitItem,
|
|
clothes: [] as ClothesItem[],
|
|
isLiked: false,
|
|
likeCount: 0,
|
|
isCollected: false,
|
|
loading: true,
|
|
},
|
|
|
|
onLoad(query: Record<string, string>) {
|
|
const uuid = query.uuid || ''
|
|
const isOwner = query.owner !== '0'
|
|
this.setData({ uuid, isOwner })
|
|
if (uuid) this.fetchDetail()
|
|
},
|
|
|
|
async fetchDetail() {
|
|
try {
|
|
const outfit = await request<OutfitItem>({ url: `/outfit/${this.data.uuid}` })
|
|
this.setData({ outfit })
|
|
|
|
const clothes = await Promise.all(
|
|
outfit.items.map(async (it) => {
|
|
try {
|
|
return await request<ClothesItem>({ url: `/clothes/${it.clothes_uuid}`, showError: false })
|
|
} catch (e) {
|
|
return { clothes_uuid: it.clothes_uuid } as ClothesItem
|
|
}
|
|
})
|
|
)
|
|
this.setData({ clothes })
|
|
|
|
const like = await request<{ is_liked: boolean; like_count: number }>({
|
|
url: `/like/${this.data.uuid}`,
|
|
showError: false,
|
|
})
|
|
this.setData({ isLiked: like.is_liked, likeCount: like.like_count, loading: false })
|
|
|
|
// 收藏状态：调用后端 /collect/:targetUUID 初始化，失败静默保持未收藏
|
|
request<{ is_collected: boolean; collect_count: number }>({
|
|
url: `/collect/${this.data.uuid}`,
|
|
showError: false,
|
|
})
|
|
.then((collect) => this.setData({ isCollected: collect.is_collected }))
|
|
.catch(() => {})
|
|
} catch (e) {
|
|
this.setData({ loading: false })
|
|
}
|
|
},
|
|
|
|
onLike() {
|
|
const action = this.data.isLiked ? 2 : 1
|
|
request({ url: '/like', method: 'POST', data: { target_uuid: this.data.uuid, action } })
|
|
.then(() => {
|
|
this.setData({
|
|
isLiked: action === 1,
|
|
likeCount: this.data.likeCount + (action === 1 ? 1 : -1),
|
|
})
|
|
})
|
|
.catch(() => {})
|
|
},
|
|
|
|
onCollect() {
|
|
const action = this.data.isCollected ? 2 : 1
|
|
request({ url: '/collect', method: 'POST', data: { target_uuid: this.data.uuid, action } })
|
|
.then(() => this.setData({ isCollected: action === 1 }))
|
|
.catch(() => {})
|
|
},
|
|
|
|
onTogglePublic() {
|
|
const isPublic = this.data.outfit.is_public === IsPublic.PUBLIC
|
|
if (isPublic) {
|
|
this.doPublic(IsPublic.PRIVATE)
|
|
} else {
|
|
wx.showModal({
|
|
title: '公开到社区',
|
|
content: '公开后将展示在社区供他人点赞收藏，并消耗 1 次社区分享额度',
|
|
confirmText: '确认公开',
|
|
success: (res) => {
|
|
if (res.confirm) this.doPublic(IsPublic.PUBLIC)
|
|
},
|
|
})
|
|
}
|
|
},
|
|
|
|
doPublic(isPublic: number) {
|
|
request({ url: `/outfit/${this.data.uuid}/public`, method: 'PUT', data: { is_public: isPublic } })
|
|
.then(() => {
|
|
this.setData({ 'outfit.is_public': isPublic })
|
|
wx.showToast({ title: isPublic === IsPublic.PUBLIC ? '已公开' : '已取消公开', icon: 'none' })
|
|
})
|
|
.catch(() => {})
|
|
},
|
|
|
|
onMore() {
|
|
wx.showActionSheet({
|
|
itemList: ['编辑穿搭', '删除穿搭'],
|
|
success: (res) => {
|
|
if (res.tapIndex === 0) this.onEdit()
|
|
else this.onDelete()
|
|
},
|
|
})
|
|
},
|
|
|
|
onEdit() {
|
|
wx.navigateTo({ url: `/pages/outfit-edit/outfit-edit?uuid=${this.data.uuid}` })
|
|
},
|
|
|
|
onDelete() {
|
|
wx.showModal({
|
|
title: '确认删除这套穿搭？',
|
|
content: '删除后不可恢复，但不会影响衣橱内的单品。',
|
|
confirmText: '确认删除',
|
|
confirmColor: '#FF3B30',
|
|
success: (res) => {
|
|
if (!res.confirm) return
|
|
request({ url: `/outfit/${this.data.uuid}`, method: 'DELETE' })
|
|
.then(() => {
|
|
wx.showToast({ title: '已删除', icon: 'success' })
|
|
setTimeout(() => wx.navigateBack(), 500)
|
|
})
|
|
.catch(() => {})
|
|
},
|
|
})
|
|
},
|
|
|
|
onItemTap(e: WechatMiniprogram.TouchEvent) {
|
|
const uuid = e.currentTarget.dataset.uuid as string
|
|
wx.navigateTo({ url: `/pages/clothes-detail/clothes-detail?uuid=${uuid}` })
|
|
},
|
|
|
|
onShareAppMessage() {
|
|
return {
|
|
title: this.data.outfit.outfit_name || '我的穿搭',
|
|
path: `/pages/outfit-detail/outfit-detail?uuid=${this.data.uuid}&owner=0`,
|
|
}
|
|
},
|
|
})
|