hookehuyr

fix(评论弹窗): 修复评论总数未实时更新的问题

在提交评论和打开评论弹窗时,确保评论总数实时更新,以保持UI与数据一致性
......@@ -86,7 +86,7 @@
<div class="flex flex-col h-full">
<!-- 固定头部 -->
<div class="flex-none px-4 py-3 border-b bg-white sticky top-0 z-10">
<div class="text-lg font-medium">全部评论 ({{ popupCommentList.length }})</div>
<div class="text-lg font-medium">全部评论 ({{ commentCount }})</div>
</div>
<!-- 可滚动的评论列表 -->
......@@ -445,6 +445,15 @@ const submitPopupComment = async () => {
// 更新评论数量和清空输入
commentCount.value = data.comment_count;
// 更新弹框标题中的评论总数
const comment = await getGroupCommentListAPI({
group_id: course.value.group_id,
schedule_id: course.value.id
});
if (comment.code) {
commentList.value = comment.data.comment_list;
commentCount.value = comment.data.comment_count;
}
popupComment.value = '';
}
} catch (error) {
......@@ -452,13 +461,24 @@ const submitPopupComment = async () => {
}
};
// 监听弹窗显示状态变化
watch(showCommentPopup, (newVal) => {
watch(showCommentPopup, async (newVal) => {
if (newVal) {
// 打开弹窗时重置状态
popupCommentList.value = [];
popupPage.value = 0;
popupFinished.value = false;
popupLoading.value = true;
// 获取最新的评论总数
const comment = await getGroupCommentListAPI({
group_id: course.value.group_id,
schedule_id: course.value.id
});
if (comment.code) {
commentList.value = comment.data.comment_list;
commentCount.value = comment.data.comment_count;
}
// 加载第一页数据
onPopupLoad();
}
......