-
- 수정 정보
-
-
-
{{ logData.updateDate }}
-
[{{ logData.updater }}] 프로젝트 수정
-
+
+
{{ logData.updateDate }}
+
[{{ logData.updater }}] 프로젝트 수정
diff --git a/src/components/list/ProjectCardList.vue b/src/components/list/ProjectCardList.vue
deleted file mode 100644
index 6f65d9f..0000000
--- a/src/components/list/ProjectCardList.vue
+++ /dev/null
@@ -1,190 +0,0 @@
-
-
-
-
-
-
-
- 프로젝트 수정
-
-
-
- Close
- Save
-
-
-
-
-
diff --git a/src/components/projectlist/ProjectList.vue b/src/components/projectlist/ProjectList.vue
index 812fc9c..4975995 100644
--- a/src/components/projectlist/ProjectList.vue
+++ b/src/components/projectlist/ProjectList.vue
@@ -1,163 +1,365 @@
-
-
-
-
- 프로젝트 등록
-
-
-
- Close
- Save
-
-
+
+
+ 프로젝트 등록
+
+
+
+
+
+
+
+
+ 프로젝트 수정
+
+
+
+
+
diff --git a/src/components/user/FindPassword.vue b/src/components/user/FindPassword.vue
index c4e073a..0260908 100644
--- a/src/components/user/FindPassword.vue
+++ b/src/components/user/FindPassword.vue
@@ -40,10 +40,11 @@
@update:alert="pwhintResAlert = $event"
:value="pwhintRes"
/>
-
-
취소
-
확인
+
+
+
{{ userCheckMsg }}
@@ -73,7 +74,8 @@
{{ passwordcheckError }}
@@ -86,6 +88,8 @@
import { useToastStore } from '@s/toastStore';
import UserFormInput from '@c/input/UserFormInput.vue';
import FormSelect from '../input/FormSelect.vue';
+ import BackBtn from '@c/button/BackBtn.vue';
+ import SaveBtn from '../button/SaveBtn.vue';
const router = useRouter();
const toastStore = useToastStore();
@@ -94,6 +98,8 @@
const birth = ref('');
const pwhint = ref('');
const pwhintRes = ref('');
+ const userCheckMsg = ref("");
+ const pwErrMsg = ref("");
const idAlert = ref(false);
const birthAlert = ref(false);
@@ -108,15 +114,22 @@
const passwordcheckAlert = ref(false);
const passwordcheckErrorAlert = ref(false);
- const { pwhintList } = commonApi();
+ const { pwhintList } = commonApi({
+ loadPwhint: true,
+ });
const handleIdChange = value => {
id.value = value;
idAlert.value = false;
};
+ const handleback = () => {
+ router.push('/login');
+ }
+
// 아이디, 생년월일, 비밀번호 힌트, 답변이 일치하는 member 재설정 input 보이기
const handleSubmit = async () => {
+ userCheckMsg.value = '';
idAlert.value = id.value.trim() === '';
pwhintResAlert.value = pwhintRes.value.trim() === '';
birthAlert.value = birth.value.trim() === '';
@@ -135,7 +148,8 @@
if (response.status === 200 && response.data.data === true) {
resetForm.value = true;
} else {
- toastStore.onToast('일치하는 정보가 없습니다.', 'e');
+ userCheckMsg.value = '입력하신 정보와 일치하는 회원이 없습니다.';
+ return;
}
};
@@ -151,9 +165,10 @@
// 비밀번호 업데이트
const handleNewPassword = async () => {
+ pwErrMsg.value = '';
passwordAlert.value = password.value.trim() === '';
passwordcheckAlert.value = passwordcheck.value.trim() === '';
-
+ checkPw();
if (passwordAlert.value || passwordcheckAlert.value || passwordcheckErrorAlert.value) {
return;
}
@@ -164,7 +179,7 @@
});
if (checkResponse.data.data === false) {
- toastStore.onToast('기존 비밀번호와 동일한 비밀번호로 변경할 수 없습니다.', 'e');
+ pwErrMsg.value = '기존 비밀번호와 동일한 비밀번호로 변경할 수 없습니다.';
return;
}
diff --git a/src/components/user/LoginForm.vue b/src/components/user/LoginForm.vue
index d176fed..90b4859 100644
--- a/src/components/user/LoginForm.vue
+++ b/src/components/user/LoginForm.vue
@@ -13,6 +13,7 @@
@@ -29,7 +30,6 @@
diff --git a/src/components/user/RegisterForm.vue b/src/components/user/RegisterForm.vue
index 1924e21..2953ea3 100644
--- a/src/components/user/RegisterForm.vue
+++ b/src/components/user/RegisterForm.vue
@@ -141,9 +141,11 @@
:is-alert="phoneAlert"
@update:data="phone = $event"
@update:alert="phoneAlert = $event"
+ @blur="checkPhoneDuplicate"
:maxlength="11"
:value="phone"
/>
+
{{ phoneError }}
취소
@@ -181,6 +183,7 @@
const detailAddress = ref('');
const postcode = ref(''); // 우편번호
const phone = ref('');
+ const phoneError = ref('');
const color = ref(''); // 선택된 color
const mbti = ref(''); // 선택된 MBTI
const pwhint = ref(''); // 선택된 pwhint
@@ -196,6 +199,7 @@
const birthAlert = ref(false);
const addressAlert = ref(false);
const phoneAlert = ref(false);
+ const phoneErrorAlert = ref(false);
const toastStore = useToastStore();
@@ -251,6 +255,19 @@
}
};
+ // 전화번호 중복체크
+ const checkPhoneDuplicate = async () => {
+ const response = await $api.get(`/user/checkPhone?memberTel=${phone.value}`);
+
+ if (!response.data.data) {
+ phoneErrorAlert.value = true;
+ phoneError.value = '이미 사용 중인 전화번호입니다.';
+ } else {
+ phoneErrorAlert.value = false;
+ phoneError.value = '';
+ }
+ };
+
// 컬러, mbti, 비밀번호 힌트 목록 불러오기
const { colorList, mbtiList, pwhintList } = commonApi({
loadColor: true, colorType: 'YON',
@@ -298,7 +315,7 @@
}
if (profilAlert.value || idAlert.value || idErrorAlert.value || passwordAlert.value || passwordcheckAlert.value ||
- passwordcheckErrorAlert.value || pwhintResAlert.value || nameAlert.value || birthAlert.value || addressAlert.value || phoneAlert.value) {
+ passwordcheckErrorAlert.value || pwhintResAlert.value || nameAlert.value || birthAlert.value || addressAlert.value || phoneAlert.value || phoneErrorAlert.value) {
return;
}
diff --git a/src/components/user/UserList.vue b/src/components/user/UserList.vue
index c5a1779..27f81e6 100644
--- a/src/components/user/UserList.vue
+++ b/src/components/user/UserList.vue
@@ -5,7 +5,7 @@
:key="index"
class="avatar pull-up"
:class="{ 'opacity-100': isUserDisabled(user) }"
- @click="toggleDisable(index)"
+ @click.stop="toggleDisable(index)"
data-bs-toggle="tooltip"
data-popup="tooltip-custom"
data-bs-placement="top"
@@ -17,6 +17,7 @@
:class="{ 'grayscaleImg': isUserDisabled(user) }"
:src="`${baseUrl}upload/img/profile/${user.MEMBERPRF}`"
:style="`border-color: ${user.usercolor} !important;`"
+ @error="$event.target.src = '/img/icons/icon.png'"
alt="user"
/>
diff --git a/src/layouts/NormalLayout.vue b/src/layouts/NormalLayout.vue
index e6af2d8..bdf1271 100644
--- a/src/layouts/NormalLayout.vue
+++ b/src/layouts/NormalLayout.vue
@@ -38,17 +38,11 @@ const loadScript = src => {
script.type = 'text/javascript';
script.async = true;
document.body.appendChild(script);
- script.onload = () => {
- console.log(`${src} loaded successfully.`);
- };
- script.onerror = () => {
- console.error(`Failed to load script: ${src}`);
- };
};
nextTick(async () => {
await wait(200);
loadScript('/vendor/js/menu.js');
- loadScript('/js/main.js');
+ // loadScript('/js/main.js');
});
diff --git a/src/views/board/BoardView.vue b/src/views/board/BoardView.vue
index 2559318..b322fa4 100644
--- a/src/views/board/BoardView.vue
+++ b/src/views/board/BoardView.vue
@@ -5,22 +5,34 @@
@@ -86,13 +98,17 @@
profileName.value === '익명 사용자');
+const unknown = computed(() => profileName.value === '익명');
const currentUserId = ref('김자바'); // 현재 로그인한 사용자 id
const authorId = ref(null); // 작성자 id
const isAuthor = computed(() => currentUserId.value === authorId.value);
-const isEditTextarea = ref({});
+const password = ref('');
const passwordAlert = ref("");
+const passwordCommentAlert = ref("");
const isPassword = ref(false);
+const isCommentPassword = ref(false);
const lastClickedButton = ref("");
+const lastCommentClickedButton = ref("");
+const isEditTextarea = ref(false);
const pagination = ref({
currentPage: 1,
@@ -170,10 +190,10 @@ const fetchBoardDetails = async () => {
// API 응답 데이터 반영
// const boardDetail = data.boardDetail || {};
- profileName.value = data.author || '익명 사용자';
+ profileName.value = data.author || '익명';
// 익명확인하고 싶을때
- profileName.value = '익명 사용자';
+ // profileName.value = 'null;
// 게시글의 작성자 여부를 확인 : 현재 로그인한 사용자가 이 게시글의 작성자인지 여부
authorId.value = data.author;
@@ -195,15 +215,13 @@ const fetchBoardDetails = async () => {
// 좋아요, 싫어요
const handleUpdateReaction = async ({ boardId, commentId, isLike, isDislike }) => {
try {
- const aa = await axios.post(`/board/${boardId}/${commentId}/reaction`, {
+ await axios.post(`/board/${boardId}/${commentId}/reaction`, {
LOCBRDSEQ: boardId, // 게시글 id
LOCCMTSEQ: commentId, //댓글 id
// MEMBERSEQ: 1, // 멤버아이디 지금은 1 나중에 수정해야함
LOCGOBGOD: isLike ? 'T' : 'F',
LOCGOBBAD: isDislike ? 'T' : 'F'
});
- console.log("좋아요 API 응답 데이터:", aa.data);
-
const response = await axios.get(`board/${boardId}`);
const updatedData = response.data.data;
@@ -215,52 +233,92 @@ const handleUpdateReaction = async ({ boardId, commentId, isLike, isDislike }) =
dislikeClicked.value = isDislike;
// console.log(updatedData)
+ // console.log("갱신된 데이터:", updatedData);
+
} catch (error) {
alert('반응을 업데이트하는 중 오류 발생');
}
};
-// 댓글 목록 조회
+
+// 대댓글 좋아요
+const handleCommentReaction = async ({ boardId, commentId, isLike, isDislike }) => {
+ if (!commentId) return; // 댓글 ID가 없으면 실행 안 함
+
+ try {
+ const response = await axios.post(`/board/${boardId}/${commentId}/reaction`, {
+ LOCBRDSEQ: boardId, // 게시글 ID
+ LOCCMTSEQ: commentId, // 댓글 ID
+ LOCGOBGOD: isLike ? 'T' : 'F',
+ LOCGOBBAD: isDislike ? 'T' : 'F'
+ });
+
+ // console.log("댓글 좋아요 API 응답 데이터:", response.data);
+
+ await fetchComments();
+
+ } catch (error) {
+ alert('댓글 반응을 업데이트하는 중 오류 발생');
+ }
+};
+
+// 댓글 목록 조회 (대댓글 포함)
const fetchComments = async (page = 1) => {
try {
+ // 댓글
const response = await axios.get(`board/${currentBoardId.value}/comments`, {
params: {
LOCBRDSEQ: currentBoardId.value,
page
}
});
- console.log("목록 API 응답 데이터:", response.data);
- let allComments = response.data.data.list.map(comment => ({
- commentId: comment.LOCCMTSEQ, // 댓글 id
+ const commentsList = response.data.data.list.map(comment => ({
+ commentId: comment.LOCCMTSEQ, // 댓글 ID
boardId: comment.LOCBRDSEQ,
- parentId: comment.LOCCMTPNT, // 부모 id
- author: comment.author || "익명 사용자", // 작성자
- content: comment.LOCCMTRPY, // 댓글 내용
- createdAt: formattedDate(comment.LOCCMTRDT), // 생성 날짜
- children: []
+ parentId: comment.LOCCMTPNT, // 부모 ID
+ author: comment.author || '익명',
+ content: comment.LOCCMTRPY,
+ likeCount: comment.likeCount || 0,
+ dislikeCount: comment.dislikeCount || 0,
+ likeClicked: comment.likeClicked || false,
+ dislikeClicked: comment.dislikeClicked || false,
+ createdAtRaw: new Date(comment.LOCCMTRDT), // 정렬용
+ createdAt: formattedDate(comment.LOCCMTRDT), // 표시용
+ children: [], // 대댓글을 담을 배열
+ // isCommentPassword: false, // 개별 댓글 비밀번호 입력 상태
+ // isEditTextarea: false // 개별 댓글 수정 상태
}));
- allComments.sort((a, b) => b.commentId - a.commentId);
+ for (const comment of commentsList) {
+ if (!comment.commentId) continue;
- let commentMap = {};
- let rootComments = [];
+ const replyResponse = await axios.get(`board/${currentBoardId.value}/reply`, {
+ params: { LOCCMTPNT: comment.commentId }
+ });
- allComments.forEach(comment => {
- commentMap[comment.commentId] = comment;
- });
+ // console.log(`대댓글 데이터 (${comment.commentId}의 대댓글):`, replyResponse.data);
- allComments.forEach(comment => {
- if (comment.parentId && commentMap[comment.parentId]) {
- commentMap[comment.parentId].children.push(comment);
+ if (replyResponse.data.data) {
+ comment.children = replyResponse.data.data.map(reply => ({
+ commentId: reply.LOCCMTSEQ,
+ boardId: reply.LOCBRDSEQ,
+ parentId: reply.LOCCMTPNT, // 부모 댓글 ID
+ content: reply.LOCCMTRPY || "내용 없음",
+ createdAtRaw: new Date(reply.LOCCMTRDT),
+ createdAt: formattedDate(reply.LOCCMTRDT),
+ likeCount: reply.likeCount || 0,
+ dislikeCount: reply.dislikeCount || 0,
+ likeClicked: false,
+ dislikeClicked: false
+ }));
} else {
- rootComments.push(comment);
+ comment.children = []; // 대댓글이 없으면 빈 배열로 초기화
}
- });
+ }
- comments.value = rootComments;
-
- // console.log("변환된 comments 데이터:", comments.value);
+ // 최종적으로 댓글 목록 업데이트
+ comments.value = commentsList;
pagination.value = {
...pagination.value,
@@ -278,51 +336,93 @@ const fetchComments = async (page = 1) => {
navigateLastPage: response.data.data.navigateLastPage // 페이지네이션에서 마지막 페이지 번호
};
+ // console.log("📌 댓글 목록:", comments.value);
+
+
} catch (error) {
- console.error('댓글 목록 불러오기 오류:', error);
+ console.log('댓글 목록 불러오기 오류:', error);
}
};
-
+const isSubmitting = ref(false);
// 댓글 작성
const handleCommentSubmit = async ({ comment, password }) => {
+ // if (unknown.value && !password) {
+ // passwordAlert.value = "익명 사용자는 비밀번호를 입력해야 합니다."; // UI에 메시지 표시
+ // return;
+ // }
+ // if (!password) {
+ // passwordAlert.value = "비밀번호를 입력해야 합니다."; // UI에서 경고 표시
+ // return;
+ // }
+
+ // 중복 실행 방지
+ if (isSubmitting.value) return;
+ isSubmitting.value = true;
+
try {
const response = await axios.post(`board/${currentBoardId.value}/comment`, {
LOCBRDSEQ: currentBoardId.value,
LOCCMTRPY: comment,
- LOCCMTPWD: password || null,
+ LOCCMTPWD: password,
LOCCMTPNT: 1
});
- // console.log('📥 서버 응답 전체:', response.data);
if (response.status === 200) {
- console.log('댓글 작성 성공:', response.data.message);
+ // console.log('댓글 작성 성공:', response.data.message);
await fetchComments();
} else {
- console.error('댓글 작성 실패:', response.data.message);
+ console.log('댓글 작성 실패:', response.data.message);
}
} catch (error) {
- console.error('댓글 작성 중 오류 발생:', error);
+ console.log('댓글 작성 중 오류 발생:', error);
}
};
-const handleCommentReply = async (reply) => {
- const response = await axios.post(`board/${currentBoardId.value}/comment`, {
- LOCBRDSEQ: currentBoardId.value,
- LOCCMTRPY: reply.comment,
- LOCCMTPWD: reply.password || null,
- LOCCMTPNT: reply.parentId
- });
- if (response.status === 200) {
- console.log('대댓글 작성 성공:', response.data.message);
- await fetchComments();
- } else {
- console.error('대댓글 작성 실패:', response.data.message);
+// 대댓글 추가 (부모 `BoardCommentList`로부터 이벤트 받아서 처리)
+const handleCommentReply = async (reply) => {
+ try {
+ // console.log('대댓글 작성 요청 데이터:', {
+ // LOCBRDSEQ: currentBoardId.value,
+ // LOCCMTRPY: reply.comment,
+ // LOCCMTPWD: reply.password || null,
+ // LOCCMTPNT: reply.parentId
+ // });
+
+ const response = await axios.post(`board/${currentBoardId.value}/comment`, {
+ LOCBRDSEQ: currentBoardId.value,
+ LOCCMTRPY: reply.comment,
+ LOCCMTPWD: reply.password || null,
+ LOCCMTPNT: reply.parentId
+ });
+
+ // 응답 데이터를 자세히 로그로 확인
+ // console.log('대댓글 작성 응답:', {
+ // status: response.status,
+ // data: response.data,
+ // headers: response.headers
+ // });
+
+ if (response.status === 200) {
+ if (response.data.code === 200) { // 서버 응답 코드도 확인
+ console.log('대댓글 작성 성공:', response.data);
+ await fetchComments(); // 댓글 목록 새로고침
+ } else {
+ console.log('대댓글 작성 실패 - 서버 응답:', response.data);
+ alert('대댓글 작성에 실패했습니다.');
+ }
+ }
+ } catch (error) {
+ console.error('대댓글 작성 중 오류 발생:', error);
+ if (error.response) {
+ console.error('서버 응답 에러:', error.response.data);
+ }
+ alert('대댓글 작성 중 오류가 발생했습니다.');
}
}
+// 게시글 수정 버튼 클릭
const editClick = (unknown) => {
-
if (unknown) {
togglePassword("edit");
} else {
@@ -330,6 +430,7 @@ const editClick = (unknown) => {
}
};
+// 게시글 삭제 버튼 클릭
const deleteClick = (unknown) => {
if (unknown) {
togglePassword("delete");
@@ -338,6 +439,64 @@ const deleteClick = (unknown) => {
}
};
+// 댓글 수정 버튼 클릭(대댓글 포함)
+const editComment = (comment) => {
+ if (comment.isEditTextarea) {
+ // 이미 수정창이 열려 있으면 닫기
+ comment.isEditTextarea = false;
+ return;
+ }
+
+ if (unknown.value) {
+ toggleCommentPassword(comment, "edit");
+ } else {
+ comment.isEditTextarea = true;
+ }
+
+ // comments.value.forEach(c => {
+ // c.isEditTextarea = false;
+ // c.isCommentPassword = false;
+ // });
+
+ // if (comment.unknown) {
+ // comment.isCommentPassword = true;
+ // } else {
+ // comment.isEditTextarea = true;
+ // }
+}
+
+// 댓글 삭제 버튼 클릭(대댓글 포함)
+const deleteComment = (comment) => {
+ if (unknown.value) {
+ if (comment.isEditTextarea) {
+ // 현재 수정 중이라면 수정 모드를 끄고, 삭제 비밀번호 입력창을 띄움
+ comment.isEditTextarea = false;
+ comment.isCommentPassword = true;
+ } else {
+ // 수정 중이 아니면 기존의 삭제 비밀번호 입력창을 띄우는 로직 실행
+ toggleCommentPassword(comment, "delete");
+ }
+ } else {
+ // 로그인 사용자 바로 삭제
+ comments.value = comments.value.filter(c => c.commentId !== comment.commentId);
+ }
+};
+
+// 익명 비밀번호 창 토글
+const toggleCommentPassword = (comment, button) => {
+ if (lastCommentClickedButton.value === button && comment.isCommentPassword) {
+ comment.isCommentPassword = false;
+ } else {
+ // 모든 댓글의 비밀번호 입력창 닫기
+ comments.value.forEach(c => (c.isCommentPassword = false));
+
+ // 현재 선택된 댓글만 비밀번호 입력창 열기
+ comment.isCommentPassword = true;
+ }
+
+ lastCommentClickedButton.value = button;
+};
+
const togglePassword = (button) => {
if (lastClickedButton.value === button) {
isPassword.value = !isPassword.value;
@@ -347,25 +506,23 @@ const togglePassword = (button) => {
lastClickedButton.value = button;
};
-
-const submitPassword = async (inputPassword) => {
- console.log(inputPassword)
- if (!inputPassword) {
+// 게시글 비밀번호 제출
+const submitPassword = async () => {
+ if (!password.value) {
passwordAlert.value = "비밀번호를 입력해주세요.";
return;
}
+ // console.log("📌 요청 시작: submitPassword 실행됨");
try {
- const requestData = {
- LOCBRDPWD: inputPassword,
- LOCBRDSEQ: 288
- };
+ const response = await axios.post(`board/${currentBoardId.value}/password`, {
+ LOCBRDPWD: password.value,
+ LOCBRDSEQ: 288, // 나중에 현재 게시글 ID 사용해야함
+ });
- const postResponse = await axios.post(`board/${currentBoardId.value}/password`, requestData);
-
- if (postResponse.data.code === 200 && postResponse.data.data === true) {
+ if (response.data.code === 200 && response.data.data === true) {
+ password.value = '';
isPassword.value = false;
- passwordAlert.value = "";
if (lastClickedButton.value === "edit") {
router.push({ name: "BoardEdit", params: { id: currentBoardId.value } });
@@ -374,19 +531,58 @@ const submitPassword = async (inputPassword) => {
}
lastClickedButton.value = null;
} else {
- passwordAlert.value = "비밀번호가 일치하지 않습니다.";
+ passwordAlert.value = "비밀번호가 일치하지 않습니다.????";
}
} catch (error) {
- if (error.response && error.response.status === 401) {
- passwordAlert.value = "비밀번호가 일치하지 않습니다.";
- } else if (error.response) {
- alert(`오류 발생: ${error.response.data.message || "서버 오류"}`);
+ // console.log("📌 전체 오류:", error);
+
+ if (error.response) {
+ if (error.response.status === 401) {
+ passwordAlert.value = "비밀번호가 일치하지 않습니다.";
+ } else {
+ passwordAlert.value = error.response.data?.message || "서버 오류가 발생했습니다.";
+ }
+ } else if (error.request) {
+ passwordAlert.value = "네트워크 오류가 발생했습니다. 다시 시도해주세요.";
} else {
- alert("네트워크 오류가 발생했습니다. 다시 시도해주세요.");
+ passwordAlert.value = "요청 중 알 수 없는 오류가 발생했습니다.";
}
}
};
+// 댓글 삭제 (비밀번호 확인 후)
+const submitCommentPassword = async (comment, password) => {
+ if (!password) {
+ passwordCommentAlert.value = "비밀번호를 입력해주세요.";
+ return;
+ }
+
+ try {
+ const response = await axios.post(`board/comment/${comment.commentId}/password`, {
+ LOCCMTPWD: password,
+ LOCCMTSEQ: comment.commentId,
+ });
+
+ if (response.data.code === 200 && response.data.data === true) {
+ comment.isCommentPassword = false;
+
+ if (lastCommentClickedButton.value === "edit") {
+ comment.isEditTextarea = true;
+ // handleSubmitEdit(comment, comment.content);
+ } else if (lastCommentClickedButton.value === "delete") {
+
+ deleteReplyComment(comment)
+ }
+ lastCommentClickedButton.value = null;
+ } else {
+ passwordCommentAlert.value = "비밀번호가 일치하지 않습니다.";
+ }
+ } catch (error) {
+ passwordCommentAlert.value = "비밀번호가 일치하지 않습니다";
+ }
+};
+
+// 게시글 삭제
const deletePost = async () => {
if (confirm("정말 삭제하시겠습니까?")) {
try {
@@ -410,6 +606,53 @@ const deletePost = async () => {
}
};
+// 댓글 삭제 (대댓글 포함)
+const deleteReplyComment = async (comment) => {
+ if (!confirm("정말 이 댓글을 삭제하시겠습니까?")) return;
+ // console.log("댓글 ID:", comment);
+
+ try {
+ const response = await axios.delete(`board/comment/${comment.commentId}`, {
+ data: { LOCCMTSEQ: comment.commentId }
+ });
+
+ // console.log("서버 응답:", response.data);
+
+ if (response.data.code === 200) {
+ // console.log("댓글 삭제 성공!");
+ await fetchComments();
+ } else {
+ // console.log("댓글 삭제 실패:", response.data.message);
+ alert("댓글 삭제에 실패했습니다.");
+ }
+ } catch (error) {
+ console.log("댓글 삭제 중 오류 발생:", error);
+ alert("댓글 삭제 중 오류가 발생했습니다.");
+ }
+};
+
+// 댓글 수정 확인 (대댓글 포함)
+const handleSubmitEdit = async (comment, editedContent) => {
+ try {
+ const response = await axios.put(`board/comment/${comment.commentId}`, {
+ LOCCMTSEQ: comment.commentId,
+ LOCCMTRPY: editedContent
+ });
+
+ // 수정 성공 시 업데이트
+ comment.content = editedContent;
+ comment.isEditTextarea = false;
+ } catch (error) {
+ console.error("댓글 수정 중 오류 발생:", error);
+ }
+};
+
+// 댓글 수정 취소 (대댓글 포함)
+const handleCancelEdit = (comment) => {
+ console.log("BoardView.vue - 댓글 수정 취소:", comment);
+ comment.isEditTextarea = false;
+};
+
// 페이지 변경
const handlePageChange = (page) => {
if (page !== pagination.value.currentPage) {
@@ -418,6 +661,10 @@ const handlePageChange = (page) => {
}
};
+const handleCommentDeleted = (deletedCommentId) => {
+ comments.value = comments.value.filter(comment => comment.commentId !== deletedCommentId);
+};
+
// 날짜
const formattedDate = (dateString) => {
if (!dateString) return "날짜 없음";
diff --git a/src/views/commuters/TheCommuters.vue b/src/views/commuters/TheCommuters.vue
new file mode 100644
index 0000000..545eca1
--- /dev/null
+++ b/src/views/commuters/TheCommuters.vue
@@ -0,0 +1,9 @@
+
+
+
+
diff --git a/src/views/vacation/VacationManagement.vue b/src/views/vacation/VacationManagement.vue
index 2412d73..4ffa1f8 100644
--- a/src/views/vacation/VacationManagement.vue
+++ b/src/views/vacation/VacationManagement.vue
@@ -1,117 +1,148 @@
-
+
-
+
-
-
+
+
-
+
+ />
+
-
-
+
+
+
-
-// 컴포넌트 마운트 시 현재 달의 데이터 로드
-onMounted(async () => {
-await fetchUserList(); // 사용자 목록 먼저 불러오기
-await fetchVacationCodes();
-const today = new Date();
-const year = today.getFullYear();
-const month = String(today.getMonth() + 1).padStart(2, "0");
-await loadCalendarData(year, month);
-});
-
-
-
+