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

update

Browse source
This commit is contained in:
Warunee Tamkoo 2024-01-11 16:36:00 +07:00
parent 1c1ce0baed
commit d706f92616
25 changed files with 1060 additions and 844 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/modules/05_leave/components/FormLeave/01_SickForm.vue
View file

@ -123,7 +123,7 @@ function onValidate() {
formDataSick.leaveDocument.forEach((file: File) => {
formData.append("leaveDocument", file);
});
// formData.append("leaveDocument", formDataSick.leaveDocument)
formData.append("type", formDataSick.type);
formData.append("leaveRange", formDataSick.leaveRange);
formData.append("leaveStartDate", dateToISO(formDataSick.leaveStartDate));
@ -199,11 +199,8 @@ onMounted(() => {
leaveDocumentList.value = props.data.leaveDocument;
formDataSick.leaveAddress = props.data.leaveAddress;
statusCheck.value = props.data.status;
console.log(leaveDocumentList.value.length);
console.log(statusCheck.value != "NEW");
} else {
statusCheck.value = "START";
console.log(statusCheck.value != "NEW");
}
});
</script>
@ -477,7 +474,7 @@ onMounted(() => {
<q-item-section>
<q-item-label class="row items-baseline">
<div class="col">
{{ "เอกสารแนบฉบับที่ " + (index + 1) }}
{{ "เอกสารแนบที่ " + (index + 1) }}
</div>
<q-btn
:href="document"

6
src/modules/05_leave/components/FormLeave/03_Birth.vue
View file

@ -97,8 +97,8 @@ function onValidate() {
});
// formData.append("leaveDocument", formDataBirth.leaveDocument);
formData.append("type", formDataBirth.type);
formData.append("leaveStartDate", dateToISO(formDataBirth.leaveStartDate));
formData.append("leaveEndDate", dateToISO(formDataBirth.leaveEndDate));
formData.append("leaveStartDate", dateToISO(new Date(formDataBirth.leaveStartDate)));
formData.append("leaveEndDate", dateToISO(new Date(formDataBirth.leaveEndDate)));
formData.append("leaveWrote", formDataBirth.leaveWrote);
formData.append("leaveAddress", formDataBirth.leaveAddress);
formData.append("leaveNumber", formDataBirth.leaveNumber);
@ -410,7 +410,7 @@ onMounted(() => {
<q-item-section>
<q-item-label class="row items-baseline">
<div class="col">
{{ "เอกสารแนบฉบับที่" + (index + 1) }}
{{ "เอกสารแนบที่ " + (index + 1) }}
</div>
<q-btn
class="col-6"

2
src/modules/05_leave/components/FormLeave/04_HelpWifeBirthForm.vue
View file

@ -480,7 +480,7 @@ onMounted(() => {
<q-item-section>
<q-item-label class="row items-baseline">
<div class="col">
{{ "เอกสารแนบฉบับที่" + (index + 1) }}
{{ "เอกสารแนบที่ " + (index + 1) }}
</div>
<q-btn
class="col-6"

2
src/modules/05_leave/components/FormLeave/05_VacationForm.vue
View file

@ -478,7 +478,7 @@ onMounted(() => {
<q-item-section>
<q-item-label class="row items-baseline">
<div class="col">
{{ "เอกสารแนบฉบับที่" + (index + 1) }}
{{ "เอกสารแนบที่ " + (index + 1) }}
</div>
<q-btn
class="col-6"

2
src/modules/05_leave/components/FormLeave/06_OrdinationForm.vue
View file

@ -652,7 +652,7 @@ onMounted(() => {
<q-item-section>
<q-item-label class="row items-baseline">
<div class="col">
{{ "เอกสารแนบฉบับที่" + (index + 1) }}
{{ "เอกสารแนบที่ " + (index + 1) }}
</div>
<q-btn
class="col-6"

2
src/modules/05_leave/components/FormLeave/07_HajjForm.vue
View file

@ -425,7 +425,7 @@ onMounted(() => {
<q-item-section>
<q-item-label class="row items-baseline">
<div class="col">
{{ "เอกสารแนบฉบับที่" + (index + 1) }}
{{ "เอกสารแนบที่ " + (index + 1) }}
</div>
<q-btn
class="col-6"

2
src/modules/05_leave/components/FormLeave/08_MilitaryForm.vue
View file

@ -482,7 +482,7 @@ onMounted(() => {
<q-item-section>
<q-item-label class="row items-baseline">
<div class="col">
{{ "เอกสารแนบฉบับที่" + (index + 1) }}
{{ "เอกสารแนบที่ " + (index + 1) }}
</div>
<q-btn
class="col-6"

2
src/modules/05_leave/components/FormLeave/09_StudyForm.vue
View file

@ -624,7 +624,7 @@ onMounted(async () => {
<q-item-section>
<q-item-label class="row items-baseline">
<div class="col">
{{ "เอกสารแนบฉบับที่" + (index + 1) }}
{{ "เอกสารแนบที่ " + (index + 1) }}
</div>
<q-btn
class="col-6"

2
src/modules/05_leave/components/FormLeave/10_TrainForm.vue
View file

@ -614,7 +614,7 @@ onMounted(async () => {
<q-item-section>
<q-item-label class="row items-baseline">
<div class="col">
{{ "เอกสารแนบฉบับที่" + (index + 1) }}
{{ "เอกสารแนบที่ " + (index + 1) }}
</div>
<q-btn
class="col-6"

2
src/modules/05_leave/components/FormLeave/11_WorkInternationalForm.vue
View file

@ -386,7 +386,7 @@ onMounted(() => {
<q-item-section>
<q-item-label class="row items-baseline">
<div class="col">
{{ "เอกสารแนบฉบับที่" + (index + 1) }}
{{ "เอกสารแนบที่ " + (index + 1) }}
</div>
<q-btn
class="col-6"

2
src/modules/05_leave/components/FormLeave/12_FollowSpouseForm.vue
View file

@ -681,7 +681,7 @@ onMounted(async () => {
<q-item-section>
<q-item-label class="row items-baseline">
<div class="col">
{{ "เอกสารแนบฉบับที่" + (index + 1) }}
{{ "เอกสารแนบที่ " + (index + 1) }}
</div>
<q-btn
class="col-6"

2
src/modules/05_leave/components/FormLeave/13_RehabilitationForm.vue
View file

@ -358,7 +358,7 @@ onMounted(() => {
<q-item-section>
<q-item-label class="row items-baseline">
<div class="col">
{{ "เอกสารแนบฉบับที่" + (index + 1) }}
{{ "เอกสารแนบที่ " + (index + 1) }}
</div>
<q-btn
class="col-6"

2
src/modules/05_leave/components/ListView.vue
View file

@ -156,7 +156,7 @@ onMounted(async () => {
<q-td key="leaveTypeName" :props="props" @click="onClickView(props.row.id, props.row.status)">
{{ props.row.leaveTypeName }}
</q-td>
<q-td key="dateLeave" :props="props">
<q-td key="dateLeave" :props="props" @click="onClickView(props.row.id, props.row.status)">
{{ props.row.dateLeave }}
</q-td>
<q-td key="dateSendLeave" :props="props" @click="onClickView(props.row.id, props.row.status)">

166
src/modules/05_leave/components/formDetail/formCheckSelect.vue
View file

@ -1,82 +1,100 @@
<script setup lang="ts">
const props = defineProps({
data: {
type: Object,
required: true,
},
})
console.log(props)
data: {
type: Object,
required: true,
},
});
console.log(props);
</script>
<template>
<q-card-section>
<div class="q-pa-md q-gutter-md">
<div class="row">
<div class="col text-grey-8">วันที่ยื่นใบลา</div>
<div class="col">{{ props.data.dateSendLeave }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เรื่อง</div>
<div class="col">{{ props.data.leaveTypeName }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เขียนที่</div>
<div class="col">{{ props.data.leaveWrote }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาตั้งแต่วันที่</div>
<div class="col">{{ props.data.leaveDateStart }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาถึงวันที่</div>
<div class="col">{{ props.data.leaveDateEnd }}</div>
</div>
<div class="row">
<div class="col text-grey-8">จำนวนวันที่ลา</div>
<div class="col">{{ props.data.leaveCount }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ได้รับหมายเรียกของ</div>
<div class="col">{{ props.data.absentDaySummon }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ที่</div>
<div class="col">{{ props.data.absentDayLocation }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลงวันที่</div>
<div class="col">{{ props.data.absentDayRegistorDate }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ให้เข้ารับการ</div>
<div class="col">{{ props.data.absentDayGetIn }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ณ ที่</div>
<div class="col">{{ props.data.absentDayAt }}</div>
</div>
<div class="row">
<div class="col text-grey-8">รายละเอียด</div>
<div class="col">{{ props.data.leaveDetail }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เอกสารแนบ</div>
<div class="col">
<div v-if="props.data.leaveDocument && props.data.leaveDocument.length > 0">
<div v-for="(document, index) in props.data.leaveDocument" :key="index" :style="{ marginBottom: '10px' }">
<div>
{{ "เอกสารแนบฉบับที่" + (index + 1) }}
<q-btn :href="document" target="_blank" outline color="blue" label="ดาวน์โหลด" size="12px">
<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
</q-btn>
</div>
</div>
</div>
<div v-else>-</div>
</div>
</div>
</div>
</q-card-section>
<q-card-section>
<div class="q-pa-md q-gutter-md">
<div class="row">
<div class="col text-grey-8">วันที่ยื่นใบลา</div>
<div class="col">{{ props.data.dateSendLeave }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เรื่อง</div>
<div class="col">{{ props.data.leaveTypeName }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เขียนที่</div>
<div class="col">{{ props.data.leaveWrote }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาตั้งแต่วันที่</div>
<div class="col">{{ props.data.leaveDateStart }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาถึงวันที่</div>
<div class="col">{{ props.data.leaveDateEnd }}</div>
</div>
<div class="row">
<div class="col text-grey-8">จำนวนวันที่ลา</div>
<div class="col">
{{ props.data.leaveCount ? props.data.leaveCount : "-" }}
</div>
</div>
<div class="row">
<div class="col text-grey-8">ได้รับหมายเรียกของ</div>
<div class="col">{{ props.data.absentDaySummon }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ที่</div>
<div class="col">{{ props.data.absentDayLocation }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลงวันที่</div>
<div class="col">{{ props.data.absentDayRegistorDate }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ให้เข้ารับการ</div>
<div class="col">{{ props.data.absentDayGetIn }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ณ ที่</div>
<div class="col">{{ props.data.absentDayAt }}</div>
</div>
<div class="row">
<div class="col text-grey-8">รายละเอียด</div>
<div class="col">
{{ props.data.leaveDetail ? props.data.leaveDetail : "-" }}
</div>
</div>
<div class="row">
<div class="col text-grey-8">เอกสารแนบ</div>
<div class="col">
<div
v-if="
props.data.leaveDocument && props.data.leaveDocument.length > 0
"
>
<div
v-for="(document, index) in props.data.leaveDocument"
:key="index"
:style="{ marginBottom: '10px' }"
>
<div>
<q-btn
:href="document"
target="_blank"
outline
color="blue"
:label="`ดาวน์โหลดเอกสารแนบที่ ${index + 1}`"
size="12px"
>
<q-tooltip>ดาวน์โหลดเอกสารแนบที่ {{ index + 1 }}</q-tooltip>
</q-btn>
</div>
</div>
</div>
<div v-else>-</div>
</div>
</div>
</div>
</q-card-section>
</template>
<style scoped></style>

156
src/modules/05_leave/components/formDetail/formChildbirth.vue
View file

@ -1,76 +1,94 @@
<script setup lang="ts">
const props = defineProps({
data: {
type: Object,
required: true,
},
})
data: {
type: Object,
required: true,
},
});
</script>
<template>
<q-card-section>
<div class="q-pa-md q-gutter-md">
<div class="row">
<div class="col text-grey-8">วันที่ยื่นใบลา</div>
<div class="col">{{ props.data.dateSendLeave }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เรื่อง</div>
<div class="col">{{ props.data.leaveTypeName }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เขียนที่</div>
<div class="col">{{ props.data.leaveWrote }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาตั้งแต่วันที่</div>
<div class="col">{{ props.data.leaveDateStart }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาถึงวันที่</div>
<div class="col">{{ props.data.leaveDateEnd }}</div>
</div>
<div class="row">
<div class="col text-grey-8">จำนวนวันที่ลา</div>
<div class="col">{{ props.data.leaveCount }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ชื่อภรรยา</div>
<div class="col">{{ props.data.wifeDayName }}</div>
</div>
<div class="row">
<div class="col text-grey-8">วันที่คลอด</div>
<div class="col">{{ props.data.wifeDayDateBorn }}</div>
</div>
<div class="row">
<div class="col text-grey-8">หมายเลขที่ติดต่อขณะลา</div>
<div class="col">{{ props.data.leaveNumber }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ที่อยู่ที่ติดต่อได้ระหว่างลา</div>
<div class="col">{{ props.data.leaveAddress }}</div>
</div>
<div class="row">
<div class="col text-grey-8">รายละเอียด</div>
<div class="col">{{ props.data.leaveDetail }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เอกสารแนบ</div>
<div class="col">
<div v-if="props.data.leaveDocument && props.data.leaveDocument.length > 0">
<div v-for="(document, index) in props.data.leaveDocument" :key="index" :style="{ marginBottom: '11px' }">
<div>
{{ "เอกสารแนบฉบับที่" + (index + 1) }}
<q-btn :href="document" target="_blank" outline color="blue" label="ดาวน์โหลด" size="12px">
<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
</q-btn>
</div>
</div>
</div>
<div v-else>-</div>
</div>
</div>
</div>
</q-card-section>
<q-card-section>
<div class="q-pa-md q-gutter-md">
<div class="row">
<div class="col text-grey-8">วันที่ยื่นใบลา</div>
<div class="col">{{ props.data.dateSendLeave }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เรื่อง</div>
<div class="col">{{ props.data.leaveTypeName }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เขียนที่</div>
<div class="col">{{ props.data.leaveWrote }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาตั้งแต่วันที่</div>
<div class="col">{{ props.data.leaveDateStart }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาถึงวันที่</div>
<div class="col">{{ props.data.leaveDateEnd }}</div>
</div>
<div class="row">
<div class="col text-grey-8">จำนวนวันที่ลา</div>
<div class="col">
{{ props.data.leaveCount ? props.data.leaveCount : "-" }}
</div>
</div>
<div class="row">
<div class="col text-grey-8">ชื่อภรรยา</div>
<div class="col">{{ props.data.wifeDayName }}</div>
</div>
<div class="row">
<div class="col text-grey-8">วันที่คลอด</div>
<div class="col">{{ props.data.wifeDayDateBorn }}</div>
</div>
<div class="row">
<div class="col text-grey-8">หมายเลขที่ติดต่อขณะลา</div>
<div class="col">{{ props.data.leaveNumber }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ที่อยู่ที่ติดต่อได้ระหว่างลา</div>
<div class="col">{{ props.data.leaveAddress }}</div>
</div>
<div class="row">
<div class="col text-grey-8">รายละเอียด</div>
<div class="col">
{{ props.data.leaveDetail ? props.data.leaveDetail : "-" }}
</div>
</div>
<div class="row">
<div class="col text-grey-8">เอกสารแนบ</div>
<div class="col">
<div
v-if="
props.data.leaveDocument && props.data.leaveDocument.length > 0
"
>
<div
v-for="(document, index) in props.data.leaveDocument"
:key="index"
:style="{ marginBottom: '11px' }"
>
<div>
<q-btn
:href="document"
target="_blank"
outline
color="blue"
:label="`ดาวน์โหลดเอกสารแนบที่ ${index + 1}`"
size="12px"
>
<q-tooltip>ดาวน์โหลดเอกสารแนบที่ {{ index + 1 }}</q-tooltip>
</q-btn>
</div>
</div>
</div>
<div v-else>-</div>
</div>
</div>
</div>
</q-card-section>
</template>
<style scoped></style>

140
src/modules/05_leave/components/formDetail/formHajj.vue
View file

@ -1,69 +1,87 @@
<script setup lang="ts">
const props = defineProps({
data: {
type: Object,
required: true,
},
})
data: {
type: Object,
required: true,
},
});
</script>
<template>
<q-card-section>
<div class="q-pa-md q-gutter-md">
<div class="row">
<div class="col text-grey-8">วันที่ยื่นใบลา</div>
<div class="col">{{ props.data.dateSendLeave }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เรื่อง</div>
<div class="col">{{ props.data.leaveTypeName }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เขียนที่</div>
<div class="col">{{ props.data.leaveWrote }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาตั้งแต่วันที่</div>
<div class="col">{{ props.data.leaveDateStart }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาถึงวันที่</div>
<div class="col">{{ props.data.leaveDateEnd }}</div>
</div>
<div class="row">
<div class="col text-grey-8">จำนวนวันที่ลา</div>
<div class="col">{{ props.data.leaveCount }}</div>
</div>
<div class="row">
<div class="col text-grey-8">วันที่เข้ารับราชการ</div>
<div class="col">{{ props.data.leavegovernmentDate }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เคย/ไม่เคยไปประกอบพิธีฮัจญ์</div>
<div class="col">{{ props.data.hajjDayStatus ? "เคย" : "ไม่เคย" }}</div>
</div>
<div class="row">
<div class="col text-grey-8">รายละเอียด</div>
<div class="col">{{ props.data.leaveDetail }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เอกสารแนบ</div>
<div class="col">
<div v-if="props.data.leaveDocument && props.data.leaveDocument.length > 0">
<div v-for="(document, index) in props.data.leaveDocument" :key="index" :style="{ marginBottom: '10px' }">
<div>
{{ "เอกสารแนบฉบับที่" + (index + 1) }}
<q-btn :href="document" target="_blank" outline color="blue" label="ดาวน์โหลด" size="12px">
<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
</q-btn>
</div>
</div>
</div>
<div v-else>-</div>
</div>
</div>
</div>
</q-card-section>
<q-card-section>
<div class="q-pa-md q-gutter-md">
<div class="row">
<div class="col text-grey-8">วันที่ยื่นใบลา</div>
<div class="col">{{ props.data.dateSendLeave }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เรื่อง</div>
<div class="col">{{ props.data.leaveTypeName }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เขียนที่</div>
<div class="col">{{ props.data.leaveWrote }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาตั้งแต่วันที่</div>
<div class="col">{{ props.data.leaveDateStart }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาถึงวันที่</div>
<div class="col">{{ props.data.leaveDateEnd }}</div>
</div>
<div class="row">
<div class="col text-grey-8">จำนวนวันที่ลา</div>
<div class="col">
{{ props.data.leaveCount ? props.data.leaveCount : "-" }}
</div>
</div>
<div class="row">
<div class="col text-grey-8">วันที่เข้ารับราชการ</div>
<div class="col">{{ props.data.leavegovernmentDate }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เคย/ไม่เคยไปประกอบพิธีฮัจญ์</div>
<div class="col">{{ props.data.hajjDayStatus ? "เคย" : "ไม่เคย" }}</div>
</div>
<div class="row">
<div class="col text-grey-8">รายละเอียด</div>
<div class="col">
{{ props.data.leaveDetail ? props.data.leaveDetail : "-" }}
</div>
</div>
<div class="row">
<div class="col text-grey-8">เอกสารแนบ</div>
<div class="col">
<div
v-if="
props.data.leaveDocument && props.data.leaveDocument.length > 0
"
>
<div
v-for="(document, index) in props.data.leaveDocument"
:key="index"
:style="{ marginBottom: '10px' }"
>
<div>
<q-btn
:href="document"
target="_blank"
outline
color="blue"
:label="`ดาวน์โหลดเอกสารแนบที่ ${index + 1}`"
size="12px"
>
<q-tooltip>ดาวน์โหลดเอกสารแนบที่ {{ index + 1 }}</q-tooltip>
</q-btn>
</div>
</div>
</div>
<div v-else>-</div>
</div>
</div>
</div>
</q-card-section>
</template>
<style scoped></style>

164
src/modules/05_leave/components/formDetail/formHoliday.vue
View file

@ -1,81 +1,99 @@
<script setup lang="ts">
const props = defineProps({
data: {
type: Object,
required: true,
},
})
data: {
type: Object,
required: true,
},
});
</script>
<template>
<q-card-section>
<div class="q-pa-md q-gutter-md">
<div class="row">
<div class="col text-grey-8">วันที่ยื่นใบลา</div>
<div class="col">{{ props.data.dateSendLeave }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เรื่อง</div>
<div class="col">{{ props.data.leaveTypeName }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เขียนที่</div>
<div class="col">{{ props.data.leaveWrote }}</div>
</div>
<div class="row">
<div class="col text-grey-8">จำนวนวันลาพักผ่อนสะสม จากปีที่ผ่านมา</div>
<div class="col">{{ props.data.restDayOldTotal }}</div>
</div>
<div class="row">
<div class="col text-grey-8">จำนวนวันลาพักผ่อนประจำปีปัจจุบัน</div>
<div class="col">{{ props.data.restDayCurrentTotal }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาตั้งแต่วันที่</div>
<div class="col">{{ props.data.leaveDateStart }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาถึงวันที่</div>
<div class="col">{{ props.data.leaveDateEnd }}</div>
</div>
<div class="row">
<div class="col text-grey-8">จำนวนวันที่ลา</div>
<div class="col">{{ props.data.leaveCount }}</div>
</div>
<div class="row">
<div class="col text-grey-8"></div>
<div class="col">{{ props.data.leaveTypeDay }}</div>
</div>
<div class="row">
<div class="col text-grey-8">หมายเลขที่ติดต่อขณะลา</div>
<div class="col">{{ props.data.leaveNumber }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ที่อยู่ที่ติดต่อได้ระหว่างลา</div>
<div class="col">{{ props.data.leaveAddress }}</div>
</div>
<div class="row">
<div class="col text-grey-8">รายละเอียด</div>
<div class="col">{{ props.data.leaveDetail }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เอกสารแนบ</div>
<div class="col">
<div v-if="props.data.leaveDocument && props.data.leaveDocument.length > 0">
<div v-for="(document, index) in props.data.leaveDocument" :key="index" :style="{ marginBottom: '10px' }">
<div>
{{ "เอกสารแนบฉบับที่" + (index + 1) }}
<q-btn :href="document" target="_blank" outline color="blue" label="ดาวน์โหลด" size="12px">
<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
</q-btn>
</div>
</div>
</div>
<div v-else>-</div>
</div>
</div>
</div>
</q-card-section>
<q-card-section>
<div class="q-pa-md q-gutter-md">
<div class="row">
<div class="col text-grey-8">วันที่ยื่นใบลา</div>
<div class="col">{{ props.data.dateSendLeave }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เรื่อง</div>
<div class="col">{{ props.data.leaveTypeName }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เขียนที่</div>
<div class="col">{{ props.data.leaveWrote }}</div>
</div>
<div class="row">
<div class="col text-grey-8">จำนวนวันลาพักผ่อนสะสม จากปีที่ผ่านมา</div>
<div class="col">{{ props.data.restDayOldTotal }}</div>
</div>
<div class="row">
<div class="col text-grey-8">จำนวนวันลาพักผ่อนประจำปีปัจจุบัน</div>
<div class="col">{{ props.data.restDayCurrentTotal }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาตั้งแต่วันที่</div>
<div class="col">{{ props.data.leaveDateStart }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาถึงวันที่</div>
<div class="col">{{ props.data.leaveDateEnd }}</div>
</div>
<div class="row">
<div class="col text-grey-8">จำนวนวันที่ลา</div>
<div class="col">
{{ props.data.leaveCount ? props.data.leaveCount : "-" }}
</div>
</div>
<div class="row">
<div class="col text-grey-8"></div>
<div class="col">{{ props.data.leaveTypeDay }}</div>
</div>
<div class="row">
<div class="col text-grey-8">หมายเลขที่ติดต่อขณะลา</div>
<div class="col">{{ props.data.leaveNumber }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ที่อยู่ที่ติดต่อได้ระหว่างลา</div>
<div class="col">{{ props.data.leaveAddress }}</div>
</div>
<div class="row">
<div class="col text-grey-8">รายละเอียด</div>
<div class="col">
{{ props.data.leaveDetail ? props.data.leaveDetail : "-" }}
</div>
</div>
<div class="row">
<div class="col text-grey-8">เอกสารแนบ</div>
<div class="col">
<div
v-if="
props.data.leaveDocument && props.data.leaveDocument.length > 0
"
>
<div
v-for="(document, index) in props.data.leaveDocument"
:key="index"
:style="{ marginBottom: '10px' }"
>
<div>
<q-btn
:href="document"
target="_blank"
outline
color="blue"
:label="`ดาวน์โหลดเอกสารแนบที่ ${index + 1}`"
size="12px"
>
<q-tooltip>ดาวน์โหลดเอกสารแนบที่ {{ index + 1 }}</q-tooltip>
</q-btn>
</div>
</div>
</div>
<div v-else>-</div>
</div>
</div>
</div>
</q-card-section>
</template>
<style scoped></style>

158
src/modules/05_leave/components/formDetail/formLeave.vue
View file

@ -1,77 +1,97 @@
<script setup lang="ts">
const props = defineProps({
data: {
type: Object,
required: true,
},
})
data: {
type: Object,
required: true,
},
});
</script>
<template>
<q-card-section>
<div class="q-pa-md q-gutter-md">
<div class="row">
<div class="col text-grey-8">วันที่ยื่นใบลา</div>
<div class="col">{{ props.data.dateSendLeave }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เรื่อง</div>
<div class="col">{{ props.data.leaveTypeName }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เขียนที่</div>
<div class="col">{{ props.data.leaveWrote }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาตั้งแต่วันที่</div>
<div class="col">{{ props.data.leaveDateStart }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาถึงวันที่</div>
<div class="col">{{ props.data.leaveDateEnd }}</div>
</div>
<div class="row">
<div class="col text-grey-8">จำนวนวันที่ลา</div>
<div class="col">{{ props.data.leaveCount }}</div>
</div>
<div class="row">
<div class="col text-grey-8"></div>
<div class="col">{{ props.data.leaveTypeDay }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาครั้งสุดท้ายในประเภทนั้น ๆ เมื่อวันที่</div>
<div class="col">{{ props.data.leaveLastStart }}</div>
</div>
<div class="row">
<div class="col text-grey-8">หมายเลขที่ติดต่อขณะลา</div>
<div class="col">{{ props.data.leaveNumber }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ที่อยู่ที่ติดต่อได้ระหว่างลา</div>
<div class="col">{{ props.data.leaveAddress }}</div>
</div>
<div class="row">
<div class="col text-grey-8">รายละเอียด</div>
<div class="col">{{ props.data.leaveDetail }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เอกสารแนบ</div>
<div class="col">
<div v-if="props.data.leaveDocument && props.data.leaveDocument.length > 0">
<div v-for="(document, index) in props.data.leaveDocument" :key="index" :style="{ marginBottom: '10px' }">
<div>
{{ "เอกสารแนบฉบับที่" + (index + 1) }}
<q-btn :href="document" target="_blank" outline color="blue" label="ดาวน์โหลด" size="12px">
<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
</q-btn>
</div>
</div>
</div>
<div v-else>-</div>
</div>
</div>
</div>
</q-card-section>
<q-card-section>
<div class="q-pa-md q-gutter-md">
<div class="row">
<div class="col text-grey-8">วันที่ยื่นใบลา</div>
<div class="col">{{ props.data.dateSendLeave }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เรื่อง</div>
<div class="col">{{ props.data.leaveTypeName }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เขียนที่</div>
<div class="col">{{ props.data.leaveWrote }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาตั้งแต่วันที่</div>
<div class="col">{{ props.data.leaveDateStart }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาถึงวันที่</div>
<div class="col">{{ props.data.leaveDateEnd }}</div>
</div>
<div class="row">
<div class="col text-grey-8">จำนวนวันที่ลา</div>
<div class="col">
{{ props.data.leaveTotal ? props.data.leaveTotal : "-" }}
</div>
</div>
<div class="row">
<div class="col text-grey-8"></div>
<div class="col">{{ props.data.leaveTypeDay }}</div>
</div>
<div class="row">
<div class="col text-grey-8">
ลาครั้งสุดท้ายในประเภทนั้น ๆ เมื่อวันที่
</div>
<div class="col">{{ props.data.leaveLastStart }}</div>
</div>
<div class="row">
<div class="col text-grey-8">หมายเลขที่ติดต่อขณะลา</div>
<div class="col">{{ props.data.leaveNumber }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ที่อยู่ที่ติดต่อได้ระหว่างลา</div>
<div class="col">{{ props.data.leaveAddress }}</div>
</div>
<div class="row">
<div class="col text-grey-8">รายละเอียด</div>
<div class="col">
{{ props.data.leaveDetail ? props.data.leaveDetail : "-" }}
</div>
</div>
<div class="row">
<div class="col text-grey-8">เอกสารแนบ</div>
<div class="col">
<div
v-if="
props.data.leaveDocument && props.data.leaveDocument.length > 0
"
>
<div
v-for="(document, index) in props.data.leaveDocument"
:key="index"
:style="{ marginBottom: '10px' }"
>
<div>
<q-btn
:href="document"
target="_blank"
outline
color="blue"
:label="`ดาวน์โหลดเอกสารแนบที่ ${index + 1}`"
size="12px"
>
<q-tooltip>ดาวน์โหลดเอกสารแนบที่ {{ index + 1 }}</q-tooltip>
</q-btn>
</div>
</div>
</div>
<div v-else>-</div>
</div>
</div>
</div>
</q-card-section>
</template>
<style scoped></style>

198
src/modules/05_leave/components/formDetail/formLeaveToTraining.vue
View file

@ -1,96 +1,116 @@
<script setup lang="ts">
const props = defineProps({
data: {
type: Object,
required: true,
},
})
data: {
type: Object,
required: true,
},
});
</script>
<template>
<q-card-section>
<div class="q-pa-md q-gutter-md">
<div class="row">
<div class="col text-grey-8">วันที่ยื่นใบลา</div>
<div class="col">{{ props.data.dateSendLeave }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เรื่อง</div>
<div class="col">{{ props.data.leaveTypeName }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เขียนที่</div>
<div class="col">{{ props.data.leaveWrote }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาตั้งแต่วันที่</div>
<div class="col">{{ props.data.leaveDateStart }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาถึงวันที่</div>
<div class="col">{{ props.data.leaveDateEnd }}</div>
</div>
<div class="row">
<div class="col text-grey-8">จำนวนวันที่ลา</div>
<div class="col">{{ props.data.leaveCount }}</div>
</div>
<div class="row">
<div class="col text-grey-8">วันเดือนปีเกิด</div>
<div class="col">{{ props.data.leavebirthDate }}</div>
</div>
<div class="row">
<div class="col text-grey-8">วันที่เข้ารับราชการ</div>
<div class="col">{{ props.data.leavegovernmentDate }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เงินเดือนปัจจุบัน</div>
<div class="col">{{ props.data.leaveSalary }} ({{ props.data.leaveSalaryText }})</div>
</div>
<q-card-section>
<div class="q-pa-md q-gutter-md">
<div class="row">
<div class="col text-grey-8">วันที่ยื่นใบลา</div>
<div class="col">{{ props.data.dateSendLeave }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เรื่อง</div>
<div class="col">{{ props.data.leaveTypeName }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เขียนที่</div>
<div class="col">{{ props.data.leaveWrote }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาตั้งแต่วันที่</div>
<div class="col">{{ props.data.leaveDateStart }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาถึงวันที่</div>
<div class="col">{{ props.data.leaveDateEnd }}</div>
</div>
<div class="row">
<div class="col text-grey-8">จำนวนวันที่ลา</div>
<div class="col">
{{ props.data.leaveCount ? props.data.leaveCount : "-" }}
</div>
</div>
<div class="row">
<div class="col text-grey-8">วันเดือนปีเกิด</div>
<div class="col">{{ props.data.leavebirthDate }}</div>
</div>
<div class="row">
<div class="col text-grey-8">วันที่เข้ารับราชการ</div>
<div class="col">{{ props.data.leavegovernmentDate }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เงินเดือนปัจจุบัน</div>
<div class="col">
{{ props.data.leaveSalary }} ({{ props.data.leaveSalaryText }})
</div>
</div>
<div class="row">
<div class="col text-grey-8">ด้าน/หลักสูตร</div>
<div class="col">{{ props.data.studyDayTrainingSubject }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ณ สถานที่</div>
<div class="col">{{ props.data.studyDayTrainingName }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ด้าน/หลักสูตร</div>
<div class="col">{{ props.data.studyDayTrainingSubject }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ณ สถานที่</div>
<div class="col">{{ props.data.studyDayTrainingName }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ประเทศ</div>
<div class="col">{{ props.data.studyDayCountry }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ด้วยทุน</div>
<div class="col">{{ props.data.studyDayScholarship }}</div>
</div>
<div class="row">
<div class="col text-grey-8">หมายเลขที่ติดต่อขณะลา</div>
<div class="col">{{ props.data.leaveNumber }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ที่อยู่ที่ติดต่อได้ระหว่างลา</div>
<div class="col">{{ props.data.leaveAddress }}</div>
</div>
<div class="row">
<div class="col text-grey-8">รายละเอียด</div>
<div class="col">{{ props.data.leaveDetail }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เอกสารแนบ</div>
<div class="col">
<div v-if="props.data.leaveDocument && props.data.leaveDocument.length > 0">
<div v-for="(document, index) in props.data.leaveDocument" :key="index" :style="{ marginBottom: '10px' }">
<div>
{{ "เอกสารแนบฉบับที่" + (index + 1) }}
<q-btn :href="document" target="_blank" outline color="blue" label="ดาวน์โหลด" size="12px">
<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
</q-btn>
</div>
</div>
</div>
<div v-else>-</div>
</div>
</div>
</div>
</q-card-section>
<div class="row">
<div class="col text-grey-8">ประเทศ</div>
<div class="col">{{ props.data.studyDayCountry }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ด้วยทุน</div>
<div class="col">{{ props.data.studyDayScholarship }}</div>
</div>
<div class="row">
<div class="col text-grey-8">หมายเลขที่ติดต่อขณะลา</div>
<div class="col">{{ props.data.leaveNumber }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ที่อยู่ที่ติดต่อได้ระหว่างลา</div>
<div class="col">{{ props.data.leaveAddress }}</div>
</div>
<div class="row">
<div class="col text-grey-8">รายละเอียด</div>
<div class="col">
{{ props.data.leaveDetail ? props.data.leaveDetail : "-" }}
</div>
</div>
<div class="row">
<div class="col text-grey-8">เอกสารแนบ</div>
<div class="col">
<div
v-if="
props.data.leaveDocument && props.data.leaveDocument.length > 0
"
>
<div
v-for="(document, index) in props.data.leaveDocument"
:key="index"
:style="{ marginBottom: '10px' }"
>
<div>
<q-btn
:href="document"
target="_blank"
outline
color="blue"
:label="`ดาวน์โหลดเอกสารแนบที่ ${index + 1}`"
size="12px"
>
<q-tooltip>ดาวน์โหลดเอกสารแนบที่ {{ index + 1 }}</q-tooltip>
</q-btn>
</div>
</div>
</div>
<div v-else>-</div>
</div>
</div>
</div>
</q-card-section>
</template>

137
src/modules/05_leave/components/formDetail/formLeaveToWorkInternational.vue
View file

@ -1,61 +1,86 @@
<script setup lang="ts">
const props = defineProps({
data: {
type: Object,
required: true,
},
})
data: {
type: Object,
required: true,
},
});
</script>
<template>
<q-card-section>
<div class="q-pa-md q-gutter-md">
<div class="row">
<div class="col text-grey-8">วันที่ยื่นใบลา</div>
<div class="col">{{ props.data.dateSendLeave }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เรื่อง</div>
<div class="col">{{ props.data.leaveTypeName }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เขียนที่</div>
<div class="col">{{ props.data.leaveWrote }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาตั้งแต่วันที่</div>
<div class="col">{{ props.data.leaveDateStart }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาถึงวันที่</div>
<div class="col">{{ props.data.leaveDateEnd }}</div>
</div>
<div class="row">
<div class="col text-grey-8">รายละเอียด</div>
<div class="col">{{ props.data.leaveDetail }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เอกสารประกอบ</div>
<div class="col" v-if="props.data.leaveDocument">
<q-btn :href="props.data.leaveDocument" target="_blank" outline color="blue" label="ดาวน์โหลด" size="12px"> <q-tooltip>ดาวน์โหลดไฟล์</q-tooltip></q-btn>
</div>
<div class="col" v-else>-</div>
</div>
<div class="row">
<div class="col text-grey-8">เอกสารแนบ</div>
<div class="col">
<div v-if="props.data.leaveDocument && props.data.leaveDocument.length > 0">
<div v-for="(document, index) in props.data.leaveDocument" :key="index" :style="{ marginBottom: '10px' }">
<div>
{{ "เอกสารแนบฉบับที่" + (index + 1) }}
<q-btn :href="document" target="_blank" outline color="blue" label="ดาวน์โหลด" size="12px">
<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
</q-btn>
</div>
</div>
</div>
<div v-else>-</div>
</div>
</div>
</div>
</q-card-section>
<q-card-section>
<div class="q-pa-md q-gutter-md">
<div class="row">
<div class="col text-grey-8">วันที่ยื่นใบลา</div>
<div class="col">{{ props.data.dateSendLeave }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เรื่อง</div>
<div class="col">{{ props.data.leaveTypeName }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เขียนที่</div>
<div class="col">{{ props.data.leaveWrote }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาตั้งแต่วันที่</div>
<div class="col">{{ props.data.leaveDateStart }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาถึงวันที่</div>
<div class="col">{{ props.data.leaveDateEnd }}</div>
</div>
<div class="row">
<div class="col text-grey-8">รายละเอียด</div>
<div class="col">
{{ props.data.leaveDetail ? props.data.leaveDetail : "-" }}
</div>
</div>
<div class="row">
<div class="col text-grey-8">เอกสารประกอบ</div>
<div class="col" v-if="props.data.leaveDocument">
<q-btn
:href="props.data.leaveDocument"
target="_blank"
outline
color="blue"
label="ดาวน์โหลด"
size="12px"
>
<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip></q-btn
>
</div>
<div class="col" v-else>-</div>
</div>
<div class="row">
<div class="col text-grey-8">เอกสารแนบ</div>
<div class="col">
<div
v-if="
props.data.leaveDocument && props.data.leaveDocument.length > 0
"
>
<div
v-for="(document, index) in props.data.leaveDocument"
:key="index"
:style="{ marginBottom: '10px' }"
>
<div>
<q-btn
:href="document"
target="_blank"
outline
color="blue"
:label="`ดาวน์โหลดเอกสารแนบที่ ${index + 1}`"
size="12px"
>
<q-tooltip>ดาวน์โหลดเอกสารแนบที่ {{ index + 1 }}</q-tooltip>
</q-btn>
</div>
</div>
</div>
<div v-else>-</div>
</div>
</div>
</div>
</q-card-section>
</template>

216
src/modules/05_leave/components/formDetail/formSpouse.vue
View file

@ -1,103 +1,123 @@
<script setup lang="ts">
const props = defineProps({
data: {
type: Object,
required: true,
},
})
data: {
type: Object,
required: true,
},
});
</script>
<template>
<q-card-section>
<div class="q-pa-md q-gutter-md">
<div class="row">
<div class="col text-grey-8">วันที่ยื่นใบลา</div>
<div class="col">{{ props.data.dateSendLeave }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เรื่อง</div>
<div class="col">{{ props.data.leaveTypeName }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เขียนที่</div>
<div class="col">{{ props.data.leaveWrote }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาตั้งแต่วันที่</div>
<div class="col">{{ props.data.leaveDateStart }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาถึงวันที่</div>
<div class="col">{{ props.data.leaveDateEnd }}</div>
</div>
<div class="row">
<div class="col text-grey-8">จำนวนวันที่ลา</div>
<div class="col">{{ props.data.leaveCount }}</div>
</div>
<div class="row">
<div class="col text-grey-8">วันเดือนปีเกิด</div>
<div class="col">{{ props.data.leavebirthDate }}</div>
</div>
<div class="row">
<div class="col text-grey-8">วันที่เข้ารับราชการ</div>
<div class="col">{{ props.data.leavegovernmentDate }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เงินเดือนปัจจุบัน</div>
<div class="col">{{ props.data.leaveSalary }} ({{ props.data.leaveSalaryText }})</div>
</div>
<div class="row">
<div class="col text-grey-8">ชื่อคู่สมรส</div>
<div class="col">{{ props.data.coupleDayName }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ตำแหน่งคู่สมรส</div>
<div class="col">{{ props.data.coupleDayPosition }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ไปปฏิบัติราชการ ณ ประเทศ</div>
<div class="col">{{ props.data.coupleDayLevelCountry }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ประวัติการลาติดตามคู่สมรสครั้งสุดท้าย</div>
</div>
<div class="row q-mt-xs">
<div class="col text-grey-8">
<div class="q-ml-md" style="list-style-type: circle">
<li>ประเทศ</li>
<li>จำนวนวัน</li>
<li>ตั้งแต่วันที่</li>
<li>ถึงวันที่</li>
<li>ลาติดต่อกับครั้งก่อน รวมทั้งนี้ด้วย</li>
</div>
</div>
<div class="col">
<div>{{ props.data.coupleDayCountryHistory }}</div>
<div>{{ props.data.coupleDayTotalHistory }}</div>
<div>{{ props.data.coupleDayStartDateHistory }}</div>
<div>{{ props.data.coupleDayEndDateHistory }}</div>
<div>{{ props.data.coupleDaySumTotalHistory }}</div>
</div>
</div>
<div class="row">
<div class="col text-grey-8">รายละเอียด</div>
<div class="col">{{ props.data.leaveDetail }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เอกสารแนบ</div>
<div class="col">
<div v-if="props.data.leaveDocument && props.data.leaveDocument.length > 0">
<div v-for="(document, index) in props.data.leaveDocument" :key="index" :style="{ marginBottom: '10px' }">
<div>
{{ "เอกสารแนบฉบับที่" + (index + 1) }}
<q-btn :href="document" target="_blank" outline color="blue" label="ดาวน์โหลด" size="12px">
<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
</q-btn>
</div>
</div>
</div>
<div v-else>-</div>
</div>
</div>
</div>
</q-card-section>
<q-card-section>
<div class="q-pa-md q-gutter-md">
<div class="row">
<div class="col text-grey-8">วันที่ยื่นใบลา</div>
<div class="col">{{ props.data.dateSendLeave }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เรื่อง</div>
<div class="col">{{ props.data.leaveTypeName }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เขียนที่</div>
<div class="col">{{ props.data.leaveWrote }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาตั้งแต่วันที่</div>
<div class="col">{{ props.data.leaveDateStart }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาถึงวันที่</div>
<div class="col">{{ props.data.leaveDateEnd }}</div>
</div>
<div class="row">
<div class="col text-grey-8">จำนวนวันที่ลา</div>
<div class="col">
{{ props.data.leaveCount ? props.data.leaveCount : "-" }}
</div>
</div>
<div class="row">
<div class="col text-grey-8">วันเดือนปีเกิด</div>
<div class="col">{{ props.data.leavebirthDate }}</div>
</div>
<div class="row">
<div class="col text-grey-8">วันที่เข้ารับราชการ</div>
<div class="col">{{ props.data.leavegovernmentDate }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เงินเดือนปัจจุบัน</div>
<div class="col">
{{ props.data.leaveSalary }} ({{ props.data.leaveSalaryText }})
</div>
</div>
<div class="row">
<div class="col text-grey-8">ชื่อคู่สมรส</div>
<div class="col">{{ props.data.coupleDayName }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ตำแหน่งคู่สมรส</div>
<div class="col">{{ props.data.coupleDayPosition }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ไปปฏิบัติราชการ ณ ประเทศ</div>
<div class="col">{{ props.data.coupleDayLevelCountry }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ประวัติการลาติดตามคู่สมรสครั้งสุดท้าย</div>
</div>
<div class="row q-mt-xs">
<div class="col text-grey-8">
<div class="q-ml-md" style="list-style-type: circle">
<li>ประเทศ</li>
<li>จำนวนวัน</li>
<li>ตั้งแต่วันที่</li>
<li>ถึงวันที่</li>
<li>ลาติดต่อกับครั้งก่อน รวมทั้งนี้ด้วย</li>
</div>
</div>
<div class="col">
<div>{{ props.data.coupleDayCountryHistory }}</div>
<div>{{ props.data.coupleDayTotalHistory }}</div>
<div>{{ props.data.coupleDayStartDateHistory }}</div>
<div>{{ props.data.coupleDayEndDateHistory }}</div>
<div>{{ props.data.coupleDaySumTotalHistory }}</div>
</div>
</div>
<div class="row">
<div class="col text-grey-8">รายละเอียด</div>
<div class="col">
{{ props.data.leaveDetail ? props.data.leaveDetail : "-" }}
</div>
</div>
<div class="row">
<div class="col text-grey-8">เอกสารแนบ</div>
<div class="col">
<div
v-if="
props.data.leaveDocument && props.data.leaveDocument.length > 0
"
>
<div
v-for="(document, index) in props.data.leaveDocument"
:key="index"
:style="{ marginBottom: '10px' }"
>
<div>
<q-btn
:href="document"
target="_blank"
outline
color="blue"
:label="`ดาวน์โหลดเอกสารแนบที่ ${index + 1}`"
size="12px"
>
<q-tooltip>ดาวน์โหลดเอกสารแนบที่ {{ index + 1 }}</q-tooltip>
</q-btn>
</div>
</div>
</div>
<div v-else>-</div>
</div>
</div>
</div>
</q-card-section>
</template>

206
src/modules/05_leave/components/formDetail/formStudy.vue
View file

@ -1,101 +1,121 @@
<script setup lang="ts">
const props = defineProps({
data: {
type: Object,
required: true,
},
})
data: {
type: Object,
required: true,
},
});
</script>
<template>
<q-card-section>
<div class="q-pa-md q-gutter-md">
<div class="row">
<div class="col text-grey-8">วันที่ยื่นใบลา</div>
<div class="col">{{ props.data.dateSendLeave }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เรื่อง</div>
<div class="col">{{ props.data.leaveTypeName }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เขียนที่</div>
<div class="col">{{ props.data.leaveWrote }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาตั้งแต่วันที่</div>
<div class="col">{{ props.data.leaveDateStart }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาถึงวันที่</div>
<div class="col">{{ props.data.leaveDateEnd }}</div>
</div>
<div class="row">
<div class="col text-grey-8">จำนวนวันที่ลา</div>
<div class="col">{{ props.data.leaveCount }}</div>
</div>
<div class="row">
<div class="col text-grey-8">วันเดือนปีเกิด</div>
<div class="col">{{ props.data.leavebirthDate }}</div>
</div>
<div class="row">
<div class="col text-grey-8">วันที่เข้ารับราชการ</div>
<div class="col">{{ props.data.leavegovernmentDate }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เงินเดือนปัจจุบัน</div>
<div class="col">{{ props.data.leaveSalary }} ({{ props.data.leaveSalaryText }})</div>
</div>
<div class="row">
<div class="col text-grey-8">ศึกษาวิชา</div>
<div class="col">{{ props.data.studyDaySubject }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ขั้นปริญญา</div>
<div class="col">{{ props.data.studyDayDegreeLevel }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ชื่อสถานศึกษา</div>
<div class="col">{{ props.data.studyDayUniversityName }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ประเทศ</div>
<div class="col">{{ props.data.studyDayCountry }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ด้วยทุน</div>
<div class="col">{{ props.data.studyDayScholarship }}</div>
</div>
<div class="row">
<div class="col text-grey-8">หมายเลขที่ติดต่อขณะลา</div>
<div class="col">{{ props.data.leaveNumber }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ที่อยู่ที่ติดต่อได้ระหว่างลา</div>
<div class="col">{{ props.data.leaveAddress }}</div>
</div>
<div class="row">
<div class="col text-grey-8">รายละเอียด</div>
<div class="col">{{ props.data.leaveDetail }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เอกสารแนบ</div>
<div class="col">
<div v-if="props.data.leaveDocument && props.data.leaveDocument.length > 0">
<div v-for="(document, index) in props.data.leaveDocument" :key="index" :style="{ marginBottom: '10px' }">
<div>
{{ "เอกสารแนบฉบับที่" + (index + 1) }}
<q-btn :href="document" target="_blank" outline color="blue" label="ดาวน์โหลด" size="12px">
<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
</q-btn>
</div>
</div>
</div>
<div v-else>-</div>
</div>
</div>
</div>
</q-card-section>
<q-card-section>
<div class="q-pa-md q-gutter-md">
<div class="row">
<div class="col text-grey-8">วันที่ยื่นใบลา</div>
<div class="col">{{ props.data.dateSendLeave }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เรื่อง</div>
<div class="col">{{ props.data.leaveTypeName }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เขียนที่</div>
<div class="col">{{ props.data.leaveWrote }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาตั้งแต่วันที่</div>
<div class="col">{{ props.data.leaveDateStart }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาถึงวันที่</div>
<div class="col">{{ props.data.leaveDateEnd }}</div>
</div>
<div class="row">
<div class="col text-grey-8">จำนวนวันที่ลา</div>
<div class="col">
{{ props.data.leaveCount ? props.data.leaveCount : "-" }}
</div>
</div>
<div class="row">
<div class="col text-grey-8">วันเดือนปีเกิด</div>
<div class="col">{{ props.data.leavebirthDate }}</div>
</div>
<div class="row">
<div class="col text-grey-8">วันที่เข้ารับราชการ</div>
<div class="col">{{ props.data.leavegovernmentDate }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เงินเดือนปัจจุบัน</div>
<div class="col">
{{ props.data.leaveSalary }} ({{ props.data.leaveSalaryText }})
</div>
</div>
<div class="row">
<div class="col text-grey-8">ศึกษาวิชา</div>
<div class="col">{{ props.data.studyDaySubject }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ขั้นปริญญา</div>
<div class="col">{{ props.data.studyDayDegreeLevel }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ชื่อสถานศึกษา</div>
<div class="col">{{ props.data.studyDayUniversityName }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ประเทศ</div>
<div class="col">{{ props.data.studyDayCountry }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ด้วยทุน</div>
<div class="col">{{ props.data.studyDayScholarship }}</div>
</div>
<div class="row">
<div class="col text-grey-8">หมายเลขที่ติดต่อขณะลา</div>
<div class="col">{{ props.data.leaveNumber }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ที่อยู่ที่ติดต่อได้ระหว่างลา</div>
<div class="col">{{ props.data.leaveAddress }}</div>
</div>
<div class="row">
<div class="col text-grey-8">รายละเอียด</div>
<div class="col">
{{ props.data.leaveDetail ? props.data.leaveDetail : "-" }}
</div>
</div>
<div class="row">
<div class="col text-grey-8">เอกสารแนบ</div>
<div class="col">
<div
v-if="
props.data.leaveDocument && props.data.leaveDocument.length > 0
"
>
<div
v-for="(document, index) in props.data.leaveDocument"
:key="index"
:style="{ marginBottom: '10px' }"
>
<div>
<q-btn
:href="document"
target="_blank"
outline
color="blue"
:label="`ดาวน์โหลดเอกสารแนบที่ ${index + 1}`"
size="12px"
>
<q-tooltip>ดาวน์โหลดเอกสารแนบที่ {{ index + 1 }}</q-tooltip>
</q-btn>
</div>
</div>
</div>
<div v-else>-</div>
</div>
</div>
</div>
</q-card-section>
</template>
<style scoped></style>

190
src/modules/05_leave/components/formDetail/formUpasom.vue
View file

@ -1,94 +1,112 @@
<script setup lang="ts">
const props = defineProps({
data: {
type: Object,
required: true,
},
})
data: {
type: Object,
required: true,
},
});
</script>
<template>
<q-card-section>
<div class="q-pa-md q-gutter-md">
<div class="row">
<div class="col text-grey-8">วันที่ยื่นใบลา</div>
<div class="col">{{ props.data.dateSendLeave }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เรื่อง</div>
<div class="col">{{ props.data.leaveTypeName }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เขียนที่</div>
<div class="col">{{ props.data.leaveWrote }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาตั้งแต่วันที่</div>
<div class="col">{{ props.data.leaveLastStart }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาถึงวันที่</div>
<div class="col">{{ props.data.leaveLastEnd }}</div>
</div>
<div class="row">
<div class="col text-grey-8">จำนวนวันที่ลา</div>
<div class="col">{{ props.data.leaveTotal }}</div>
</div>
<div class="row">
<div class="col text-grey-8">วันเดือนปีเกิด</div>
<div class="col">{{ props.data.leavebirthDate }}</div>
</div>
<div class="row">
<div class="col text-grey-8">วันที่เข้ารับราชการ</div>
<div class="col">{{ props.data.leavegovernmentDate }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เคย/ไม่เคยบวช</div>
<div class="col">
{{ props.data.ordainDayStatus ? "เคย" : "ไม่เคย" }}
</div>
</div>
<div class="row">
<div class="col text-grey-8">สถานที่บวช</div>
<div class="col">
{{ props.data.ordainDayLocationName }}
{{ props.data.ordainDayLocationAddress }}
{{ props.data.ordainDayLocationNumber }}
</div>
</div>
<div class="row">
<div class="col text-grey-8">วันอุปสมบท</div>
<div class="col">{{ props.data.ordainDayOrdination }}</div>
</div>
<div class="row">
<div class="col text-grey-8">สถานที่จำพรรษา</div>
<div class="col">
{{ props.data.ordainDayBuddhistLentName }}
{{ props.data.ordainDayBuddhistLentAddress }}
</div>
</div>
<div class="row">
<div class="col text-grey-8">รายละเอียด</div>
<div class="col">{{ props.data.leaveDetail }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เอกสารแนบ</div>
<div class="col">
<div v-if="props.data.leaveDocument && props.data.leaveDocument.length > 0">
<div v-for="(document, index) in props.data.leaveDocument" :key="index" :style="{ marginBottom: '10px' }">
<div>
{{ "เอกสารแนบฉบับที่" + (index + 1) }}
<q-btn :href="document" target="_blank" outline color="blue" label="ดาวน์โหลด" size="12px">
<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
</q-btn>
</div>
</div>
</div>
<div v-else>-</div>
</div>
</div>
</div>
</q-card-section>
<q-card-section>
<div class="q-pa-md q-gutter-md">
<div class="row">
<div class="col text-grey-8">วันที่ยื่นใบลา</div>
<div class="col">{{ props.data.dateSendLeave }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เรื่อง</div>
<div class="col">{{ props.data.leaveTypeName }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เขียนที่</div>
<div class="col">{{ props.data.leaveWrote }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาตั้งแต่วันที่</div>
<div class="col">{{ props.data.leaveLastStart }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาถึงวันที่</div>
<div class="col">{{ props.data.leaveLastEnd }}</div>
</div>
<div class="row">
<div class="col text-grey-8">จำนวนวันที่ลา</div>
<div class="col">
{{ props.data.leaveCount ? props.data.leaveCount : "-" }}
</div>
</div>
<div class="row">
<div class="col text-grey-8">วันเดือนปีเกิด</div>
<div class="col">{{ props.data.leavebirthDate }}</div>
</div>
<div class="row">
<div class="col text-grey-8">วันที่เข้ารับราชการ</div>
<div class="col">{{ props.data.leavegovernmentDate }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เคย/ไม่เคยบวช</div>
<div class="col">
{{ props.data.ordainDayStatus ? "เคย" : "ไม่เคย" }}
</div>
</div>
<div class="row">
<div class="col text-grey-8">สถานที่บวช</div>
<div class="col">
{{ props.data.ordainDayLocationName }}
{{ props.data.ordainDayLocationAddress }}
{{ props.data.ordainDayLocationNumber }}
</div>
</div>
<div class="row">
<div class="col text-grey-8">วันอุปสมบท</div>
<div class="col">{{ props.data.ordainDayOrdination }}</div>
</div>
<div class="row">
<div class="col text-grey-8">สถานที่จำพรรษา</div>
<div class="col">
{{ props.data.ordainDayBuddhistLentName }}
{{ props.data.ordainDayBuddhistLentAddress }}
</div>
</div>
<div class="row">
<div class="col text-grey-8">รายละเอียด</div>
<div class="col">
{{ props.data.leaveDetail ? props.data.leaveDetail : "-" }}
</div>
</div>
<div class="row">
<div class="col text-grey-8">เอกสารแนบ</div>
<div class="col">
<div
v-if="
props.data.leaveDocument && props.data.leaveDocument.length > 0
"
>
<div
v-for="(document, index) in props.data.leaveDocument"
:key="index"
:style="{ marginBottom: '10px' }"
>
<div>
<q-btn
:href="document"
target="_blank"
outline
color="blue"
:label="`ดาวน์โหลดเอกสารแนบที่ ${index + 1}`"
size="12px"
>
<q-tooltip>ดาวน์โหลดเอกสารแนบที่ {{ index + 1 }}</q-tooltip>
</q-btn>
</div>
</div>
</div>
<div v-else>-</div>
</div>
</div>
</div>
</q-card-section>
</template>
<style scoped></style>

137
src/modules/05_leave/components/formDetail/formVocationalRehabilitation.vue
View file

@ -1,61 +1,86 @@
<script setup lang="ts">
const props = defineProps({
data: {
type: Object,
required: true,
},
})
data: {
type: Object,
required: true,
},
});
</script>
<template>
<q-card-section>
<div class="q-pa-md q-gutter-md">
<div class="row">
<div class="col text-grey-8">วันที่ยื่นใบลา</div>
<div class="col">{{ props.data.dateSendLeave }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เรื่อง</div>
<div class="col">{{ props.data.leaveTypeName }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เขียนที่</div>
<div class="col">{{ props.data.leaveWrote }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาตั้งแต่วันที่</div>
<div class="col">{{ props.data.leaveDateStart }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาถึงวันที่</div>
<div class="col">{{ props.data.leaveDateEnd }}</div>
</div>
<div class="row">
<div class="col text-grey-8">รายละเอียด</div>
<div class="col">{{ props.data.leaveDetail }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เอกสารประกอบ</div>
<div class="col" v-if="props.data.leaveDocument">
<q-btn :href="props.data.leaveDocument" target="_blank" outline color="blue" label="ดาวน์โหลด" size="12px"> <q-tooltip>ดาวน์โหลดไฟล์</q-tooltip></q-btn>
</div>
<div class="col" v-else>-</div>
</div>
<div class="row">
<div class="col text-grey-8">เอกสารแนบ</div>
<div class="col">
<div v-if="props.data.leaveDocument && props.data.leaveDocument.length > 0">
<div v-for="(document, index) in props.data.leaveDocument" :key="index" :style="{ marginBottom: '10px' }">
<div>
{{ "เอกสารแนบฉบับที่" + (index + 1) }}
<q-btn :href="document" target="_blank" outline color="blue" label="ดาวน์โหลด" size="12px">
<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
</q-btn>
</div>
</div>
</div>
<div v-else>-</div>
</div>
</div>
</div>
</q-card-section>
<q-card-section>
<div class="q-pa-md q-gutter-md">
<div class="row">
<div class="col text-grey-8">วันที่ยื่นใบลา</div>
<div class="col">{{ props.data.dateSendLeave }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เรื่อง</div>
<div class="col">{{ props.data.leaveTypeName }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เขียนที่</div>
<div class="col">{{ props.data.leaveWrote }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาตั้งแต่วันที่</div>
<div class="col">{{ props.data.leaveDateStart }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาถึงวันที่</div>
<div class="col">{{ props.data.leaveDateEnd }}</div>
</div>
<div class="row">
<div class="col text-grey-8">รายละเอียด</div>
<div class="col">
{{ props.data.leaveDetail ? props.data.leaveDetail : "-" }}
</div>
</div>
<div class="row">
<div class="col text-grey-8">เอกสารประกอบ</div>
<div class="col" v-if="props.data.leaveDocument">
<q-btn
:href="props.data.leaveDocument"
target="_blank"
outline
color="blue"
label="ดาวน์โหลด"
size="12px"
>
<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip></q-btn
>
</div>
<div class="col" v-else>-</div>
</div>
<div class="row">
<div class="col text-grey-8">เอกสารแนบ</div>
<div class="col">
<div
v-if="
props.data.leaveDocument && props.data.leaveDocument.length > 0
"
>
<div
v-for="(document, index) in props.data.leaveDocument"
:key="index"
:style="{ marginBottom: '10px' }"
>
<div>
<q-btn
:href="document"
target="_blank"
outline
color="blue"
:label="`ดาวน์โหลดเอกสารแนบที่ ${index + 1}`"
size="12px"
>
<q-tooltip>ดาวน์โหลดเอกสารแนบที่ {{ index + 1 }}</q-tooltip>
</q-btn>
</div>
</div>
</div>
<div v-else>-</div>
</div>
</div>
</div>
</q-card-section>
</template>

1
src/modules/05_leave/views/EditPage.vue
View file

@ -231,7 +231,6 @@ function onSubmit(formData: FormData, isLeave: boolean = true) {
showLoader();
await http
.put(config.API.leaveUserId(personalId.value), formData)
// .put(config.API.leaveUser() + "/" + formData.id, postData)
.then(() => {
success($q, "บันทึกสำเร็จ");
})