프로젝트 목록 미완성

src/components/list/ProjectCard.vue

@@ -63,7 +63,7 @@
 <script setup>
 import { defineProps, ref } from 'vue';
 import UserList from '@c/user/UserList.vue';
-import CenterModal from '../modal/CenterModal.vue';
+import CenterModal from '@c/modal/CenterModal.vue';
 import $api from '@api';
 
 // Props 정의

src/components/list/ProjectCardList.vue

@@ -34,7 +34,7 @@
                     :is-label="true"
                     :is-common="true"
                     :data="allColors"
-                    v-model="selectedProject.projctcolor"
+                    v-model="selectedProject.PROJCTCOL"
                 />
 
                 <FormInput
@@ -85,19 +85,23 @@
     import FormInput from '@c/input/FormInput.vue';
     import FormSelect from '@c/input/FormSelect.vue';
     import commonApi from '@/common/commonApi';
-    import ArrInput from '../input/ArrInput.vue';
+    import ArrInput from '@c/input/ArrInput.vue';
     import { useUserInfoStore } from '@/stores/useUserInfoStore';
+    import { useToastStore } from '@s/toastStore';
+
+    const toastStore = useToastStore();
 
     const projectList = ref([]);
     const isModalOpen = ref(false);
+    let originalColor = ref('');
 
     const userStore = useUserInfoStore();
     const user = ref(null);
 
     const nameAlert = ref(false);
     const selectedProject = ref({
+        PROJCTSEQ:'',
         PROJCTNAM: '',
-        projctcolor: '',
         PROJCTSTR: '',
         PROJCTEND: '',
         PROJCTZIP: '',
@@ -105,6 +109,7 @@
         PROJCTDTL: '',
         PROJCTDES: '',
         PROJCTCOL: '',
+        projctcolor:'',
     });
 
     const { colorList } = commonApi({
@@ -124,13 +129,14 @@
     const getProjectList = () => {
         $api.get('project/select').then(res => {
             projectList.value = res.data.data.projectList;
-            console.log(projectList.value);
         });
 };
 
 
     const openModal = (post) => {
         isModalOpen.value = true;
+
+        originalColor.value = post.PROJCTCOL;
         selectedProject.value = { ...post };
     };
 
@@ -156,20 +162,23 @@
         };
     };
 
-    console.log(projectList.PROJCTSEQ)
-
     const handleSubmit = () => {
+
+        console.log(selectedProject.value.PROJCTCOL)
+        console.log(originalColor.value)
+
         $api.patch('project/update', {
-            projctSeq: projectList.PROJCTSEQ,
+            projctSeq: selectedProject.value.PROJCTSEQ,
             projctNam: selectedProject.value.PROJCTNAM,
-            projctCol: selectedProject.value.projctcolor,
+            projctCol: selectedProject.value.PROJCTCOL,
             projctArr: selectedProject.value.PROJCTARR,
             projctDtl: selectedProject.value.PROJCTDTL,
             projctZip: selectedProject.value.PROJCTZIP,
             projctStr: selectedProject.value.PROJCTSTR,
-            projctEnd: selectedProject.value.PROJCTEND,
+            projctEnd: selectedProject.value.PROJCTEND || null,
             projctDes: selectedProject.value.PROJCTDES,
             projctUmb: user.value.name,
+            originalColor: originalColor.value === selectedProject.value.PROJCTCOL ? null : originalColor.value
         }).then(res => {
             if (res.status === 200) {
                 toastStore.onToast('수정이 완료 되었습니다.', 's');