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

사원등록 실패시 토글리셋 수정

Browse Source
This commit is contained in:
nevermoregb 2025-04-10 23:24:02 +09:00
parent 3d147076ef
commit cca27b9583
1 changed files with 17 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/main/MemberManagement.vue
View File

@ -50,14 +50,15 @@
<label class="switch" <label class="switch"
><input ><input
type="checkbox" type="checkbox"
:checked="checked" :checked="member.checked"
@change="handleRegisterMember(member.MEMBERSEQ)" /><span class="slider round"></span @click="handleRegisterMember($event, member)" />
<span class="slider round"></span
></label> ></label>
</div> </div>
<button <button
class="btn-close btn-close-sm" class="btn-close btn-close-sm"
style="position: absolute; top: 10px; right: 10px" style="position: absolute; top: 10px; right: 10px"
@click="handleRejectMember(member.MEMBERSEQ)" @click="handleRejectMember(member)"
></button> ></button>
</div> </div>
</div> </div>
@ -76,30 +77,37 @@
import $api from '@api'; import $api from '@api';
const memberList = ref([]); const memberList = ref([]);
const checked = ref(false);
const toast = useToastStore(); const toast = useToastStore();
const imgURL = import.meta.env.VITE_SERVER_IMG_URL; const imgURL = import.meta.env.VITE_SERVER_IMG_URL;
// 조회 api // 조회 api
const fetchRegisterMemberList = async () => { const fetchRegisterMemberList = async () => {
const { data } = await $api.get('main/registerMemberList'); 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 // 사원 등록 api
const handleRegisterMember = async memberSeq => { const handleRegisterMember = async (e, member) => {
const { data } = await $api.post('main/registerMember', { memberSeq: memberSeq }); e.preventDefault();
const { data } = await $api.post('main/registerMember', { memberSeq: member.MEMBERSEQ });
if (data?.data) { if (data?.data) {
member.checked = true;
toast.onToast(data.data, 's'); toast.onToast(data.data, 's');
fetchRegisterMemberList(); fetchRegisterMemberList();
} }
}; };
// 사원 등록 미승인 api // 사원 등록 미승인 api
const handleRejectMember = async memberSeq => { const handleRejectMember = async member => {
if (!confirm('해당 사원 등록을 거절하시겠습니까?')) return; 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) { if (data?.data) {
toast.onToast(data.data, 's'); toast.onToast(data.data, 's');
fetchRegisterMemberList(); fetchRegisterMemberList();