Initial commit

miniprogram/pages/post-detail/post-detail.ts

@@ -0,0 +1,117 @@
+import { api } from '../../utils/api'
+import { formatTime, getAvatarGradient } from '../../utils/format'
+
+const app = getApp<{ userInfo: any }>()
+
+Page({
+  data: {
+    statusBarHeight: 0,
+    postId: '',
+    post: null as any,
+    comments: [] as any[],
+    avatarGradient: '',
+    timeText: '',
+    likeCount: 0,
+    commentText: '',
+    focusInput: false,
+  },
+
+  onLoad(query: { id?: string; focus?: string }) {
+    const info = wx.getSystemInfoSync()
+    this.setData({ statusBarHeight: info.statusBarHeight, postId: query.id || '' })
+    this.loadPost(query.id || '')
+    if (query.focus === 'comment') {
+      this.setData({ focusInput: true })
+    }
+  },
+
+  async loadPost(id: string) {
+    if (!id) return
+    try {
+      const res = await wx.cloud.callFunction({
+        name: 'getPost',
+        data: { postId: id },
+      }) as any
+      const post = res.result?.data
+      if (!post) return
+      this.setData({
+        post,
+        avatarGradient: getAvatarGradient(post.authorId),
+        timeText: formatTime(post.createdAt),
+        likeCount: post.likeCount,
+      })
+      this.loadComments(id)
+    } catch {}
+  },
+
+  async loadComments(postId: string) {
+    try {
+      const res = await api.getComments(postId)
+      const comments = res.list.map((c: any) => ({
+        ...c,
+        gradient: getAvatarGradient(c.authorId),
+        timeText: formatTime(c.createdAt),
+      }))
+      this.setData({ comments })
+    } catch {}
+  },
+
+  async onLike() {
+    const post = this.data.post
+    if (!post) return
+    const was = post.isLiked
+    this.setData({ 'post.isLiked': !was, likeCount: was ? this.data.likeCount - 1 : this.data.likeCount + 1 })
+    try {
+      const res = await api.likePost(post._id)
+      this.setData({ likeCount: res.count, 'post.isLiked': res.liked })
+    } catch {
+      this.setData({ 'post.isLiked': was, likeCount: post.likeCount })
+    }
+  },
+
+  onCommentInput(e: WechatMiniprogram.CustomEvent) {
+    this.setData({ commentText: e.detail.value })
+  },
+
+  async onSend() {
+    const text = this.data.commentText.trim()
+    if (!text || !this.data.postId) return
+    this.setData({ commentText: '' })
+    try {
+      await api.addComment(this.data.postId, text)
+      const comments = await api.getComments(this.data.postId)
+      this.setData({
+        comments: comments.list.map((c: any) => ({
+          ...c,
+          gradient: getAvatarGradient(c.authorId),
+          timeText: formatTime(c.createdAt),
+        })),
+      })
+    } catch {
+      wx.showToast({ title: '发送失败', icon: 'none' })
+    }
+  },
+
+  focusComment() {
+    this.setData({ focusInput: true })
+  },
+
+  onAuthorTap() {
+    const post = this.data.post
+    if (post?.authorId) wx.navigateTo({ url: `/pages/pet-detail/pet-detail?userId=${post.authorId}` })
+  },
+
+  onImgTap(e: WechatMiniprogram.CustomEvent) {
+    const post = this.data.post
+    wx.previewImage({ current: post.images[e.currentTarget.dataset.idx], urls: post.images })
+  },
+
+  onMore() {
+    wx.showActionSheet({
+      itemList: ['举报'],
+      success: () => wx.showToast({ title: '已提交举报', icon: 'success' }),
+    })
+  },
+
+  onBack() { wx.navigateBack() },
+})