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

휴가 왕관 아이콘
All checks were successful
LocalNet_front/pipeline/head This commit looks good
Details

Browse Source
This commit is contained in:
dyhj625 2025-03-31 10:26:12 +09:00
parent e270b0bb88
commit fcb8d4535e
3 changed files with 26 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/img/icons/Crown.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 229 KiB

2
src/components/button/HalfDayButtons.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div class="row gx-2 mb-4"> <div class="row gx-2 mb-10 mt-1">
<div class="col-3"> <div class="col-3">
<div class="ratio ratio-1x1"> <div class="ratio ratio-1x1">
<!-- 오전 반차 버튼 --> <!-- 오전 반차 버튼 -->

41
src/components/vacation/ProfileList.vue
View File

@ -1,6 +1,5 @@
<template> <template>
<div class=""> <ul class="row gx-2 mb-0 list-inline ">
<ul class="row gx-2 mb-0 list-inline">
<li <li
v-for="(user, index) in sortedUserList" v-for="(user, index) in sortedUserList"
:key="index" :key="index"
@ -10,22 +9,27 @@
data-bs-placement="top" data-bs-placement="top"
:aria-label="user.MEMBERSEQ" :aria-label="user.MEMBERSEQ"
> >
<div class="ratio ratio-1x1 mb-0 profile-list"> <div class="ratio ratio-1x1 mb-0 profile-list position-relative">
<img <img
class="rounded-circle profile-img" v-if="user.MEMBERSEQ === employeeId"
:src="getUserProfileImage(user.MEMBERPRF)" src="/img/icons/Crown.png"
alt="user" alt="Crown"
:style="getDynamicStyle(user)" class="top-0 start-50 translate-middle crown-icon"
@error="setDefaultImage" />
@load="showImage" <img
/> class="rounded-circle profile-img"
</div> :src="getUserProfileImage(user.MEMBERPRF)"
<span class="mt-2 text-sm-center d-block fs-6 remaining-vacation"> alt="user"
{{ remainingVacationData[user.MEMBERSEQ] || 0 }} :style="getDynamicStyle(user)"
</span> @error="setDefaultImage"
@load="showImage"
/>
</div>
<span class="mt-2 text-sm-center d-block fs-6 remaining-vacation">
{{ remainingVacationData[user.MEMBERSEQ] || 0 }}
</span>
</li> </li>
</ul> </ul>
</div>
</template> </template>
<script setup> <script setup>
@ -95,4 +99,9 @@ borderStyle: "solid",
</script> </script>
<style scoped> <style scoped>
.crown-icon {
width: 80%;
height: 60%;
z-index: 10;
}
</style> </style>