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

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

@ -3,7 +3,7 @@
<div class="row g-0"> <div class="row g-0">
<div class="card-body"> <div class="card-body">
<!-- 제목 --> <!-- 제목 -->
<div class="d-flex justify-content-between "> <div class="d-flex justify-content-between">
<h5 class="card-title fw-bold"> <h5 class="card-title fw-bold">
{{ title }} {{ title }}
</h5> </h5>
@ -12,42 +12,62 @@
<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">
<i class="bx bx-calendar"></i> <div class="col-3 col-md-2 d-flex align-items-center">
<div class="ms-2">날짜</div> <i class="bx bx-calendar"></i>
<div class="ms-12">{{ strdate }} ~ {{ enddate }}</div> <div class="ms-2">날짜</div>
</div> </div>
<!-- 참여자 --> <div class="col-9 col-md-10">
<div class="d-flex flex-sm-row align-items-center pb-2"> {{ strdate }} ~ {{ enddate }}
<i class="bx bxs-user"></i> </div>
<div class="ms-2">참여자</div> </div>
<UserList ref="userListRef" :projctSeq="projctSeq" :showOnlyActive="true" class="ms-8 mb-0" />
</div> <!-- 참여자 -->
<!-- 설명 --> <div class="row align-items-center pb-2">
<div class="d-flex flex-sm-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 bxs-user"></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">
<!-- 주소 --> <UserList ref="userListRef" :projctSeq="projctSeq" :showOnlyActive="true" class="mb-0" />
<div class="d-flex flex-sm-row align-items-center pb-2"> </div>
<MapPopover </div>
:address="address"
:is-visible="isMapVisible" <!-- 설명 -->
@update-visible="updatePopover" <div class="row align-items-center pb-2">
> <div class="col-3 col-md-2 d-flex align-items-center">
<template #trigger> <i class="bx bx-detail"></i>
<div class="d-flex align-items-center cursor-pointer"> <div class="ms-2">설명</div>
<i class="bx bxs-map"></i> </div>
<div class="ms-2">주소</div> <div class="col-9 col-md-10">
</div> {{ description || '-' }}
</template> </div>
</MapPopover> </div>
<div class="ms-12">
{{ address }} {{ addressdtail }} <!-- 주소 -->
<div class="row align-items-center pb-2">
<div class="col-3 col-md-2 d-flex align-items-center">
<MapPopover
:address="address"
:is-visible="isMapVisible"
@update-visible="updatePopover"
>
<template #trigger>
<div class="d-flex align-items-center cursor-pointer">
<i class="bx bxs-map"></i>
<div class="ms-2">주소</div>
</div>
</template>
</MapPopover>
</div>
<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>
<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> </div>
</div> </div>
</div> </div>
@ -521,17 +541,19 @@ const handleUpdate = async () => {
// 프로젝트 삭제 // 프로젝트 삭제
const handleDelete = () => { const handleDelete = () => {
$api.patch('project/delete', { if (confirm('프로젝트를 삭제하시겠습니까?')) {
projctSeq: props.projctSeq, $api.patch('project/delete', {
projctCol: props.projctCol, projctSeq: props.projctSeq,
}) projctCol: props.projctCol,
.then(res => { })
if (res.status === 200) { .then(res => {
toastStore.onToast('삭제가 완료되었습니다.', 's'); if (res.status === 200) {
projectStore.getProjectList(); toastStore.onToast('프로젝트가 삭제되었습니다.', 's');
projectStore.getMemberProjects(); projectStore.getProjectList();
} projectStore.getMemberProjects();
}) }
})
}
}; };
// 컴포넌트 마운트 시 실행 // 컴포넌트 마운트 시 실행