From 4395be2e9021de48d3d47d901a27363200f27dbf Mon Sep 17 00:00:00 2001
From: yoon <nmjk0123@gmail.com>
Date: Thu, 27 Mar 2025 18:53:44 +0900
Subject: [PATCH] =?UTF-8?q?=EB=8B=AC=EB=A0=A5=20=EB=AA=A8=EB=8B=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/commuters/CommuterCalendar.vue | 20 ++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/components/commuters/CommuterCalendar.vue b/src/components/commuters/CommuterCalendar.vue
index eb0d116..b64883f 100644
--- a/src/components/commuters/CommuterCalendar.vue
+++ b/src/components/commuters/CommuterCalendar.vue
@@ -51,7 +51,7 @@
 
     <CenterModal :display="isModalOpen" @close="closeModal">
         <template #title>
-                {{ eventDate }}
+            {{ eventDate }}
         </template>
         <template #body>
             <div v-if="selectedDateCommuters.length > 0">
@@ -61,10 +61,23 @@
                         class="rounded-circle me-2 w-px-50 h-px-50"
                         @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">
-                            {{ 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>
@@ -74,6 +87,7 @@
             <BackBtn @click="closeModal" />
         </template>
     </CenterModal>
+
 </template>
 
 <script setup>