|
|
|
@ -16,67 +16,67 @@ export const usePostDetailStore = defineStore("postDetail", {
|
|
|
|
commentsFinished: false, // 是否加载完全部评论
|
|
|
|
commentsFinished: false, // 是否加载完全部评论
|
|
|
|
}),
|
|
|
|
}),
|
|
|
|
actions: {
|
|
|
|
actions: {
|
|
|
|
// ...existing code...
|
|
|
|
async fetchComments() {
|
|
|
|
async fetchComments() {
|
|
|
|
if (this.commentsLoading || this.commentsFinished) return;
|
|
|
|
if (this.commentsLoading || this.commentsFinished) return;
|
|
|
|
this.commentsLoading = true;
|
|
|
|
this.commentsLoading = true;
|
|
|
|
// 拼接参数到URL
|
|
|
|
// 拼接参数到URL
|
|
|
|
const params = [
|
|
|
|
const params = [
|
|
|
|
`lastVal=${this.lastVal}`,
|
|
|
|
`lastVal=${this.lastVal}`,
|
|
|
|
`offset=${this.offset}`,
|
|
|
|
`offset=${this.offset}`,
|
|
|
|
`size=${this.size}`,
|
|
|
|
`size=${this.size}`,
|
|
|
|
`postId=${this.post.postId}`
|
|
|
|
`postId=${this.post.postId}`
|
|
|
|
].join('&');
|
|
|
|
].join('&');
|
|
|
|
const url = `/comment/list?${params}`;
|
|
|
|
const url = `/comment/list?${params}`;
|
|
|
|
try {
|
|
|
|
try {
|
|
|
|
const response = await request.get(url);
|
|
|
|
const response = await request.get(url);
|
|
|
|
if (response.code === 200) {
|
|
|
|
if (response.code === 200) {
|
|
|
|
// 初始化每条评论的子评论分页状态
|
|
|
|
// 初始化每条评论的子评论分页状态
|
|
|
|
const comments = (response.data.records || []).map(item => ({
|
|
|
|
const comments = (response.data.records || []).map(item => ({
|
|
|
|
...item,
|
|
|
|
...item,
|
|
|
|
replies: [],
|
|
|
|
replies: [],
|
|
|
|
showReplies: false, // 是否显示子评论
|
|
|
|
repliesLastVal: Date.now(),
|
|
|
|
repliesLastVal: Date.now(),
|
|
|
|
repliesOffset: 0,
|
|
|
|
repliesOffset: 0,
|
|
|
|
repliesSize: 5,
|
|
|
|
repliesSize: 5,
|
|
|
|
repliesLoading: false,
|
|
|
|
repliesLoading: false,
|
|
|
|
repliesFinished: false,
|
|
|
|
repliesFinished: false,
|
|
|
|
}));
|
|
|
|
}));
|
|
|
|
this.comments.push(...comments);
|
|
|
|
this.comments.push(...comments);
|
|
|
|
this.lastVal = response.data.lastVal;
|
|
|
|
this.lastVal = response.data.lastVal;
|
|
|
|
this.offset = response.data.offset;
|
|
|
|
this.offset = response.data.offset;
|
|
|
|
if (comments.length < this.size) {
|
|
|
|
if (comments.length < this.size) {
|
|
|
|
this.commentsFinished = true; // 如果评论数少于每页大小，标记为已加载完
|
|
|
|
this.commentsFinished = true; // 如果评论数少于每页大小，标记为已加载完
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
else {
|
|
|
|
|
|
|
|
ElMessage({
|
|
|
|
|
|
|
|
message: '获取评论失败，请稍后重试',
|
|
|
|
|
|
|
|
type: 'error',
|
|
|
|
|
|
|
|
duration: 500
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
} catch (error) {
|
|
|
|
|
|
|
|
console.error("获取评论失败:", error);
|
|
|
|
|
|
|
|
alert(error.response?.message || '获取评论失败，请稍后重试');
|
|
|
|
|
|
|
|
}finally {
|
|
|
|
|
|
|
|
this.commentsLoading = false;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
else {
|
|
|
|
|
|
|
|
ElMessage({
|
|
|
|
|
|
|
|
message: '获取评论失败，请稍后重试',
|
|
|
|
|
|
|
|
type: 'error',
|
|
|
|
|
|
|
|
duration: 500
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
} catch (error) {
|
|
|
|
|
|
|
|
console.error("获取评论失败:", error);
|
|
|
|
|
|
|
|
alert(error.response?.message || '获取评论失败，请稍后重试');
|
|
|
|
|
|
|
|
}finally {
|
|
|
|
|
|
|
|
this.commentsLoading = false;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
// ...existing code...
|
|
|
|
|
|
|
|
// 获取某条评论的子评论
|
|
|
|
// 获取某条评论的子评论
|
|
|
|
async fetchReplies(parentCommentId, commentObj) {
|
|
|
|
async fetchReplies(parentCommentId, commentObj) {
|
|
|
|
if (commentObj.repliesLoading || commentObj.repliesFinished) return;
|
|
|
|
if (commentObj.repliesLoading || commentObj.repliesFinished) return;
|
|
|
|
commentObj.repliesLoading = true;
|
|
|
|
commentObj.repliesLoading = true;
|
|
|
|
// 请求子评论数据
|
|
|
|
/// 拼接参数到URL
|
|
|
|
const RequestReplyData = {
|
|
|
|
const params = [
|
|
|
|
lastVal: commentObj.repliesLastVal,
|
|
|
|
`lastVal=${commentObj.repliesLastVal}`,
|
|
|
|
offset: commentObj.repliesOffset,
|
|
|
|
`offset=${commentObj.repliesOffset}`,
|
|
|
|
size: commentObj.repliesSize,
|
|
|
|
`size=${commentObj.repliesSize}`,
|
|
|
|
postId: this.post?.postId,
|
|
|
|
`postId=${this.post?.postId}`,
|
|
|
|
parentCommentId: parentCommentId,
|
|
|
|
`parentCommentId=${parentCommentId}`
|
|
|
|
};
|
|
|
|
].join('&');
|
|
|
|
|
|
|
|
const url = `/comment/list/reply?${params}`;
|
|
|
|
try {
|
|
|
|
try {
|
|
|
|
const res = await request.post('/comment/list/reply', RequestReplyData);
|
|
|
|
const res = await request.get(url);
|
|
|
|
if (res.code === 200) {
|
|
|
|
if (res.code === 200) {
|
|
|
|
const records = (res.data.records || []).map(item => ({
|
|
|
|
const records = (res.data.records || []).map(item => ({
|
|
|
|
...item,
|
|
|
|
...item,
|
|
|
|
@ -169,15 +169,17 @@ async fetchComments() {
|
|
|
|
async sendComment(newCommentData) {
|
|
|
|
async sendComment(newCommentData) {
|
|
|
|
if (!newCommentData.content || !this.post?.postId) return;
|
|
|
|
if (!newCommentData.content || !this.post?.postId) return;
|
|
|
|
const RequestData = {
|
|
|
|
const RequestData = {
|
|
|
|
|
|
|
|
id:null,
|
|
|
|
postId: newCommentData.postId, // 帖子ID
|
|
|
|
postId: newCommentData.postId, // 帖子ID
|
|
|
|
content: newCommentData.content, // 评论内容
|
|
|
|
content: newCommentData.content, // 评论内容
|
|
|
|
parentCommentId: newCommentData.parentCommentId,
|
|
|
|
parentCommentId: newCommentData.parentCommentId,
|
|
|
|
};
|
|
|
|
};
|
|
|
|
try {
|
|
|
|
try {
|
|
|
|
const res = await request.post('/comment', RequestData);
|
|
|
|
const res = await request.post('/comment', RequestData);
|
|
|
|
|
|
|
|
console.log("发送评论返回:", res.data);
|
|
|
|
if (res.code === 200) {
|
|
|
|
if (res.code === 200) {
|
|
|
|
const commentObj = {
|
|
|
|
const commentObj = {
|
|
|
|
id: res.data.id,
|
|
|
|
id: res.data,
|
|
|
|
content: newCommentData.content,
|
|
|
|
content: newCommentData.content,
|
|
|
|
userId: newCommentData.userId,
|
|
|
|
userId: newCommentData.userId,
|
|
|
|
userName: newCommentData.userName,
|
|
|
|
userName: newCommentData.userName,
|
|
|
|
@ -191,6 +193,7 @@ async fetchComments() {
|
|
|
|
topId: newCommentData.topId,
|
|
|
|
topId: newCommentData.topId,
|
|
|
|
isLike: 0,
|
|
|
|
isLike: 0,
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
console.log("发送评论数据:", commentObj.id);
|
|
|
|
// 新增评论后刷新评论列表或插入到对应位置
|
|
|
|
// 新增评论后刷新评论列表或插入到对应位置
|
|
|
|
if (!newCommentData.parentCommentId) {
|
|
|
|
if (!newCommentData.parentCommentId) {
|
|
|
|
// 一级评论，插入到最前面
|
|
|
|
// 一级评论，插入到最前面
|
|
|
|
@ -201,17 +204,17 @@ async fetchComments() {
|
|
|
|
commentObj.repliesSize = 5;
|
|
|
|
commentObj.repliesSize = 5;
|
|
|
|
commentObj.repliesLoading = false;
|
|
|
|
commentObj.repliesLoading = false;
|
|
|
|
commentObj.repliesFinished = false;
|
|
|
|
commentObj.repliesFinished = false;
|
|
|
|
this.comments.unshift(commentObj);
|
|
|
|
this.comments.unshift(commentObj);
|
|
|
|
this.post.commentCount = (this.post.commentCount || 0) + 1; // 更新帖子评论数
|
|
|
|
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
// 回复，只插入到一级评论的 replies
|
|
|
|
// 回复，只插入到一级评论的 replies
|
|
|
|
let parent = this.comments.find(c => c.id === newCommentData.parentCommentId);
|
|
|
|
let parent = this.comments.find(c => c.id === newCommentData.topId);
|
|
|
|
if (parent) {
|
|
|
|
if (parent) {
|
|
|
|
parent.replies.unshift(commentObj);
|
|
|
|
parent.replies.push(commentObj);
|
|
|
|
parent.replyCount = (parent.replyCount || 0) + 1;
|
|
|
|
parent.replyCount = (parent.replyCount || 0) + 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
console.log("评论成功:", res);
|
|
|
|
this.post.commentCount = (this.post.commentCount || 0) + 1; // 更新帖子评论数
|
|
|
|
|
|
|
|
console.log("评论成功:", commentObj);
|
|
|
|
}else {
|
|
|
|
}else {
|
|
|
|
console.error("评论失败:", res);
|
|
|
|
console.error("评论失败:", res);
|
|
|
|
ElMessage.error(res.message || '评论失败');
|
|
|
|
ElMessage.error(res.message || '评论失败');
|
|
|
|
|
