diff --git a/src/components/main/MemberManagement.vue b/src/components/main/MemberManagement.vue index f4ffeb5..a521159 100644 --- a/src/components/main/MemberManagement.vue +++ b/src/components/main/MemberManagement.vue @@ -50,14 +50,15 @@ @@ -76,30 +77,37 @@ import $api from '@api'; const memberList = ref([]); - const checked = ref(false); const toast = useToastStore(); const imgURL = import.meta.env.VITE_SERVER_IMG_URL; // 조회 api const fetchRegisterMemberList = async () => { const { data } = await $api.get('main/registerMemberList'); - if (data?.data) memberList.value = data.data; + if (data?.data) { + memberList.value = data.data.map(member => ({ + ...member, + checked: false, // 각 항목에 checked 값 설정 + })); + } }; // 사원 등록 api - const handleRegisterMember = async memberSeq => { - const { data } = await $api.post('main/registerMember', { memberSeq: memberSeq }); + const handleRegisterMember = async (e, member) => { + e.preventDefault(); + + const { data } = await $api.post('main/registerMember', { memberSeq: member.MEMBERSEQ }); if (data?.data) { + member.checked = true; toast.onToast(data.data, 's'); fetchRegisterMemberList(); } }; // 사원 등록 미승인 api - const handleRejectMember = async memberSeq => { + const handleRejectMember = async member => { if (!confirm('해당 사원 등록을 거절하시겠습니까?')) return; - const { data } = await $api.post('main/rejectMember', { memberSeq: memberSeq }); + const { data } = await $api.post('main/rejectMember', { memberSeq: member.MEMBERSEQ }); if (data?.data) { toast.onToast(data.data, 's'); fetchRegisterMemberList();