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

1

Browse Source
This commit is contained in:
nevermoregb 2025-04-01 15:24:54 +09:00
parent f975273c47
commit 0bf6b99189
3 changed files with 61 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/common/common.js
View File

@ -65,6 +65,8 @@ const common = {
callback = `${year}-${month}-${day}`; callback = `${year}-${month}-${day}`;
} else if (type == 'MD') { } else if (type == 'MD') {
callback = `${month}-${day}`; callback = `${month}-${day}`;
} else if (type == 'T') {
callback = `${hours}:${minutes}`;
} else { } else {
callback = `${year}-${month}-${day} ${hours}:${minutes}`; callback = `${year}-${month}-${day} ${hours}:${minutes}`;
} }

21
src/components/main/MainEventBoard.vue Normal file
View File

@ -0,0 +1,21 @@
<template>
<div class="ms-1">
<span class="d-flex align-items-center g-2"><i class="bx bx-map"></i>{{ place }}</span>
<span class="d-flex align-items-center g-2"><i class="bx bx-time-five"></i> {{ $common.dateFormatter(time, 'T') }}</span>
</div>
</template>
<script>
export default {
props: {
place: {
type: String,
required: true,
},
time: {
type: String,
required: true,
},
},
};
</script>

63
src/components/main/MainEventList.vue
View File

@ -22,44 +22,26 @@
/> />
</div> </div>
</div> </div>
<div class="col-9 mx-0 px-0"> <div v-if="category.CMNCODVAL === 300201 || category.CMNCODVAL === 300202" class="col-9 mx-0 px-0">
<template v-if="category.CMNCODVAL === 300201"> <template v-if="category.CMNCODVAL === 300201">
<MainMemberProfile :members="birthdayList" :baseUrl="baseUrl" /> <MainMemberProfile :members="birthdayList" :baseUrl="baseUrl" />
</template> </template>
<template v-if="category.CMNCODVAL === 300202"> <template v-if="category.CMNCODVAL === 300202">
<MainMemberProfile :members="vacationList" :baseUrl="baseUrl" /> <MainMemberProfile :members="vacationList" :baseUrl="baseUrl" />
</template> </template>
</div>
<div v-else class="col-9 mx-0 px-0 d-flex flex-column align-items-center">
<template v-if="category.CMNCODVAL === 300203"> <template v-if="category.CMNCODVAL === 300203">
<div> <MainEventBoard :place="birthdayPartyList[0].LOCEVTPLC" :time="birthdayPartyList[0].LOCEVTTME" />
{{ birthdayPartyList[0].LOCEVTPLC }}
</div>
<div>
{{ $common.dateFormatter(birthdayPartyList[0].LOCEVTTME) }}
</div>
</template> </template>
<template v-if="category.CMNCODVAL === 300204"> <template v-if="category.CMNCODVAL === 300204">
<div> <MainEventBoard :place="dinnerList[0].LOCEVTPLC" :time="dinnerList[0].LOCEVTTME" />
{{ dinnerList[0].LOCEVTPLC }}
</div>
<div>
{{ $common.dateFormatter(dinnerList[0].LOCEVTTME) }}
</div>
</template> </template>
<template v-if="category.CMNCODVAL === 300205"> <template v-if="category.CMNCODVAL === 300205">
<div> <MainEventBoard :place="teaTimeList[0].LOCEVTPLC" :time="teaTimeList[0].LOCEVTTME" />
{{ teaTimeList[0].LOCEVTPLC }}
</div>
<div>
{{ $common.dateFormatter(teaTimeList[0].LOCEVTTME) }}
</div>
</template> </template>
<template v-if="category.CMNCODVAL === 300206"> <template v-if="category.CMNCODVAL === 300206">
<div> <MainEventBoard :place="workShopList[0].LOCEVTPLC" :time="workShopList[0].LOCEVTTME" />
{{ workShopList[0].LOCEVTPLC }}
</div>
<div>
{{ $common.dateFormatter(workShopList[0].LOCEVTTME) }}
</div>
</template> </template>
</div> </div>
</div> </div>
@ -71,6 +53,7 @@
<script setup> <script setup>
import { defineEmits } from 'vue'; import { defineEmits } from 'vue';
import MainMemberProfile from '@c/main/MainMemberProfile.vue'; import MainMemberProfile from '@c/main/MainMemberProfile.vue';
import MainEventBoard from '@c/main/MainEventBoard.vue';
const props = defineProps({ const props = defineProps({
project: { project: {
@ -120,3 +103,33 @@
}, },
}); });
</script> </script>
<style scoped>
.event-board {
width: 100%;
padding: 0.5rem;
}
.event-info {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.info-item {
display: flex;
align-items: center;
gap: 0.5rem;
}
.label {
font-weight: 500;
color: #666;
min-width: 3rem;
}
.content {
color: #333;
word-break: break-all;
}
</style>