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:
yoon 2025-03-27 18:53:44 +09:00
parent 9e468d6ea9
commit 4395be2e90
1 changed files with 17 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/commuters/CommuterCalendar.vue
View File

@ -51,7 +51,7 @@
<CenterModal :display="isModalOpen" @close="closeModal"> <CenterModal :display="isModalOpen" @close="closeModal">
<template #title> <template #title>
{{ eventDate }} {{ eventDate }}
</template> </template>
<template #body> <template #body>
<div v-if="selectedDateCommuters.length > 0"> <div v-if="selectedDateCommuters.length > 0">
@ -61,10 +61,23 @@
class="rounded-circle me-2 w-px-50 h-px-50" class="rounded-circle me-2 w-px-50 h-px-50"
@error="$event.target.src = '/img/icons/icon.png'"> @error="$event.target.src = '/img/icons/icon.png'">
<span class="text-white fw-bold rounded py-1 px-3" :style="`background: ${commuter.projctcolor} !important;`">{{ commuter.memberName }}</span> <span class="fw-bold">{{ commuter.memberName }}</span>
<div class="ms-auto text-start fw-bold"> <div class="ms-auto text-start fw-bold">
{{ commuter.COMMUTCMT }} ~ {{ commuter.COMMUTLVE || "00:00:00" }} <div class="d-flex gap-1 align-items-center ">
출근 :
<div class="text-white rounded px-2" :style="`background: ${commuter.projctcolor} !important;`">
{{ commuter.PROJCTNAM }}
</div>
({{ commuter.COMMUTCMT }})
</div>
<div v-if="commuter.PROJCTLVE" class="d-flex gap-1 mt-1">
퇴근 :
<div class="text-white rounded px-2" :style="`background: ${commuter.leaveProjectColor} !important;`">
{{ commuter.leaveProjectName }}
</div>
({{ commuter.COMMUTLVE || "00:00:00" }})
</div>
</div> </div>
</div> </div>
</div> </div>
@ -74,6 +87,7 @@
<BackBtn @click="closeModal" /> <BackBtn @click="closeModal" />
</template> </template>
</CenterModal> </CenterModal>
</template> </template>
<script setup> <script setup>