From 7c784464a16073595e910a0e8ef34a322e0e71d3 Mon Sep 17 00:00:00 2001
From: yoon <nmjk0123@gmail.com>
Date: Thu, 20 Feb 2025 09:19:52 +0900
Subject: [PATCH] =?UTF-8?q?=EC=88=98=EC=A0=95=20=EB=A1=9C=EC=A7=81=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/list/ProjectCard.vue     | 16 +++++-----------
 src/components/list/ProjectCardList.vue | 18 ++++++++++--------
 2 files changed, 15 insertions(+), 19 deletions(-)

diff --git a/src/components/list/ProjectCard.vue b/src/components/list/ProjectCard.vue
index 7ea65c0..25195a1 100644
--- a/src/components/list/ProjectCard.vue
+++ b/src/components/list/ProjectCard.vue
@@ -34,23 +34,17 @@
             </div>
         </div>
     </div>
-    <CenterModal :display="isModalOpen" @close="closeModal">
+    <CenterModal :display="isModalOpen" @close="closeModal" >
         <template #title> Log </template>
         <template #body>
-            <div class="ms-4 mt-2" v-if="logData">
+            <div class="border border-3 rounded p-5 ms-4 mt-2" v-if="logData">
                 <p class="mb-1">{{ logData.createDate }}</p>
                 <strong class="">[{{ logData.creator }}] 프로젝트 등록</strong>
             </div>
 
-            <div class="log-item" v-if="logData?.updateDate">
-                <div class="d-flex align-items-center">
-                    <i class="bx bx-edit me-2"></i>
-                    <strong>수정 정보</strong>
-                </div>
-                <div class="ms-4 mt-2">
-                    <p class="mb-1">{{ logData.updateDate }}</p>
-                    <p class="mb-0 text-muted">[{{ logData.updater }}] 프로젝트 수정</p>
-                </div>
+            <div class="border border-3 rounded p-5 ms-4 mt-2" v-if="logData?.updateDate">
+                <p class="mb-1">{{ logData.updateDate }}</p>
+                <strong>[{{ logData.updater }}] 프로젝트 수정</strong>
             </div>
 
         </template>
diff --git a/src/components/list/ProjectCardList.vue b/src/components/list/ProjectCardList.vue
index 6f65d9f..9b6094b 100644
--- a/src/components/list/ProjectCardList.vue
+++ b/src/components/list/ProjectCardList.vue
@@ -34,7 +34,8 @@
                     :is-label="true"
                     :is-common="true"
                     :data="allColors"
-                    v-model="selectedProject.PROJCTCOL"
+                    :value="selectedProject.PROJCTCOL"
+                    @update:data="selectedProject.PROJCTCOL = $event"
                 />
 
                 <FormInput
@@ -77,7 +78,7 @@
 </template>
 
 <script setup>
-    import { computed, ref } from 'vue';
+    import { computed, ref, watch } from 'vue';
     import ProjectCard from './ProjectCard.vue';
     import { onMounted } from 'vue';
     import $api from '@api';
@@ -130,14 +131,17 @@
         $api.get('project/select').then(res => {
             projectList.value = res.data.data.projectList;
         });
-};
+    };
 
 
     const openModal = (post) => {
         isModalOpen.value = true;
 
-        originalColor.value = post.PROJCTCOL;
+        // 여기에 기존 값 넣기
         selectedProject.value = { ...post };
+
+        // 기존 색상 넣어두기
+        originalColor.value = post.PROJCTCOL;
     };
 
     const closeModal = () => {
@@ -160,13 +164,11 @@
             PROJCTARR: addressData.address,
             PROJCTDTL: addressData.detailAddress
         };
-    };
+};
+
 
     const handleSubmit = () => {
 
-        console.log(selectedProject.value.PROJCTCOL)
-        console.log(originalColor.value)
-
         $api.patch('project/update', {
             projctSeq: selectedProject.value.PROJCTSEQ,
             projctNam: selectedProject.value.PROJCTNAM,