diff --git a/珞珈岛-项目相关文件/luojia-island/vue-frontend/src/stores/postdetail.js b/珞珈岛-项目相关文件/luojia-island/vue-frontend/src/stores/postdetail.js index 110a493..da07d51 100644 --- a/珞珈岛-项目相关文件/luojia-island/vue-frontend/src/stores/postdetail.js +++ b/珞珈岛-项目相关文件/luojia-island/vue-frontend/src/stores/postdetail.js @@ -2,20 +2,6 @@ import { defineStore } from "pinia"; import request from "@/utils/request"; import { ElMessage } from "element-plus"; -// 递归删除子评论的工具函数 -function removeReply(list, commentId) { - for (let i = 0; i < list.length; i++) { - if (list[i].id === commentId) { - list.splice(i, 1); - return true; - } - if (list[i].replies && list[i].replies.length > 0) { - if (removeReply(list[i].replies, commentId)) return true; - } - } - return false; -} - export const usePostDetailStore = defineStore("postDetail", { state: () => ({ post: null, // 帖子主要信息 @@ -244,16 +230,34 @@ export const usePostDetailStore = defineStore("postDetail", { } }, // 删除评论或回复 - async deleteComment(commentId, parentCommentId = null) { + async deleteComment(commentObj) { try { + const commentId = commentObj.id; + const topId = commentObj.topId; const res = await request.delete('/comment', { params: { id: commentId} }); if (res.code === 200) { // 一级评论 - if (!parentCommentId) { - this.comments = this.comments.filter(c => c.id !== commentId); + if (commentObj.id === commentObj.topId) { + // 删除一级评论及其所有回复 + const idx = this.comments.findIndex(c => c.id === commentId); + if (idx !== -1) { + const comment = this.comments[idx]; + // 总评论数 -= replyCount + if (this.post && this.post.commentCount > 0) { + this.post.commentCount -= (comment.replyCount || 0); + if (this.post.commentCount < 0) this.post.commentCount = 0; + } + this.comments.splice(idx, 1); + } } else { - // 回复评论,递归删除 - removeReply(this.comments,commentId); + const topComment = this.comments.find(c => c.id === topId); + if (topComment) { + const replyIdx = topComment.replies.findIndex(r => r.id === commentId); + if (replyIdx !== -1) { + topComment.replies.splice(replyIdx, 1); + if (topComment.replyCount > 0) topComment.replyCount--; + } + } } // 更新评论数 if (this.post && this.post.commentCount > 0) { diff --git a/珞珈岛-项目相关文件/luojia-island/vue-frontend/src/views/PostDetail.vue b/珞珈岛-项目相关文件/luojia-island/vue-frontend/src/views/PostDetail.vue index 1f0bbbf..467e4a0 100644 --- a/珞珈岛-项目相关文件/luojia-island/vue-frontend/src/views/PostDetail.vue +++ b/珞珈岛-项目相关文件/luojia-island/vue-frontend/src/views/PostDetail.vue @@ -86,7 +86,7 @@ @@ -201,7 +201,7 @@ const sendComment = () => { } }; -function handleDelete(comment, parentCommentId = null) { +function handleDelete(comment) { ElMessageBox.confirm( '确定要删除这条评论吗?', '提示', @@ -211,7 +211,7 @@ function handleDelete(comment, parentCommentId = null) { type: 'warning', } ).then(() => { - postDetailStore.deleteComment(comment.id, parentCommentId); + postDetailStore.deleteComment(comment); }).catch(() => {}); } // 监听 postDetailStore.post 加载完成后再允许滚动加载评论