Merge branch 'main' into mypage
This commit is contained in:
commit
7f6caed69e
@ -27,6 +27,7 @@
|
|||||||
style="height: 25px; font-size: 12px"
|
style="height: 25px; font-size: 12px"
|
||||||
placeholder="장소"
|
placeholder="장소"
|
||||||
v-model="eventPlace"
|
v-model="eventPlace"
|
||||||
|
maxlength="20"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="mb-2">
|
<div class="mb-2">
|
||||||
|
|||||||
@ -1,12 +1,14 @@
|
|||||||
<template>
|
<template>
|
||||||
<div v-if="memberList?.length" class="card mt-2 mb-3 shadow-sm border">
|
<div class="row g-4 mt-2">
|
||||||
<div class="row g-0">
|
<!-- lg 이상에서는 2개, 그 이하에서는 1개씩 -->
|
||||||
<div class="card-body">
|
<div v-for="member in memberList" :key="member.MEMBERSEQ">
|
||||||
<div class="d-flex justify-content-between">
|
<div class="card">
|
||||||
|
<div class="card-body p-3">
|
||||||
|
<div class="d-flex justify-content-between mb-2">
|
||||||
<h5 class="card-title fw-bold">사원 등록 관리</h5>
|
<h5 class="card-title fw-bold">사원 등록 관리</h5>
|
||||||
</div>
|
</div>
|
||||||
<div class="g-2 card">
|
<div class="g-2 card col-12 col-lg-6">
|
||||||
<div v-for="member in memberList" :key="member.MEMBERSEQ" class="row card-body">
|
<div class="row card-body">
|
||||||
<div class="col-2">
|
<div class="col-2">
|
||||||
<img
|
<img
|
||||||
:src="`upload/img/profile/`"
|
:src="`upload/img/profile/`"
|
||||||
@ -36,7 +38,12 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="col-3">
|
<div class="col-3">
|
||||||
<div class="align-items-center">
|
<div class="align-items-center">
|
||||||
<label class="switch"><input type="checkbox" checked="" /><span class="slider round"></span></label>
|
<label class="switch"
|
||||||
|
><input type="checkbox" :checked="checked" @change="handleRegisterMember($event)" /><span
|
||||||
|
class="slider round"
|
||||||
|
></span
|
||||||
|
></label>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -51,13 +58,24 @@
|
|||||||
import $api from '@api';
|
import $api from '@api';
|
||||||
|
|
||||||
const memberList = ref([]);
|
const memberList = ref([]);
|
||||||
|
const checked = ref(false);
|
||||||
|
|
||||||
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;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const handleRegisterMember = async e => {
|
||||||
|
console.log(e);
|
||||||
|
};
|
||||||
|
|
||||||
onMounted(async () => {
|
onMounted(async () => {
|
||||||
await fetchRegisterMemberList();
|
await fetchRegisterMemberList();
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.card {
|
||||||
|
font-size: 0.9rem;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user