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

หน้ารายละเอียดตรงวันที่ขอลาออกจากราชการ

Browse source
This commit is contained in:
Thanit Konmek 2023-08-22 18:02:46 +07:00
parent 19ce584ef4
commit ddb4b494ad
1 changed files with 34 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

39
src/modules/06_retirement/components/resign/ResignByid.vue
View file

@ -99,13 +99,13 @@
<div class="col-12"><q-separator /></div> <div class="col-12"><q-separator /></div>
<div class="row col-12 q-pa-md"> <div class="row col-12 q-pa-md">
<div class="col-12 row bg-white q-col-gutter-md"> <div class="col-12 row bg-white q-col-gutter-md">
<div class="col-xs-6 col-sm-3 row items-center"> <div class="col-xs-6 col-sm-3 row items-start">
<div class="col-12"> <div class="col-12">
<div class="col-12 text-top">สถานที่ยื่นขอลาออกจากราชการ</div> <div class="col-12 text-top">สถานที่ยื่นขอลาออกจากราชการ</div>
<div class="col-12 text-detail">{{ dataDetail.location }}</div> <div class="col-12 text-detail">{{ dataDetail.location }}</div>
</div> </div>
</div> </div>
<div class="col-xs-6 col-sm-3 row items-center"> <div class="col-xs-6 col-sm-3 row items-start">
<div class="col-12"> <div class="col-12">
<div class="col-12 text-top">วันที่ยื่นขอลาออกจากราชการ</div> <div class="col-12 text-top">วันที่ยื่นขอลาออกจากราชการ</div>
<div class="col-12 text-detail"> <div class="col-12 text-detail">
@ -113,18 +113,33 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-xs-6 col-sm-3 row items-center"> <div class="col-xs-6 col-sm-3 row items-start">
<div class="col-12"> <div class="col-12">
<div class="col-12 text-top">เหตุผลที่ลาออกจากราชการ</div> <div class="col-12 text-top">เหตุผลที่ลาออกจากราชการ</div>
<div class="col-12 text-detail">{{ dataDetail.reason }}</div> <div class="col-12 text-detail">{{ dataDetail.reason }}</div>
</div> </div>
</div> </div>
<div class="col-xs-6 col-sm-3 row items-center"> <div class="col-xs-6 col-sm-3 row items-start">
<div class="col-12"> <div class="col-12">
<div class="col-12 text-top">วันที่ขอลาออกจากราชการ</div> <div class="col-12 text-top">วันที่ขอลาออกจากราชการ</div>
<div class="col-12 text-detail"> <div
:class="
diffDate()
? 'col-12 text-detail text-red text-bold'
: 'col-12 text-detail'
"
>
{{ date2Thai(dataDetail.activeDate) }} {{ date2Thai(dataDetail.activeDate) }}
</div> </div>
<div
:class="
diffDate()
? 'col-12 text-detail text-red text-bold'
: 'col-12 text-detail'
"
>
{{ diffDate() ? "(ยื่นขอลาออกน้อยกว่า 30 วัน)" : "" }}
</div>
</div> </div>
</div> </div>
</div> </div>
@ -563,6 +578,20 @@ onMounted(() => {
fetchData(id.value); fetchData(id.value);
}); });
const diffDate = () => {
if (date.value !== null && dateLeave.value !== null) {
const time = dateLeave.value.getTime() - date.value.getTime();
//วันที่ขอลาออกจากราชการ - วันที่ยื่นขอลาออกจากราชการ
const day = time / (1000 * 3600 * 24);
if (day < 30) {
return true;
}
return false;
}
return false;
};
const fetchData = async (id: string) => { const fetchData = async (id: string) => {
showLoader(); showLoader();
await http await http