프로젝트 목록

src/components/list/ProjectCard.vue

@@ -29,7 +29,7 @@
                     <i class="bx bxs-map"></i>
                     <div class="ms-2">주소</div>
                     <div class="ms-12">{{ address }}</div>
-                    <button type="button" class="btn ms-auto text-white zindex-5" :style="`background-color: ${projctCol} !important;`" @click="openModal">log</button>
+                    <button type="button" class="btn ms-auto text-white" :style="`background-color: ${projctCol} !important;`" @click.stop="openModal">log</button>
                 </div>
             </div>
         </div>

src/components/list/ProjectCardList.vue

@@ -85,11 +85,15 @@
     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 '../input/ArrInput.vue';
+    import { useUserInfoStore } from '@/stores/useUserInfoStore';
 
     const projectList = ref([]);
     const isModalOpen = ref(false);
 
+    const userStore = useUserInfoStore();
+    const user = ref(null);
+
     const nameAlert = ref(false);
     const selectedProject = ref({
         PROJCTNAM: '',
@@ -109,16 +113,21 @@ import ArrInput from '../input/ArrInput.vue';
     });
 
 
-    onMounted(() => {
+    onMounted(async () => {
         getProjectList();
+
+        await userStore.userInfo(); // 로그인한 사용자 정보
+        user.value = userStore.user;
     });
 
     // 프로젝트 목록 불러오기
     const getProjectList = () => {
         $api.get('project/select').then(res => {
             projectList.value = res.data.data.projectList;
+            console.log(projectList.value);
         });
-    };
+};
+
 
     const openModal = (post) => {
         isModalOpen.value = true;
@@ -147,9 +156,26 @@ import ArrInput from '../input/ArrInput.vue';
         };
     };
 
+    console.log(projectList.PROJCTSEQ)
 
     const handleSubmit = () => {
-
+        $api.patch('project/update', {
-        console.log(selectedProject.value);
+            projctSeq: projectList.PROJCTSEQ,
+            projctNam: selectedProject.value.PROJCTNAM,
+            projctCol: selectedProject.value.projctcolor,
+            projctArr: selectedProject.value.PROJCTARR,
+            projctDtl: selectedProject.value.PROJCTDTL,
+            projctZip: selectedProject.value.PROJCTZIP,
+            projctStr: selectedProject.value.PROJCTSTR,
+            projctEnd: selectedProject.value.PROJCTEND,
+            projctDes: selectedProject.value.PROJCTDES,
+            projctUmb: user.value.name,
+        }).then(res => {
+            if (res.status === 200) {
+                toastStore.onToast('수정이 완료 되었습니다.', 's');
+                closeModal();
+                location.reload();
+            }
+        })
     };
 </script>

src/components/projectlist/ProjectList.vue

@@ -1,7 +1,7 @@
 <template>
     <SearchBar />
     <div class="d-flex align-items-center">
-        <CategoryBtn :lists="yearCategory" />
+        <CategoryBtn :lists="yearCategory" v-model:selectedCategory="selectedCategory" />
         <WriteBtn class="mt-2 ms-auto" @click="openModal" />
         <CenterModal :display="isModalOpen" @close="closeModal">
             <template #title> 프로젝트 등록 </template>
@@ -142,11 +142,11 @@
 
         $api.post('project/insert', {
             projctNam: name.value,
-            projctCol: String(color.value),
+            projctCol: color.value,
             projctStr: startDay.value,
             projctEnd: endDay.value || null,
             projctDes: description.value || null,
-            projctAdd: address.value,
+            projctArr: address.value,
             projctDtl: detailAddress.value,
             projctZip: postcode.value,
             projctCmb: user.value.name,