hrms-bangkok/hrms-user
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

feat(leave): display leaveCountApproveCount

Browse source
This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490 2026-05-29 10:55:41 +07:00
parent 0092133ba6
commit 54c7855b61
2 changed files with 16 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/modules/05_leave/interface/index/main.ts
View file

@ -43,6 +43,7 @@ interface LeaveItem {
all: number; all: number;
use: number; use: number;
remain: number; remain: number;
leaveCountApproveCount: number;
} }
interface MainList { interface MainList {

26
src/modules/05_leave/views/Main.vue
View file

@ -141,12 +141,14 @@ async function fetchStatsTable() {
value: value:
el.leaveLimit > 0 el.leaveLimit > 0
? Math.round( ? Math.round(
(Number(el.leaveCountApprove) / Number(el.leaveLimit)) * 100 (Number(el.leaveCountApprove) / Number(el.leaveLimit)) *
100,
) )
: 0, : 0,
all: Number(el.leaveLimit), all: Number(el.leaveLimit),
use: el.leaveCountApprove, use: el.leaveCountApprove,
remain: Number(el.leaveLimit) - Number(el.leaveCountApprove), remain: Number(el.leaveLimit) - Number(el.leaveCountApprove),
leaveCountApproveCount: el.leaveCountApproveCount,
})); }));
}); });
stat.forEach((item) => itemPie.value.push(...item)); stat.forEach((item) => itemPie.value.push(...item));
@ -254,7 +256,7 @@ onMounted(async () => {
</q-knob> </q-knob>
</div> </div>
<div class="col-12 text-center text-weight-medium"> <div class="col-12 text-center text-weight-medium">
ลาพักผ่อน {{ item.text }}
</div> </div>
</div> </div>
<div class="row gt-xs"><q-separator vertical /></div> <div class="row gt-xs"><q-separator vertical /></div>
@ -262,17 +264,19 @@ onMounted(async () => {
<div class="col-12 row text-dark text-body2 items-center"> <div class="col-12 row text-dark text-body2 items-center">
<div class="col-12 row q-pa-xs q-px-md row"> <div class="col-12 row q-pa-xs q-px-md row">
<span class="text-grey-7 col-6">ได้รับ</span> <span class="text-grey-7 col-6">ได้รับ</span>
<span class="text-weight-bold">{{ item.all }}</span> <span class="text-weight-bold">{{ item.all }} วัน</span>
</div> </div>
<div class="col-12"><q-separator /></div> <div class="col-12"><q-separator /></div>
<div class="col-12 row q-pa-xs q-px-md"> <div class="col-12 row q-pa-xs q-px-md">
<span class="text-grey-7 col-6">ใช้ไป</span> <span class="text-grey-7 col-6">ใช้ไป</span>
<span class="text-weight-bold">{{ item.use }}</span> <span class="text-weight-bold">{{ item.use }} วัน </span>
</div> </div>
<div class="col-12"><q-separator /></div> <div class="col-12"><q-separator /></div>
<div class="col-12 row q-pa-xs q-px-md"> <div class="col-12 row q-pa-xs q-px-md">
<span class="text-grey-7 col-6">คงเหลือ</span> <span class="text-grey-7 col-6">คงเหลือ</span>
<span class="text-weight-bold">{{ item.remain }}</span> <span class="text-weight-bold"
>{{ item.remain }} วัน</span
>
</div> </div>
</div> </div>
</div> </div>
@ -294,11 +298,11 @@ onMounted(async () => {
flat flat
class="shadow-0 col-12 fit row items-center q-px-lg" class="shadow-0 col-12 fit row items-center q-px-lg"
> >
<div class="text-subtitle2 col-4">ลาป่วย</div> <div class="text-subtitle2 col-4">{{ item.text }}</div>
<div class="text-subtitle2 col-8"> <div class="text-subtitle2 col-8">
<span class="text-grey-7 q-pr-md">ใช้ไป</span> <span class="text-grey-7 q-pr-md">ใช้ไป</span>
<span class="text-weight-bold">{{ item.use }}</span> <span class="text-weight-bold">{{ item.use }} วัน </span>
<!-- <span class="text-grey-7 q-pl-md">ลา</span> --> ({{ item.leaveCountApproveCount }} ครั้ง)
</div> </div>
</q-card> </q-card>
</div> </div>
@ -317,11 +321,11 @@ onMounted(async () => {
flat flat
class="shadow-0 col-12 fit row items-center q-px-lg" class="shadow-0 col-12 fit row items-center q-px-lg"
> >
<div class="text-subtitle2 col-4">ลากิจส่วนตัว</div> <div class="text-subtitle2 col-4">{{ item.text }}</div>
<div class="text-subtitle2 col-8"> <div class="text-subtitle2 col-8">
<span class="text-grey-7 q-pr-md">ใช้ไป</span> <span class="text-grey-7 q-pr-md">ใช้ไป</span>
<span class="text-weight-bold">{{ item.use }}</span> <span class="text-weight-bold">{{ item.use }} วัน </span>
<!-- <span class="text-grey-7 q-pl-md">ลา</span> --> ({{ item.leaveCountApproveCount }} ครั้ง)
</div> </div>
</q-card> </q-card>
</div> </div>