sundynix-pets/pets-fe/pages/community/community.js

const store = require('../../utils/store.js');
const api = require('../../utils/api.js');
const { toastErr } = require('../../utils/ui.js');

const TAG_CLASS = { 求助: 'warn', 经验: 'blue', 精选: 'purple', 避坑: 'red', 晒宠: '' };

function mapPost(p) {
  const tags = p.tags || [];
  const tag = tags[0] || '';
  return {
    id: p.id,
    author_name: p.author_name,
    author_emoji: p.author_emoji || '🐾',
    content: p.content,
    images: p.images || [],
    like_count: p.like_count,
    comment_count: p.comment_count,
    liked: false,
    tag,
    tagClass: TAG_CLASS[tag] || '',
    is_ai: !!p.is_ai,
    user_id: p.user_id,
    followed: !!p.followed,
    is_self: !!p.is_self,
  };
}

Page({
  data: {
    pet: {},
    feedTabs: ['推荐', '关注', '新手求助', '晒宠', '经验'],
    feedIdx: 0,
    posts: [],
    sheetShow: false,
    sheetType: '',
    sheetPostId: '',
    loaded: false,
    loadErr: '',
  },
  onLoad() {
    this._unsub = store.subscribe((pet) => this.setData({ pet }));
  },
  onUnload() {
    if (this._unsub) this._unsub();
  },
  onShow() {
    if (typeof this.getTabBar === 'function' && this.getTabBar()) {
      this.getTabBar().setData({ selected: 4 });
    }
    store
      .ready()
      .then(() => {
        this.setData({ pet: store.getPet() });
        this.loadPosts();
      })
      .catch((e) => wx.showToast({ title: e.message || '加载失败', icon: 'none' }));
  },
  loadPosts() {
    const tab = this.data.feedTabs[this.data.feedIdx];
    this.setData({ loadErr: '' });
    api
      .listPosts(tab, 1)
      .then((page) => this.setData({ posts: (page.list || []).map(mapPost), loaded: true }))
      .catch((e) => {
        // 不能让「加载失败」显示成「还没有帖子」，那是在骗用户
        this.setData({ loadErr: e.message || '加载失败', loaded: true });
        toastErr(e);
      });
  },
  // 来自 seg-tabs 的 change 事件
  switchFeedTab(e) {
    this.setData({ feedIdx: Number(e.detail.index) });
    this.loadPosts();
  },
  likePost(e) {
    const i = e.currentTarget.dataset.index;
    const post = this.data.posts[i];
    api
      .likePost(post.id)
      .then((res) => {
        this.setData({ [`posts[${i}].like_count`]: res.like_count, [`posts[${i}].liked`]: true });
      })
      .catch(() => {});
  },
  openComments(e) {
    this.setData({ sheetPostId: e.currentTarget.dataset.id, sheetType: 'comments', sheetShow: true });
  },
  openSheet(e) {
    this.setData({ sheetType: e.currentTarget.dataset.type, sheetPostId: '', sheetShow: true });
  },
  closeSheet() {
    this.setData({ sheetShow: false });
  },
  onPosted() {
    this.setData({ sheetShow: false });
    this.loadPosts();
  },
  onCommented() {
    this.loadPosts();
  },
  goLearn() {
    wx.navigateTo({ url: '/pages/learn/learn' });
  },
  onFab() {
    this.setData({ sheetType: 'ai', sheetPostId: '', sheetShow: true });
  },
  // 长按自己的帖子可删除
  onLongPressPost(e) {
    const p = this.data.posts[e.currentTarget.dataset.index];
    if (!p || !p.is_self) return;
    wx.showModal({
      title: '删除帖子',
      content: '确定删除这条帖子？删除后其他人将看不到。',
      confirmColor: '#D9534F',
      success: (res) => {
        if (!res.confirm) return;
        api.deletePost(p.id)
          .then(() => { wx.showToast({ title: '已删除', icon: 'success' }); this.loadPosts(); })
          .catch((err) => wx.showToast({ title: err.message || '删除失败', icon: 'none' }));
      },
    });
  },
  // 关注 / 取关帖子作者
  toggleFollow(e) {
    const i = e.currentTarget.dataset.index;
    const p = this.data.posts[i];
    if (!p || !p.user_id || p.is_self) return;
    const fn = p.followed ? api.unfollowUser : api.followUser;
    fn(p.user_id)
      .then(() => {
        // 同一作者的所有帖子一起更新状态
        const posts = this.data.posts.map((x) =>
          x.user_id === p.user_id ? { ...x, followed: !p.followed } : x,
        );
        this.setData({ posts });
        wx.showToast({ title: p.followed ? '已取消关注' : '已关注', icon: 'none' });
        if (this.data.feedTabs[this.data.feedIdx] === '关注') this.loadPosts();
      })
      .catch((err) => wx.showToast({ title: err.message || '操作失败', icon: 'none' }));
  },
  onShareAppMessage(e) {
    // 从帖子上的分享按钮转发：带上该帖内容做标题
    if (e && e.from === 'button') {
      const c = (e.target.dataset.content || '').slice(0, 40);
      return { title: c ? '宠友圈：' + c : '来宠友圈看看大家的毛孩子', path: '/pages/community/community' };
    }
    return { title: '宠友圈 · 和铲屎官们交流养宠经验', path: '/pages/community/community' };
  },
  onShareTimeline() {
    return { title: '宠友圈 · 和铲屎官们交流养宠经验' };
  },
});