localnet/localhost-front
10
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

프로젝트 설명 없을때 하이픈 및 삭제 컨펌

Browse Source
This commit is contained in:
yoon 2025-04-08 18:45:27 +09:00
parent 8df2674755
commit 5667c3edf8
1 changed files with 68 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
src/components/list/ProjectCard.vue
View File

@ -12,26 +12,43 @@
<DeleteBtn v-if="isProjectCreator" @click.stop="handleDelete" class="ms-1"/> <DeleteBtn v-if="isProjectCreator" @click.stop="handleDelete" class="ms-1"/>
</div> </div>
</div> </div>
<!-- 날짜 --> <!-- 날짜 -->
<div class="d-flex flex-sm-row align-items-center pb-2"> <div class="row align-items-center pb-2">
<div class="col-3 col-md-2 d-flex align-items-center">
<i class="bx bx-calendar"></i> <i class="bx bx-calendar"></i>
<div class="ms-2">날짜</div> <div class="ms-2">날짜</div>
<div class="ms-12">{{ strdate }} ~ {{ enddate }}</div>
</div> </div>
<div class="col-9 col-md-10">
{{ strdate }} ~ {{ enddate }}
</div>
</div>
<!-- 참여자 --> <!-- 참여자 -->
<div class="d-flex flex-sm-row align-items-center pb-2"> <div class="row align-items-center pb-2">
<div class="col-3 col-md-2 d-flex align-items-center">
<i class="bx bxs-user"></i> <i class="bx bxs-user"></i>
<div class="ms-2">참여자</div> <div class="ms-2">참여자</div>
<UserList ref="userListRef" :projctSeq="projctSeq" :showOnlyActive="true" class="ms-8 mb-0" />
</div> </div>
<div class="col-9 col-md-10">
<UserList ref="userListRef" :projctSeq="projctSeq" :showOnlyActive="true" class="mb-0" />
</div>
</div>
<!-- 설명 --> <!-- 설명 -->
<div class="d-flex flex-sm-row align-items-center pb-2"> <div class="row align-items-center pb-2">
<div class="col-3 col-md-2 d-flex align-items-center">
<i class="bx bx-detail"></i> <i class="bx bx-detail"></i>
<div class="ms-2">설명</div> <div class="ms-2">설명</div>
<div class="ms-12">{{ description }}</div>
</div> </div>
<div class="col-9 col-md-10">
{{ description || '-' }}
</div>
</div>
<!-- 주소 --> <!-- 주소 -->
<div class="d-flex flex-sm-row align-items-center pb-2"> <div class="row align-items-center pb-2">
<div class="col-3 col-md-2 d-flex align-items-center">
<MapPopover <MapPopover
:address="address" :address="address"
:is-visible="isMapVisible" :is-visible="isMapVisible"
@ -44,10 +61,13 @@
</div> </div>
</template> </template>
</MapPopover> </MapPopover>
<div class="ms-12">
{{ address }} {{ addressdtail }}
</div> </div>
<button type="button" class="btn ms-auto text-white" :style="`background-color: ${projctColor} !important;`" @click.stop="openModal"><i class='bx bx-child'></i></button> <div class="col-9 col-md-10 d-flex justify-content-between align-items-center">
<div>{{ address }} {{ addressdtail }}</div>
<button type="button" class="btn text-white" :style="`background-color: ${projctColor} !important;`" @click.stop="openModal">
<i class='bx bx-child'></i>
</button>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -521,17 +541,19 @@ const handleUpdate = async () => {
// 프로젝트 삭제 // 프로젝트 삭제
const handleDelete = () => { const handleDelete = () => {
if (confirm('프로젝트를 삭제하시겠습니까?')) {
$api.patch('project/delete', { $api.patch('project/delete', {
projctSeq: props.projctSeq, projctSeq: props.projctSeq,
projctCol: props.projctCol, projctCol: props.projctCol,
}) })
.then(res => { .then(res => {
if (res.status === 200) { if (res.status === 200) {
toastStore.onToast('삭제가 완료되었습니다.', 's'); toastStore.onToast('프로젝트가 삭제되었습니다.', 's');
projectStore.getProjectList(); projectStore.getProjectList();
projectStore.getMemberProjects(); projectStore.getMemberProjects();
} }
}) })
}
}; };
// 컴포넌트 마운트 시 실행 // 컴포넌트 마운트 시 실행