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) => { formDataSick.leaveDocument.forEach((file: File) => {
formData.append("leaveDocument", file); formData.append("leaveDocument", file);
}); });
// formData.append("leaveDocument", formDataSick.leaveDocument)
formData.append("type", formDataSick.type); formData.append("type", formDataSick.type);
formData.append("leaveRange", formDataSick.leaveRange); formData.append("leaveRange", formDataSick.leaveRange);
formData.append("leaveStartDate", dateToISO(formDataSick.leaveStartDate)); formData.append("leaveStartDate", dateToISO(formDataSick.leaveStartDate));
@ -199,11 +199,8 @@ onMounted(() => {
leaveDocumentList.value = props.data.leaveDocument; leaveDocumentList.value = props.data.leaveDocument;
formDataSick.leaveAddress = props.data.leaveAddress; formDataSick.leaveAddress = props.data.leaveAddress;
statusCheck.value = props.data.status; statusCheck.value = props.data.status;
console.log(leaveDocumentList.value.length);
console.log(statusCheck.value != "NEW");
} else { } else {
statusCheck.value = "START"; statusCheck.value = "START";
console.log(statusCheck.value != "NEW");
} }
}); });
</script> </script>
@ -477,7 +474,7 @@ onMounted(() => {
<q-item-section> <q-item-section>
<q-item-label class="row items-baseline"> <q-item-label class="row items-baseline">
<div class="col"> <div class="col">
{{ "เอกสารแนบฉบับที่ " + (index + 1) }} {{ "เอกสารแนบที่ " + (index + 1) }}
</div> </div>
<q-btn <q-btn
:href="document" :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("leaveDocument", formDataBirth.leaveDocument);
formData.append("type", formDataBirth.type); formData.append("type", formDataBirth.type);
formData.append("leaveStartDate", dateToISO(formDataBirth.leaveStartDate)); formData.append("leaveStartDate", dateToISO(new Date(formDataBirth.leaveStartDate)));
formData.append("leaveEndDate", dateToISO(formDataBirth.leaveEndDate)); formData.append("leaveEndDate", dateToISO(new Date(formDataBirth.leaveEndDate)));
formData.append("leaveWrote", formDataBirth.leaveWrote); formData.append("leaveWrote", formDataBirth.leaveWrote);
formData.append("leaveAddress", formDataBirth.leaveAddress); formData.append("leaveAddress", formDataBirth.leaveAddress);
formData.append("leaveNumber", formDataBirth.leaveNumber); formData.append("leaveNumber", formDataBirth.leaveNumber);
@ -410,7 +410,7 @@ onMounted(() => {
<q-item-section> <q-item-section>
<q-item-label class="row items-baseline"> <q-item-label class="row items-baseline">
<div class="col"> <div class="col">
{{ "เอกสารแนบฉบับที่" + (index + 1) }} {{ "เอกสารแนบที่ " + (index + 1) }}
</div> </div>
<q-btn <q-btn
class="col-6" 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-section>
<q-item-label class="row items-baseline"> <q-item-label class="row items-baseline">
<div class="col"> <div class="col">
{{ "เอกสารแนบฉบับที่" + (index + 1) }} {{ "เอกสารแนบที่ " + (index + 1) }}
</div> </div>
<q-btn <q-btn
class="col-6" 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-section>
<q-item-label class="row items-baseline"> <q-item-label class="row items-baseline">
<div class="col"> <div class="col">
{{ "เอกสารแนบฉบับที่" + (index + 1) }} {{ "เอกสารแนบที่ " + (index + 1) }}
</div> </div>
<q-btn <q-btn
class="col-6" 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-section>
<q-item-label class="row items-baseline"> <q-item-label class="row items-baseline">
<div class="col"> <div class="col">
{{ "เอกสารแนบฉบับที่" + (index + 1) }} {{ "เอกสารแนบที่ " + (index + 1) }}
</div> </div>
<q-btn <q-btn
class="col-6" 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-section>
<q-item-label class="row items-baseline"> <q-item-label class="row items-baseline">
<div class="col"> <div class="col">
{{ "เอกสารแนบฉบับที่" + (index + 1) }} {{ "เอกสารแนบที่ " + (index + 1) }}
</div> </div>
<q-btn <q-btn
class="col-6" 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-section>
<q-item-label class="row items-baseline"> <q-item-label class="row items-baseline">
<div class="col"> <div class="col">
{{ "เอกสารแนบฉบับที่" + (index + 1) }} {{ "เอกสารแนบที่ " + (index + 1) }}
</div> </div>
<q-btn <q-btn
class="col-6" 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-section>
<q-item-label class="row items-baseline"> <q-item-label class="row items-baseline">
<div class="col"> <div class="col">
{{ "เอกสารแนบฉบับที่" + (index + 1) }} {{ "เอกสารแนบที่ " + (index + 1) }}
</div> </div>
<q-btn <q-btn
class="col-6" 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-section>
<q-item-label class="row items-baseline"> <q-item-label class="row items-baseline">
<div class="col"> <div class="col">
{{ "เอกสารแนบฉบับที่" + (index + 1) }} {{ "เอกสารแนบที่ " + (index + 1) }}
</div> </div>
<q-btn <q-btn
class="col-6" 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-section>
<q-item-label class="row items-baseline"> <q-item-label class="row items-baseline">
<div class="col"> <div class="col">
{{ "เอกสารแนบฉบับที่" + (index + 1) }} {{ "เอกสารแนบที่ " + (index + 1) }}
</div> </div>
<q-btn <q-btn
class="col-6" 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-section>
<q-item-label class="row items-baseline"> <q-item-label class="row items-baseline">
<div class="col"> <div class="col">
{{ "เอกสารแนบฉบับที่" + (index + 1) }} {{ "เอกสารแนบที่ " + (index + 1) }}
</div> </div>
<q-btn <q-btn
class="col-6" 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-section>
<q-item-label class="row items-baseline"> <q-item-label class="row items-baseline">
<div class="col"> <div class="col">
{{ "เอกสารแนบฉบับที่" + (index + 1) }} {{ "เอกสารแนบที่ " + (index + 1) }}
</div> </div>
<q-btn <q-btn
class="col-6" 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)"> <q-td key="leaveTypeName" :props="props" @click="onClickView(props.row.id, props.row.status)">
{{ props.row.leaveTypeName }} {{ props.row.leaveTypeName }}
</q-td> </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 }} {{ props.row.dateLeave }}
</q-td> </q-td>
<q-td key="dateSendLeave" :props="props" @click="onClickView(props.row.id, props.row.status)"> <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"> <script setup lang="ts">
const props = defineProps({ const props = defineProps({
data: { data: {
type: Object, type: Object,
required: true, required: true,
}, },
}) });
console.log(props) console.log(props);
</script> </script>
<template> <template>
<q-card-section> <q-card-section>
<div class="q-pa-md q-gutter-md"> <div class="q-pa-md q-gutter-md">
<div class="row"> <div class="row">
<div class="col text-grey-8">วันที่ยื่นใบลา</div> <div class="col text-grey-8">วันที่ยื่นใบลา</div>
<div class="col">{{ props.data.dateSendLeave }}</div> <div class="col">{{ props.data.dateSendLeave }}</div>
</div> </div>
<div class="row"> <div class="row">
<div class="col text-grey-8">เรื่อง</div> <div class="col text-grey-8">เรื่อง</div>
<div class="col">{{ props.data.leaveTypeName }}</div> <div class="col">{{ props.data.leaveTypeName }}</div>
</div> </div>
<div class="row"> <div class="row">
<div class="col text-grey-8">เขียนที่</div> <div class="col text-grey-8">เขียนที่</div>
<div class="col">{{ props.data.leaveWrote }}</div> <div class="col">{{ props.data.leaveWrote }}</div>
</div> </div>
<div class="row"> <div class="row">
<div class="col text-grey-8">ลาตั้งแต่วันที่</div> <div class="col text-grey-8">ลาตั้งแต่วันที่</div>
<div class="col">{{ props.data.leaveDateStart }}</div> <div class="col">{{ props.data.leaveDateStart }}</div>
</div> </div>
<div class="row"> <div class="row">
<div class="col text-grey-8">ลาถึงวันที่</div> <div class="col text-grey-8">ลาถึงวันที่</div>
<div class="col">{{ props.data.leaveDateEnd }}</div> <div class="col">{{ props.data.leaveDateEnd }}</div>
</div> </div>
<div class="row"> <div class="row">
<div class="col text-grey-8">จำนวนวันที่ลา</div> <div class="col text-grey-8">จำนวนวันที่ลา</div>
<div class="col">{{ props.data.leaveCount }}</div> <div class="col">
</div> {{ props.data.leaveCount ? props.data.leaveCount : "-" }}
<div class="row"> </div>
<div class="col text-grey-8">ได้รับหมายเรียกของ</div> </div>
<div class="col">{{ props.data.absentDaySummon }}</div> <div class="row">
</div> <div class="col text-grey-8">ได้รับหมายเรียกของ</div>
<div class="row"> <div class="col">{{ props.data.absentDaySummon }}</div>
<div class="col text-grey-8">ที่</div> </div>
<div class="col">{{ props.data.absentDayLocation }}</div> <div class="row">
</div> <div class="col text-grey-8">ที่</div>
<div class="row"> <div class="col">{{ props.data.absentDayLocation }}</div>
<div class="col text-grey-8">ลงวันที่</div> </div>
<div class="col">{{ props.data.absentDayRegistorDate }}</div> <div class="row">
</div> <div class="col text-grey-8">ลงวันที่</div>
<div class="row"> <div class="col">{{ props.data.absentDayRegistorDate }}</div>
<div class="col text-grey-8">ให้เข้ารับการ</div> </div>
<div class="col">{{ props.data.absentDayGetIn }}</div> <div class="row">
</div> <div class="col text-grey-8">ให้เข้ารับการ</div>
<div class="row"> <div class="col">{{ props.data.absentDayGetIn }}</div>
<div class="col text-grey-8">ณ ที่</div> </div>
<div class="col">{{ props.data.absentDayAt }}</div> <div class="row">
</div> <div class="col text-grey-8">ณ ที่</div>
<div class="row"> <div class="col">{{ props.data.absentDayAt }}</div>
<div class="col text-grey-8">รายละเอียด</div> </div>
<div class="col">{{ props.data.leaveDetail }}</div> <div class="row">
</div> <div class="col text-grey-8">รายละเอียด</div>
<div class="row"> <div class="col">
<div class="col text-grey-8">เอกสารแนบ</div> {{ props.data.leaveDetail ? props.data.leaveDetail : "-" }}
<div class="col"> </div>
<div v-if="props.data.leaveDocument && props.data.leaveDocument.length > 0"> </div>
<div v-for="(document, index) in props.data.leaveDocument" :key="index" :style="{ marginBottom: '10px' }"> <div class="row">
<div> <div class="col text-grey-8">เอกสารแนบ</div>
{{ "เอกสารแนบฉบับที่" + (index + 1) }} <div class="col">
<q-btn :href="document" target="_blank" outline color="blue" label="ดาวน์โหลด" size="12px"> <div
<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip> v-if="
</q-btn> props.data.leaveDocument && props.data.leaveDocument.length > 0
</div> "
</div> >
</div> <div
<div v-else>-</div> v-for="(document, index) in props.data.leaveDocument"
</div> :key="index"
</div> :style="{ marginBottom: '10px' }"
</div> >
</q-card-section> <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> </template>
<style scoped></style> <style scoped></style>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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