parent
a637c4eaec
commit
d856624130
@ -0,0 +1,93 @@
|
|||||||
|
import { defineStore } from "pinia";
|
||||||
|
import request from "@/utils/request";
|
||||||
|
|
||||||
|
export const usePostDetailStore = defineStore("postDetail", {
|
||||||
|
state: () => ({
|
||||||
|
post: null, // 帖子主要信息
|
||||||
|
comments: [], // 评论列表
|
||||||
|
userInfo: null, // 用户信息
|
||||||
|
totalComments: 0, // 评论总数
|
||||||
|
likeCount: 0, // 点赞数
|
||||||
|
commentCount: 0, // 评论数
|
||||||
|
favoriteCount: 0, // 收藏数
|
||||||
|
viewCount: 0, // 浏览数
|
||||||
|
isLike: false, // 是否点赞
|
||||||
|
loading: false, // 加载状态
|
||||||
|
}),
|
||||||
|
actions: {
|
||||||
|
setPost(post) {
|
||||||
|
this.post = post;
|
||||||
|
},
|
||||||
|
setComments(comments) {
|
||||||
|
this.comments = comments;
|
||||||
|
this.totalComments = comments.length;
|
||||||
|
},
|
||||||
|
setUserInfo(userInfo) {
|
||||||
|
this.userInfo = userInfo;
|
||||||
|
},
|
||||||
|
addComment(comment) {
|
||||||
|
this.comments.push(comment);
|
||||||
|
this.totalComments += 1;
|
||||||
|
},
|
||||||
|
async fetchPostDetail(postId, { lastVal = Date.now(), offset = 0, size = 10 } = {}) {
|
||||||
|
this.loading = true;
|
||||||
|
try {
|
||||||
|
// 获取帖子详情
|
||||||
|
const postRes = await request.get(`/post/detail/${postId}`);
|
||||||
|
if (postRes.code === 200 && postRes.data) {
|
||||||
|
const {
|
||||||
|
id,
|
||||||
|
image,
|
||||||
|
title,
|
||||||
|
content,
|
||||||
|
likeCount,
|
||||||
|
commentCount,
|
||||||
|
favoriteCount,
|
||||||
|
viewCount,
|
||||||
|
isLike,
|
||||||
|
userId,
|
||||||
|
userName,
|
||||||
|
userAvatar,
|
||||||
|
createTime
|
||||||
|
} = postRes.data;
|
||||||
|
|
||||||
|
// 主要帖子信息
|
||||||
|
this.post = {
|
||||||
|
postId: id,
|
||||||
|
title,
|
||||||
|
content,
|
||||||
|
createTime,
|
||||||
|
};
|
||||||
|
|
||||||
|
// 用户信息
|
||||||
|
this.userInfo = {
|
||||||
|
userId,
|
||||||
|
userName,
|
||||||
|
userAvatar: userAvatar || image || null,
|
||||||
|
followers:1234,//先预设粉丝占位
|
||||||
|
};
|
||||||
|
|
||||||
|
// 其余字段
|
||||||
|
this.likeCount = likeCount;
|
||||||
|
this.commentCount = commentCount;
|
||||||
|
this.favoriteCount = favoriteCount;
|
||||||
|
this.viewCount = viewCount;
|
||||||
|
this.isLike = isLike;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取评论列表
|
||||||
|
const commentRes = await request.post('/comment/list', {
|
||||||
|
lastVal,
|
||||||
|
offset,
|
||||||
|
size,
|
||||||
|
postId
|
||||||
|
});
|
||||||
|
if (commentRes.code === 200) {
|
||||||
|
this.setComments(commentRes.data.records || []);
|
||||||
|
}
|
||||||
|
} finally {
|
||||||
|
this.loading = false;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
});
|
||||||
@ -0,0 +1,78 @@
|
|||||||
|
import {defineStore} from 'pinia';
|
||||||
|
import axios from 'axios';
|
||||||
|
import request from '@/utils/request';
|
||||||
|
|
||||||
|
export const usePostListStore = defineStore('postList', {
|
||||||
|
state: () => ({
|
||||||
|
posts: [], // 帖子列表
|
||||||
|
total: 0, // 帖子总数
|
||||||
|
page: 1, // 当前页码
|
||||||
|
pageSize: 10, // 每页帖子数
|
||||||
|
lastVal: Date.now(), // 用于滚动分页的时间戳
|
||||||
|
offset: 0, // 偏移量
|
||||||
|
loading: false, // 加载状态
|
||||||
|
finished: false, // 是否加载完全部
|
||||||
|
}),
|
||||||
|
actions: {
|
||||||
|
setPosts(posts) {
|
||||||
|
this.posts = posts;
|
||||||
|
},
|
||||||
|
setTotal(total) {
|
||||||
|
this.total = total;
|
||||||
|
},
|
||||||
|
setPage(page) {
|
||||||
|
this.page = page;
|
||||||
|
},
|
||||||
|
setPageSize(pageSize) {
|
||||||
|
this.pageSize = pageSize;
|
||||||
|
},
|
||||||
|
addPost(post) {
|
||||||
|
this.posts.push(post);
|
||||||
|
this.total += 1; // 更新总数
|
||||||
|
},
|
||||||
|
removePost(postId) {
|
||||||
|
this.posts = this.posts.filter(post => post.id !== postId);
|
||||||
|
this.total -= 1; // 更新总数
|
||||||
|
},
|
||||||
|
async getList({ lastVal = this.lastVal, offset = this.offset, size = this.pageSize } = {}) {
|
||||||
|
if (this.loading || this.finished) return;
|
||||||
|
this.loading = true;
|
||||||
|
try {
|
||||||
|
const res = await request.post('/post/list', { lastVal, offset, size });
|
||||||
|
if (res.code === 200) {
|
||||||
|
const { records, lastVal: newLastVal, offset: newOffset, size: newSize } = res.data;
|
||||||
|
if (records.length > 0) {
|
||||||
|
// 字段映射
|
||||||
|
const mappedRecords = records.map(post => ({
|
||||||
|
id: post.id,
|
||||||
|
avatar: post.userAvatar || post.image || require('@/assets/default-avatar/boy_1.png'),
|
||||||
|
title: post.title,
|
||||||
|
summary: post.content ? post.content.slice(0, 40) + (post.content.length > 40 ? '...' : '') : '',
|
||||||
|
likes: post.likeCount,
|
||||||
|
comments: post.commentCount,
|
||||||
|
favorites: post.favoriteCount,
|
||||||
|
category: post.category || '全部',
|
||||||
|
createTime: post.createTime,
|
||||||
|
userName: post.userName,
|
||||||
|
}));
|
||||||
|
this.posts = [...this.posts, ...mappedRecords];
|
||||||
|
this.lastVal = newLastVal;
|
||||||
|
this.offset = newOffset;
|
||||||
|
this.pageSize = newSize;
|
||||||
|
}
|
||||||
|
if (records.length < size) {
|
||||||
|
this.finished = true; // 没有更多数据
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} finally {
|
||||||
|
this.loading = false;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
resetList() {
|
||||||
|
this.posts = [];
|
||||||
|
this.lastVal = Date.now();
|
||||||
|
this.offset = 0;
|
||||||
|
this.finished = false;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
});
|
||||||
Loading…
Reference in new issue