40 lines
1.3 KiB
Vue
40 lines
1.3 KiB
Vue
<template>
|
|
<div class="container-xxl flex-grow-1 container-p-y">
|
|
<div class="card mb-6">
|
|
<div class="card-body">
|
|
<div class="user-list-container">
|
|
<ul class="timeline mb-1">
|
|
<li class="timeline-item timeline-item-transparent">
|
|
<span class="timeline-point timeline-point-info"></span>
|
|
<div class="timeline-event">
|
|
<div class="timeline-header mb-2">
|
|
<h6 class="mb-0">투표 인원</h6>
|
|
</div>
|
|
<UserList @user-list-update="handleUserListUpdate" />
|
|
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { onMounted, ref } from "vue";
|
|
import UserList from "@c/user/UserList.vue";
|
|
|
|
const activeUsers = ref([]); // 활성화된 사용자 목록
|
|
const disabledUsers = ref([]); // 비활성화된 사용자 목록
|
|
|
|
// UserList에서 받은 데이터를 처리
|
|
const handleUserListUpdate = ({ activeUsers, disabledUsers }) => {
|
|
activeUsers.value = activeUsers;
|
|
disabledUsers.value = disabledUsers;
|
|
console.log('활성화목록>>',activeUsers)
|
|
console.log('비활성목록>>',disabledUsers)
|
|
};
|
|
|
|
</script>
|