หน้ารายละเอียดตรงวันที่ขอลาออกจากราชการ
This commit is contained in:
parent
19ce584ef4
commit
ddb4b494ad
1 changed files with 34 additions and 5 deletions
|
|
@ -99,13 +99,13 @@
|
|||
<div class="col-12"><q-separator /></div>
|
||||
<div class="row col-12 q-pa-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 text-top">สถานที่ยื่นขอลาออกจากราชการ</div>
|
||||
<div class="col-12 text-detail">{{ dataDetail.location }}</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 text-top">วันที่ยื่นขอลาออกจากราชการ</div>
|
||||
<div class="col-12 text-detail">
|
||||
|
|
@ -113,18 +113,33 @@
|
|||
</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 text-top">เหตุผลที่ลาออกจากราชการ</div>
|
||||
<div class="col-12 text-detail">{{ dataDetail.reason }}</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 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) }}
|
||||
</div>
|
||||
<div
|
||||
:class="
|
||||
diffDate()
|
||||
? 'col-12 text-detail text-red text-bold'
|
||||
: 'col-12 text-detail'
|
||||
"
|
||||
>
|
||||
{{ diffDate() ? "(ยื่นขอลาออกน้อยกว่า 30 วัน)" : "" }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -563,6 +578,20 @@ onMounted(() => {
|
|||
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) => {
|
||||
showLoader();
|
||||
await http
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue