수정 로직 추가
This commit is contained in:
parent
521bb8ded4
commit
7c784464a1
@ -34,23 +34,17 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<CenterModal :display="isModalOpen" @close="closeModal">
|
<CenterModal :display="isModalOpen" @close="closeModal" >
|
||||||
<template #title> Log </template>
|
<template #title> Log </template>
|
||||||
<template #body>
|
<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>
|
<p class="mb-1">{{ logData.createDate }}</p>
|
||||||
<strong class="">[{{ logData.creator }}] 프로젝트 등록</strong>
|
<strong class="">[{{ logData.creator }}] 프로젝트 등록</strong>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="log-item" v-if="logData?.updateDate">
|
<div class="border border-3 rounded p-5 ms-4 mt-2" v-if="logData?.updateDate">
|
||||||
<div class="d-flex align-items-center">
|
<p class="mb-1">{{ logData.updateDate }}</p>
|
||||||
<i class="bx bx-edit me-2"></i>
|
<strong>[{{ logData.updater }}] 프로젝트 수정</strong>
|
||||||
<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>
|
</div>
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@ -34,7 +34,8 @@
|
|||||||
:is-label="true"
|
:is-label="true"
|
||||||
:is-common="true"
|
:is-common="true"
|
||||||
:data="allColors"
|
:data="allColors"
|
||||||
v-model="selectedProject.PROJCTCOL"
|
:value="selectedProject.PROJCTCOL"
|
||||||
|
@update:data="selectedProject.PROJCTCOL = $event"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<FormInput
|
<FormInput
|
||||||
@ -77,7 +78,7 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import { computed, ref } from 'vue';
|
import { computed, ref, watch } from 'vue';
|
||||||
import ProjectCard from './ProjectCard.vue';
|
import ProjectCard from './ProjectCard.vue';
|
||||||
import { onMounted } from 'vue';
|
import { onMounted } from 'vue';
|
||||||
import $api from '@api';
|
import $api from '@api';
|
||||||
@ -130,14 +131,17 @@
|
|||||||
$api.get('project/select').then(res => {
|
$api.get('project/select').then(res => {
|
||||||
projectList.value = res.data.data.projectList;
|
projectList.value = res.data.data.projectList;
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
const openModal = (post) => {
|
const openModal = (post) => {
|
||||||
isModalOpen.value = true;
|
isModalOpen.value = true;
|
||||||
|
|
||||||
originalColor.value = post.PROJCTCOL;
|
// 여기에 기존 값 넣기
|
||||||
selectedProject.value = { ...post };
|
selectedProject.value = { ...post };
|
||||||
|
|
||||||
|
// 기존 색상 넣어두기
|
||||||
|
originalColor.value = post.PROJCTCOL;
|
||||||
};
|
};
|
||||||
|
|
||||||
const closeModal = () => {
|
const closeModal = () => {
|
||||||
@ -160,13 +164,11 @@
|
|||||||
PROJCTARR: addressData.address,
|
PROJCTARR: addressData.address,
|
||||||
PROJCTDTL: addressData.detailAddress
|
PROJCTDTL: addressData.detailAddress
|
||||||
};
|
};
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
const handleSubmit = () => {
|
const handleSubmit = () => {
|
||||||
|
|
||||||
console.log(selectedProject.value.PROJCTCOL)
|
|
||||||
console.log(originalColor.value)
|
|
||||||
|
|
||||||
$api.patch('project/update', {
|
$api.patch('project/update', {
|
||||||
projctSeq: selectedProject.value.PROJCTSEQ,
|
projctSeq: selectedProject.value.PROJCTSEQ,
|
||||||
projctNam: selectedProject.value.PROJCTNAM,
|
projctNam: selectedProject.value.PROJCTNAM,
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user