localnet/localhost-front
10
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

board-view-content 머지

Browse Source
This commit is contained in:
dyhj625 2025-02-10 14:00:30 +09:00
parent 8427dce4cc
commit fee7b52384
3 changed files with 43 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/components/button/BoardRecommendBtn.vue
View File

@ -62,28 +62,17 @@ watch(() => props.dislikeCount, (newVal) => {
});
const handleLike = () => {
// console.log('adadasd')
// likeClicked.value = !likeClicked.value;
// likeCount.value += likeClicked.value ? 1 : -1;
emit('updateReaction', { type: 'like', boardId: props.boardId, commentId: props.commentId });
// if(likeClicked.value === true){
// if(dislikeClicked.value === true) {
// dislikeClicked.value = false;
// dislikeCount.value += -1
// }
// }
console.log('좋아요',likeCount.value)
// emit('updateReaction', { type: 'like', boardId: props.boardId, commentId: props.commentId });
// likeClicked.value = true;
emit('updateReaction', { boardId: props.boardId, commentId: props.commentId, isLike: true, isDislike: false });
};
const handleDislike = () => {
// dislikeClicked.value = !dislikeClicked.value;
// dislikeCount.value += dislikeClicked.value ? 1 : -1;
emit('updateReaction', { type: 'dislike', boardId: props.boardId, commentId: props.commentId });
// if(dislikeClicked.value === true){
// if(likeClicked.value === true) {
// likeClicked.value = false;
// likeCount.value += -1
// }
// }
console.log('싫어요')
// emit('updateReaction', { type: 'dislike', boardId: props.boardId, commentId: props.commentId });
// dislikeClicked.value = true;
emit('updateReaction', { boardId: props.boardId, commentId: props.commentId, isLike: false, isDislike: true });
};
</script>

2
src/views/board/BoardList.vue
View File

@ -191,7 +191,7 @@ const fetchGeneralPosts = async (page = 1) => {
generalList.value = data.data.list.map((post, index) => ({
id: totalPosts - ((page - 1) * selectedSize.value) - index,
title: post.title,
title: post.title,
author: post.author || '익명',
date: formatDate(post.date), // 날짜 변환 적용
views: post.cnt || 0,

64
src/views/board/BoardView.vue
View File

@ -24,7 +24,7 @@
</div>
<!-- 첨부파일 섹션 -->
<div v-if="attachments" class="btn-group">
<div v-if="attachment" class="btn-group">
<button type="button" class="btn btn-label-secondary dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
<i class="fa-solid fa-download me-2"></i>
첨부파일
@ -51,6 +51,8 @@
:commentId="null"
:likeCount="likes"
:dislikeCount="dislikes"
:likeClicked="likeClicked"
:dislikeClicked="dislikeClicked"
@updateReaction="handleUpdateReaction"
/>
</div>
@ -95,7 +97,6 @@ import axios from '@api';
const profileName = ref('익명 사용자');
const boardTitle = ref('제목 없음');
const boardContent = ref('');
const attachments = ref([]);
const date = ref('');
const views = ref(0);
const likes = ref(0);
@ -107,7 +108,6 @@ const attachment = ref(false);
// 라우트에서 ID 가져오기
const route = useRoute();
const router = useRouter();
const currentBoardId = ref(Number(route.params.id));
// 글 수정 페이지로 이동
@ -124,8 +124,6 @@ const fetchBoardDetails = async () => {
// API 응답 데이터 반영
// const boardDetail = data.boardDetail || {};
// console.log('API Response:', response.data);
profileName.value = data.author || '익명 사용자';
boardTitle.value = data.title || '제목 없음';
boardContent.value = data.content || '';
@ -135,42 +133,47 @@ const fetchBoardDetails = async () => {
dislikes.value = data.dislikeCount || 0;
attachment.value = data.hasAttachment || null;
comments.value = data.commentCount || 0;
// const response2 = await axios.post(`board/${currentBoardId.value}/password`);
// console.log(response2)
} catch (error) {
alert('게시물 데이터를 불러오는 중 오류가 발생했습니다.');
}
};
// 좋아요, 싫어요
const handleUpdateReaction = async ({ type, boardId, commentId }) => {
const handleUpdateReaction = async ({ boardId, commentId, isLike, isDislike }) => {
// console.log(type, boardId)
try {
//이거 왜 한건지 찾아보자
const response = await axios.post(`/board/${boardId}/${commentId}/reaction`, { type });
// console.log('API 응답:', response.data);
// console.log(commentId)
const requestData = {
LOCBRDSEQ: boardId,
LOCCMTSEQ: commentId,
MEMBERSEQ: 1, // 멤버아이디 지금은 1 나중에 수정해야함
LOCGOBGOD: isLike ? 'T' : 'F',
LOCGOBBAD: isDislike ? 'T' : 'F'
};
if (response.data.code === 200) {
if (type === 'like') {
likeClicked.value = !likeClicked.value;
likes.value += likeClicked.value ? 1 : -1;
} else if (type === 'dislike') {
dislikeClicked.value = !dislikeClicked.value;
dislikes.value += dislikeClicked.value ? 1 : -1;
}
} else {
alert('반응 업데이트 실패');
}
// likes.value = response.data.likeCount;
// dislikes.value = response.data.dislikeCount;
console.log(requestData)
// if (type === 'like') {
// likeClicked.value = !likeClicked.value;
// console.log('aaaa' ,response.data)
const postResponse = await axios.post(`/board/${boardId}/${commentId}/reaction`, requestData);
// await axios.post(`board/${boardId}/${commentId}/reaction`, { type });
const response = await axios.get(`board/${boardId}`);
const updatedData = response.data.data;
console.log('post요청 결과:', postResponse.data);
console.log('get요청 결과(좋아요):', response.data.data.likeCount);
likes.value = updatedData.likeCount;
dislikes.value = updatedData.dislikeCount;
likeClicked.value = isLike;
dislikeClicked.value = isDislike;
console.log('반응 결과:', postResponse.data);
// } else if (type === 'dislike') {
// console.log('싫어')
// }
} catch (error) {
alert('반응을 업데이트하는 중 오류 발생');
}
@ -182,6 +185,7 @@ const formattedBoardDate = computed(() => {
return `${dateObj.getFullYear()}-${String(dateObj.getMonth() + 1).padStart(2, '0')}-${String(dateObj.getDate()).padStart(2, '0')} ${String(dateObj.getHours()).padStart(2, '0')}:${String(dateObj.getMinutes()).padStart(2, '0')}`;
});
// 컴포넌트 마운트 시 데이터 로드
onMounted(() => {
fetchBoardDetails();