From cca27b958312dbe77b6d64a79ba530f8c933ce98 Mon Sep 17 00:00:00 2001
From: nevermoregb <nevermoregb@local-host.co.kr>
Date: Thu, 10 Apr 2025 23:24:02 +0900
Subject: [PATCH] =?UTF-8?q?=EC=82=AC=EC=9B=90=EB=93=B1=EB=A1=9D=20?=
 =?UTF-8?q?=EC=8B=A4=ED=8C=A8=EC=8B=9C=20=ED=86=A0=EA=B8=80=EB=A6=AC?=
 =?UTF-8?q?=EC=85=8B=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/main/MemberManagement.vue | 26 ++++++++++++++++--------
 1 file changed, 17 insertions(+), 9 deletions(-)

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 @@
                                             <label class="switch"
                                                 ><input
                                                     type="checkbox"
-                                                    :checked="checked"
-                                                    @change="handleRegisterMember(member.MEMBERSEQ)" /><span class="slider round"></span
+                                                    :checked="member.checked"
+                                                    @click="handleRegisterMember($event, member)" />
+                                                <span class="slider round"></span
                                             ></label>
                                         </div>
                                         <button
                                             class="btn-close btn-close-sm"
                                             style="position: absolute; top: 10px; right: 10px"
-                                            @click="handleRejectMember(member.MEMBERSEQ)"
+                                            @click="handleRejectMember(member)"
                                         ></button>
                                     </div>
                                 </div>
@@ -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();