form หน้ารายละเอียดการลา
This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490
parent
853f925d92
commit
bfe73c0efc
14 changed files with 1524 additions and 202 deletions
|
|
@ -5,16 +5,26 @@ import { useQuasar } from "quasar";
|
|||
//importStore
|
||||
import { useCounterMixin } from "@/stores/mixin";
|
||||
import { useLeavelistDataStore } from "@/modules/09_leave/stores/LeaveStore";
|
||||
import { useLeavelistDataStoreTest } from "@/modules/09_leave/stores/ListLeave";
|
||||
|
||||
const APIDATA = useLeavelistDataStoreTest();
|
||||
|
||||
//importType
|
||||
import type { FremData } from "@/modules/09_leave/interface/request/leave";
|
||||
|
||||
// importForm
|
||||
import FormMain from "@/modules/09_leave/components/2_Leave/formDetail/formMain.vue";
|
||||
import FormLeave from "@/modules/09_leave/components/2_Leave/formDetail/formLeave.vue";
|
||||
import FormChildbirth from "@/modules/09_leave/components/2_Leave/formDetail/formChildbirth.vue";
|
||||
import FormHoliday from "@/modules/09_leave/components/2_Leave/formDetail/formHoliday.vue";
|
||||
|
||||
import FormMain from "@/modules/09_leave/components/2_Leave/formDetail/formMain.vue"; // from ซ้าย
|
||||
import FormLeave from "@/modules/09_leave/components/2_Leave/formDetail/formLeave.vue"; // ลาป่วย ลาคลอดบุตร และลากิจส่วนตัว
|
||||
import FormChildbirth from "@/modules/09_leave/components/2_Leave/formDetail/formChildbirth.vue"; // ลาไปช่วยเหลือภริยาที่คลอดบุตร
|
||||
import FormHoliday from "@/modules/09_leave/components/2_Leave/formDetail/formHoliday.vue"; //ลาพักผ่อน
|
||||
import FormUpasom from "@/modules/09_leave/components/2_Leave/formDetail/formUpasom.vue"; // ลาอุปสมบท
|
||||
import FormHajj from "@/modules/09_leave/components/2_Leave/formDetail/formHajj.vue"; //ลาประกอบพิธีฮัจย์
|
||||
import FormCheckSelect from "@/modules/09_leave/components/2_Leave/formDetail/formCheckSelect.vue"; //ลาเข้ารับการตรวจเลือกหรือเข้ารับการเตรียมพล
|
||||
import FormStudy from "@/modules/09_leave/components/2_Leave/formDetail/formStudy.vue"; //ลาไปศึกษา
|
||||
import FormLeaveToTraining from "@/modules/09_leave/components/2_Leave/formDetail/formLeaveToTraining.vue"; // ลาไปฝึกอบรม ปฏิบัติการวิจัย หรือดูงาน
|
||||
import FormLeaveToWorkInternational from "@/modules/09_leave/components/2_Leave/formDetail/formLeaveToWorkInternational.vue"; // ลาไปปฏิบัติงานในองค์การระหว่างประเทศ
|
||||
import FormSpouse from "@/modules/09_leave/components/2_Leave/formDetail/formSpouse.vue"; // ลาติดตามคู่สมรส
|
||||
import FormVocationalRehabilitation from "@/modules/09_leave/components/2_Leave/formDetail/formVocationalRehabilitation.vue"; //ลาไปฟื้นฟูสมรรถภาพด้านอาชีพ
|
||||
const $q = useQuasar();
|
||||
const mixin = useCounterMixin();
|
||||
const { dialogConfirm, showLoader, hideLoader, date2Thai } = mixin;
|
||||
|
|
@ -23,164 +33,81 @@ const router = useRouter();
|
|||
const route = useRoute();
|
||||
const paramsId = route.params.id.toString();
|
||||
|
||||
/** Form รายละเอียดข้อมูล*/
|
||||
const formData = reactive<FremData>({
|
||||
id: "",
|
||||
leaveType: "",
|
||||
subject: "",
|
||||
name: "",
|
||||
Date: "",
|
||||
status: "",
|
||||
quotaSick: "",
|
||||
leaveSick: "",
|
||||
quotaRemaining: "",
|
||||
notification: "",
|
||||
requesterPosition: "",
|
||||
requesterLevel: "",
|
||||
requesterBeUnder: "",
|
||||
writeAt: "",
|
||||
leaveSince: "",
|
||||
leaveTo: "",
|
||||
leaveNumber: 0,
|
||||
leaveDayType: "",
|
||||
leaveLast: "",
|
||||
phoneNumber: "",
|
||||
address: "",
|
||||
detail: "",
|
||||
document: null,
|
||||
nameWife: "",
|
||||
dateOfBirth: "",
|
||||
accumulatedHolidays: 0,
|
||||
currentHolidays: 0,
|
||||
id: "", // id
|
||||
leaveType: "", // ประเภทวันลา
|
||||
subject: "", // เรื่อง
|
||||
name: "", // ชื่อผู้ยื่นขอ
|
||||
Date: "", // วันที่ยืนใบลา
|
||||
status: "", //
|
||||
quotaSick: "", // โควต้าลาป่วย
|
||||
leaveSick: "", // ลาป่วยไปแล้ว
|
||||
quotaRemaining: "", // คงเหลือโควต้า
|
||||
notification: "", // เรียน
|
||||
requesterPosition: "", // ตำแหน่งผู้ยืนขอ
|
||||
requesterLevel: "", // ระดับผู้ยืนขอ
|
||||
requesterBeUnder: "", // สังกัดผู้ยืนขอ
|
||||
writeAt: "", // เขียนที่
|
||||
leaveSince: "", //ลาตั้งแต่วันที่
|
||||
leaveTo: "", // ลาถึงวันที่
|
||||
leaveNumber: 0, // จำนวนวันที่ลา
|
||||
leaveDayType: "", // ลาทั้งวัน,ลาครึ่งวันเช้า,ลาครึ่งวันบ่าย
|
||||
leaveLast: "", // ลาครั้งสุดท้ายในประเภทนั้น ๆ เมื่อวันที่
|
||||
phoneNumber: "", // หมายเลขโทรศัพท์
|
||||
address: "", // ที่อยู่ที่ติดต่อได้ระหว่างลา
|
||||
detail: "", // รายละเอียด
|
||||
document: null, // เอกสารประกอบ
|
||||
nameWife: "", // ชื่อภรรยา
|
||||
dateOfBirth: "", // วันที่คลอด
|
||||
accumulatedHolidays: 0, // จำนวนวันลาพักผ่อนสะสม จากปีที่ผ่านมา
|
||||
currentHolidays: 0, // จำนวนวันลาพักผ่อนประจำปีปัจจุบัน
|
||||
birthday: "", // วันเดือนปีเกิด
|
||||
receiveGovernment: "", // วันที่เข้ารับราชการ
|
||||
statusOrdained: "", // เคย/ไม่เคยบวช
|
||||
placeOrdination: "", //สถานที่บวช
|
||||
dateOrdination: "", // วันอุปสมบท
|
||||
placeBuddhistLent: "", // สถานที่เข้าพรรษา
|
||||
statusHajj: "", //เคย/ไม่เคยไปประกอบพิธีฮัจย์
|
||||
summons: "", // ได้รับหมายเรียกของ
|
||||
location: "", //ที่
|
||||
dateReceived: "", // ลงวันที่
|
||||
treatmentReceived: "", // ให้เข้ารับการ
|
||||
receivingLocation: "", //ณ ที่
|
||||
planTime: "", //มีกำหนด กี่ปี กี่เดือน กี่วัน
|
||||
currentSalary: null, //เงินเดือนปัจจุบัน
|
||||
currentSalaryRead: " ", //เงินเดือนปัจจุบัน(อ่าน)
|
||||
studySubjects: "", //ศึกษาวิชา
|
||||
degreeLevel: "", // ขั้นปริญญา
|
||||
schoolName: "", //ชื่อสถานศึกษา
|
||||
country: "", //ประเทศ
|
||||
withCapital: "", // ด้วยทุน
|
||||
course: "", // ด้านหลักสูตร
|
||||
atThePlace: "", //ณ สถานที่
|
||||
spouseName: "", // ชื่อคู่สมรส
|
||||
spousePosition: "", // ตำแหน่งคู่สมรส
|
||||
spouseLevel: "", // ระดับคู่สมรส
|
||||
workCountry: "", // ไปปฏิบัติราชการ ณ ประเทศ
|
||||
historyFollow: "", // ประวัติการลาติดตามคู่สมรสครั้งสุดท้าย
|
||||
});
|
||||
|
||||
onMounted(() => {
|
||||
showLoader();
|
||||
if (paramsId) {
|
||||
fecthDetailLeave(paramsId);
|
||||
fetchDetailLeave(paramsId);
|
||||
}
|
||||
});
|
||||
|
||||
function fecthDetailLeave(paramsId: string) {
|
||||
const dataAPI = [
|
||||
{
|
||||
id: "00000000-0000-0000-0000-000000000001",
|
||||
leaveType: "leave5",
|
||||
name: "นายกัณฐิมา กาฬสินธ์ุ",
|
||||
Date: new Date("2023-11-03"),
|
||||
status: "NEW",
|
||||
quotaSick: "10",
|
||||
leaveSick: "5",
|
||||
quotaRemaining: "5",
|
||||
notification: "สำนักงาน",
|
||||
requesterPosition: "รองหัวหน้า",
|
||||
requesterLevel: "ทั่วไป",
|
||||
requesterBeUnder: "กรุงเทพมหานนคร",
|
||||
writeAt: "บ้าน",
|
||||
leaveSince: new Date("2023-11-05"),
|
||||
leaveTo: new Date("2023-11-08"),
|
||||
leaveNumber: 3,
|
||||
leaveDayType: "allday",
|
||||
leaveLast: new Date("2023-10-08"),
|
||||
phoneNumber: "095-123467",
|
||||
address: "ที่อยู่ที่ติดต่อได้ระหว่างลา",
|
||||
detail: "รายละเอียดการลา",
|
||||
document: null,
|
||||
nameWife: "",
|
||||
dateOfBirth: null,
|
||||
accumulatedHolidays: 5,
|
||||
currentHolidays: 10,
|
||||
},
|
||||
{
|
||||
id: "00000000-0000-0000-0000-000000000002",
|
||||
leaveType: "leave2",
|
||||
name: "นายนครชัย วันดี",
|
||||
Date: new Date("2023-11-01"),
|
||||
status: "APPROVE",
|
||||
quotaSick: "15",
|
||||
leaveSick: "5",
|
||||
quotaRemaining: "10",
|
||||
notification: "หัวหน้างาน",
|
||||
requesterPosition: "รองหัวหน้า",
|
||||
requesterLevel: "ทั่วไป",
|
||||
requesterBeUnder: "กรุงเทพมหานนคร",
|
||||
writeAt: "บ้าน",
|
||||
leaveSince: new Date("2023-11-05"),
|
||||
leaveTo: new Date("2023-11-08"),
|
||||
leaveNumber: 4,
|
||||
leaveDayType: "halfmorning",
|
||||
leaveLast: new Date("2023-10-08"),
|
||||
phoneNumber: "095-123467",
|
||||
address: "ที่อยู่ที่ติดต่อได้ระหว่างลา",
|
||||
detail: "รายละเอียดการลา",
|
||||
document: null,
|
||||
nameWife: "",
|
||||
dateOfBirth: null,
|
||||
accumulatedHolidays: 0,
|
||||
currentHolidays: 0,
|
||||
},
|
||||
{
|
||||
id: "00000000-0000-0000-0000-000000000003",
|
||||
leaveType: "leave3",
|
||||
name: "นายกัณฐิมา กาฬสินธ์ุ",
|
||||
Date: new Date("2023-11-02"),
|
||||
status: "PENDING",
|
||||
quotaSick: "10",
|
||||
leaveSick: "5",
|
||||
quotaRemaining: "5",
|
||||
notification: "หัวหน้างาน",
|
||||
requesterPosition: "รองหัวหน้า",
|
||||
requesterLevel: "ทั่วไป",
|
||||
requesterBeUnder: "กรุงเทพมหานนคร",
|
||||
writeAt: "บ้าน",
|
||||
leaveSince: new Date("2023-11-05"),
|
||||
leaveTo: new Date("2023-11-08"),
|
||||
leaveNumber: 5,
|
||||
leaveDayType: "halfafternoon",
|
||||
leaveLast: new Date("2023-10-08"),
|
||||
phoneNumber: "095-123467",
|
||||
address: "ที่อยู่ที่ติดต่อได้ระหว่างลา",
|
||||
detail: "รายละเอียดการลา",
|
||||
document: null,
|
||||
nameWife: "",
|
||||
dateOfBirth: null,
|
||||
accumulatedHolidays: 0,
|
||||
currentHolidays: 0,
|
||||
},
|
||||
{
|
||||
id: "00000000-0000-0000-0000-000000000004",
|
||||
leaveType: "leave4",
|
||||
name: "นายปิยรมย์ ศิริธาราฟ",
|
||||
Date: new Date("2023-11-01"),
|
||||
status: "PENDING",
|
||||
quotaSick: "10",
|
||||
leaveSick: "5",
|
||||
quotaRemaining: "5",
|
||||
notification: "หัวหน้างาน",
|
||||
requesterPosition: "รองหัวหน้า",
|
||||
requesterLevel: "ทั่วไป",
|
||||
requesterBeUnder: "กรุงเทพมหานนคร",
|
||||
writeAt: "บ้าน",
|
||||
leaveSince: new Date("2023-11-05"),
|
||||
leaveTo: new Date("2023-11-08"),
|
||||
leaveNumber: 6,
|
||||
leaveDayType: "halfafternoon",
|
||||
leaveLast: new Date("2023-10-08"),
|
||||
phoneNumber: "095-123467",
|
||||
address: "ที่อยู่ที่ติดต่อได้ระหว่างลา",
|
||||
detail: "รายละเอียดการลา",
|
||||
document: null,
|
||||
nameWife: "นางแก้ว ศิริธาราฟ",
|
||||
dateOfBirth: new Date("2023-11-10"),
|
||||
accumulatedHolidays: 0,
|
||||
currentHolidays: 0,
|
||||
},
|
||||
];
|
||||
/**
|
||||
* Function fetch รายละเอียดของข้อมูล
|
||||
* @param paramsId รับ ID จาก paramID
|
||||
*/
|
||||
function fetchDetailLeave(paramsId: string) {
|
||||
const dataAPI = APIDATA.data;
|
||||
const data = dataAPI.filter((e: any) => e.id === paramsId);
|
||||
|
||||
data.map((e: any) => {
|
||||
formData.id = e.id;
|
||||
formData.leaveType = e.leaveType;
|
||||
|
||||
formData.subject = e.leaveType
|
||||
? stores.convertLeave(e.leaveType) || ""
|
||||
: null;
|
||||
|
|
@ -210,6 +137,37 @@ function fecthDetailLeave(paramsId: string) {
|
|||
formData.dateOfBirth = e.dateOfBirth ? date2Thai(e.dateOfBirth) : null;
|
||||
formData.accumulatedHolidays = e.accumulatedHolidays;
|
||||
formData.currentHolidays = e.currentHolidays;
|
||||
formData.birthday = e.birthday ? date2Thai(e.birthday) : null;
|
||||
formData.receiveGovernment = e.receiveGovernment
|
||||
? date2Thai(e.receiveGovernment)
|
||||
: null;
|
||||
formData.statusOrdained = e.statusOrdained;
|
||||
formData.placeOrdination = e.placeOrdination;
|
||||
formData.dateOrdination = e.dateOrdination
|
||||
? date2Thai(e.dateOrdination)
|
||||
: null;
|
||||
formData.placeBuddhistLent = e.placeBuddhistLent;
|
||||
formData.statusHajj = e.statusHajj;
|
||||
formData.summons = e.summons;
|
||||
formData.location = e.location;
|
||||
formData.dateReceived = e.dateReceived ? date2Thai(e.dateReceived) : null;
|
||||
formData.treatmentReceived = e.treatmentReceived;
|
||||
formData.receivingLocation = e.receivingLocation;
|
||||
formData.planTime = e.planTime;
|
||||
formData.currentSalary = e.currentSalary;
|
||||
formData.currentSalaryRead = e.currentSalaryRead;
|
||||
formData.studySubjects = e.studySubjects;
|
||||
formData.degreeLevel = e.degreeLevel;
|
||||
formData.schoolName = e.schoolName;
|
||||
formData.country = e.country;
|
||||
formData.withCapital = e.withCapital;
|
||||
formData.course = e.course;
|
||||
formData.atThePlace = e.atThePlace;
|
||||
formData.spouseName = e.spouseName;
|
||||
formData.spousePosition = e.spousePosition;
|
||||
formData.spouseLevel = e.spouseLevel;
|
||||
formData.workCountry = e.workCountry;
|
||||
formData.historyFollow = e.historyFollow;
|
||||
});
|
||||
|
||||
// setTimeout(() => {
|
||||
|
|
@ -218,7 +176,12 @@ function fecthDetailLeave(paramsId: string) {
|
|||
hideLoader();
|
||||
// }, 1000);
|
||||
}
|
||||
/**Status Form การลา*/
|
||||
const checkForm = ref<string>("");
|
||||
/**
|
||||
* Function เช็คประเภทการลา
|
||||
* @param type รับค่าประเภทของการลา
|
||||
*/
|
||||
function checkLeaveType(type: string) {
|
||||
if (type === "leave1" || type === "leave2" || type === "leave3") {
|
||||
checkForm.value = "FormLeave";
|
||||
|
|
@ -226,9 +189,26 @@ function checkLeaveType(type: string) {
|
|||
checkForm.value = "FormChildbirth";
|
||||
} else if (type === "leave5") {
|
||||
checkForm.value = "FormHoliday";
|
||||
} else if (type === "leave6") {
|
||||
checkForm.value = "FormUpasom";
|
||||
} else if (type === "leave7") {
|
||||
checkForm.value = "FormHajj";
|
||||
} else if (type === "leave8") {
|
||||
checkForm.value = "FormCheckSelect";
|
||||
} else if (type === "leave9") {
|
||||
checkForm.value = "FormStudy";
|
||||
} else if (type === "leave10") {
|
||||
checkForm.value = "FormLeaveToTraining";
|
||||
} else if (type === "leave11") {
|
||||
checkForm.value = "FormLeaveToWorkInternational";
|
||||
} else if (type === "leave12") {
|
||||
checkForm.value = "FormSpouse";
|
||||
} else if (type === "leave13") {
|
||||
checkForm.value = "FormVocationalRehabilitation";
|
||||
}
|
||||
}
|
||||
|
||||
/** Function Save*/
|
||||
function clickSave() {
|
||||
dialogConfirm(
|
||||
$q,
|
||||
|
|
@ -237,6 +217,8 @@ function clickSave() {
|
|||
"ต้องการยืนยันการอนุมัติใช่หรือไม่ ?"
|
||||
);
|
||||
}
|
||||
|
||||
/** Function Reject*/
|
||||
function clickReject() {
|
||||
dialogConfirm(
|
||||
$q,
|
||||
|
|
@ -355,13 +337,13 @@ function clickReject() {
|
|||
</q-card>
|
||||
</div>
|
||||
<div class="row q-col-gutter-md col-12">
|
||||
<div class="col-xs-12 col-sm-6 row">
|
||||
<div class="col-xs-12 col-sm-5 row">
|
||||
<!-- card ซ้าย -->
|
||||
<q-card flat bordered class="col-12">
|
||||
<FormMain :data="formData" />
|
||||
</q-card>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-6 row">
|
||||
<div class="col-xs-12 col-sm-7 row">
|
||||
<q-card flat bordered class="col-12">
|
||||
<FormLeave v-if="checkForm === 'FormLeave'" :data="formData" />
|
||||
<FormChildbirth
|
||||
|
|
@ -372,6 +354,35 @@ function clickReject() {
|
|||
v-else-if="checkForm === 'FormHoliday'"
|
||||
:data="formData"
|
||||
/>
|
||||
<FormUpasom
|
||||
v-else-if="checkForm === 'FormUpasom'"
|
||||
:data="formData"
|
||||
/>
|
||||
<FormHajj v-else-if="checkForm === 'FormHajj'" :data="formData" />
|
||||
<FormCheckSelect
|
||||
v-else-if="checkForm === 'FormCheckSelect'"
|
||||
:data="formData"
|
||||
/>
|
||||
<FormStudy
|
||||
v-else-if="checkForm === 'FormStudy'"
|
||||
:data="formData"
|
||||
/>
|
||||
<FormLeaveToTraining
|
||||
v-else-if="checkForm === 'FormLeaveToTraining'"
|
||||
:data="formData"
|
||||
/>
|
||||
<FormLeaveToWorkInternational
|
||||
v-else-if="checkForm === 'FormLeaveToWorkInternational'"
|
||||
:data="formData"
|
||||
/>
|
||||
<FormSpouse
|
||||
v-else-if="checkForm === 'FormSpouse'"
|
||||
:data="formData"
|
||||
/>
|
||||
<FormVocationalRehabilitation
|
||||
v-else-if="checkForm === 'FormVocationalRehabilitation'"
|
||||
:data="formData"
|
||||
/>
|
||||
</q-card>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,62 @@
|
|||
<script setup lang="ts">
|
||||
const props = defineProps({
|
||||
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.writeAt }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">ลาตั้งแต่วันที่</div>
|
||||
<div class="col">{{ props.data.leaveSince }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">ลาถึงวันที่</div>
|
||||
<div class="col">{{ props.data.leaveTo }}</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.summons }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">ที่</div>
|
||||
<div class="col">{{ props.data.location }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">ลงวันที่</div>
|
||||
<div class="col">{{ props.data.dateReceived }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">ให้เข้ารับการ</div>
|
||||
<div class="col">{{ props.data.treatmentReceived }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">ณ ที่</div>
|
||||
<div class="col">{{ props.data.receivingLocation }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">รายละเอียด</div>
|
||||
<div class="col">{{ props.data.detail }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">เอกสารแบบ</div>
|
||||
<div class="col">ไม่พบเอกสาร</div>
|
||||
</div>
|
||||
</div>
|
||||
</q-card-section>
|
||||
</template>
|
||||
|
||||
<style scoped></style>
|
||||
|
|
@ -0,0 +1,49 @@
|
|||
<script setup lang="ts">
|
||||
const props = defineProps({
|
||||
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.writeAt }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">ลาตั้งแต่วันที่</div>
|
||||
<div class="col">{{ props.data.leaveSince }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">ลาถึงวันที่</div>
|
||||
<div class="col">{{ props.data.leaveTo }}</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.receiveGovernment }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">เคย/ไม่เคยไปประกอบพิธีฮัจย์</div>
|
||||
<div class="col">{{ props.data.statusHajj }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">รายละเอียด</div>
|
||||
<div class="col">{{ props.data.detail }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">เอกสารแบบ</div>
|
||||
<div class="col">ไม่พบเอกสาร</div>
|
||||
</div>
|
||||
</div>
|
||||
</q-card-section>
|
||||
</template>
|
||||
|
||||
<style scoped></style>
|
||||
|
|
@ -0,0 +1,78 @@
|
|||
<script setup lang="ts">
|
||||
const props = defineProps({
|
||||
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.writeAt }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">ลาตั้งแต่วันที่</div>
|
||||
<div class="col">{{ props.data.leaveSince }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">ลาถึงวันที่</div>
|
||||
<div class="col">{{ props.data.leaveTo }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">จำนวนวันที่ลา</div>
|
||||
<div class="col">{{ props.data.planTime }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">วันเดือนปีเกิด</div>
|
||||
<div class="col">{{ props.data.birthday }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">วันที่เข้ารับราชการ</div>
|
||||
<div class="col">{{ props.data.receiveGovernment }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">เงินเดือนปัจจุบัน</div>
|
||||
<div class="col">
|
||||
{{ props.data.currentSalary }} ({{ props.data.currentSalaryRead }})
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">ด้าน/หลักสูตร</div>
|
||||
<div class="col">{{ props.data.course }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">ณ สถานที่</div>
|
||||
<div class="col">{{ props.data.atThePlace }}</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">ประเทศ</div>
|
||||
<div class="col">{{ props.data.country }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">ด้วยทุน</div>
|
||||
<div class="col">{{ props.data.withCapital }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">หมายเลขที่ติดต่อขณะลา</div>
|
||||
<div class="col">{{ props.data.phoneNumber }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">ที่อยู่ที่ติดต่อได้ระหว่างลา</div>
|
||||
<div class="col">{{ props.data.address }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">รายละเอียด</div>
|
||||
<div class="col">{{ props.data.detail }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">เอกสารแบบ</div>
|
||||
<div class="col">ไม่พบเอกสาร</div>
|
||||
</div>
|
||||
</div>
|
||||
</q-card-section>
|
||||
</template>
|
||||
|
|
@ -0,0 +1,59 @@
|
|||
<script setup lang="ts">
|
||||
const props = defineProps({
|
||||
data: {
|
||||
type: Object,
|
||||
required: true,
|
||||
},
|
||||
});
|
||||
</script>
|
||||
<template>
|
||||
<q-card-section
|
||||
><h1>ลาไปปฏิบัติงานในองค์การระหว่างประเทศ</h1>
|
||||
<!-- <div class="q-pa-md q-gutter-md">
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">เขียนที่</div>
|
||||
<div class="col">{{ props.data.writeAt }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">จำนวนวันลาพักผ่อนสะสม จากปีที่ผ่านมา</div>
|
||||
<div class="col">{{ props.data.accumulatedHolidays }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">จำนวนวันลาพักผ่อนประจำปีปัจจุบัน</div>
|
||||
<div class="col">{{ props.data.currentHolidays }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">ลาตั้งแต่วันที่</div>
|
||||
<div class="col">{{ props.data.leaveSince }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">ลาถึงวันที่</div>
|
||||
<div class="col">{{ props.data.leaveTo }}</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.leaveDayType }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">หมายเลขที่ติดต่อขณะลา</div>
|
||||
<div class="col">{{ props.data.phoneNumber }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">ที่อยู่ที่ติดต่อได้ระหว่างลา</div>
|
||||
<div class="col">{{ props.data.address }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">รายละเอียด</div>
|
||||
<div class="col">{{ props.data.detail }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">เอกสารแบบ</div>
|
||||
<div class="col">ไม่พบเอกสาร</div>
|
||||
</div>
|
||||
</div> -->
|
||||
</q-card-section>
|
||||
</template>
|
||||
|
|
@ -1,5 +1,4 @@
|
|||
<script setup lang="ts">
|
||||
|
||||
const props = defineProps({
|
||||
data: {
|
||||
type: Object,
|
||||
|
|
@ -12,31 +11,31 @@ console.log(props);
|
|||
<q-card-section>
|
||||
<div class="q-pa-md q-gutter-md">
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">วันที่ยืนใบลา</div>
|
||||
<div class="col-4 text-grey-8">วันที่ยืนใบลา</div>
|
||||
<div class="col">{{ props.data.Date }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">เรื่อง</div>
|
||||
<div class="col-4 text-grey-8">เรื่อง</div>
|
||||
<div class="col">{{ props.data.subject }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">เรียน</div>
|
||||
<div class="col-4 text-grey-8">เรียน</div>
|
||||
<div class="col">{{ props.data.notification }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">ชื่อผู้ยื่นขอ</div>
|
||||
<div class="col-4 text-grey-8">ชื่อผู้ยื่นขอ</div>
|
||||
<div class="col">{{ props.data.name }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">ตำแหน่งผู้ยืนขอ</div>
|
||||
<div class="col-4 text-grey-8">ตำแหน่งผู้ยืนขอ</div>
|
||||
<div class="col">{{ props.data.requesterPosition }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">ระดับผู้ยืนขอ</div>
|
||||
<div class="col-4 text-grey-8">ระดับผู้ยืนขอ</div>
|
||||
<div class="col">{{ props.data.requesterLevel }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">สังกัดผู้ยืนขอ</div>
|
||||
<div class="col-4 text-grey-8">สังกัดผู้ยืนขอ</div>
|
||||
<div class="col">{{ props.data.requesterBeUnder }}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,85 @@
|
|||
<script setup lang="ts">
|
||||
const props = defineProps({
|
||||
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.writeAt }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">ลาตั้งแต่วันที่</div>
|
||||
<div class="col">{{ props.data.leaveSince }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">ลาถึงวันที่</div>
|
||||
<div class="col">{{ props.data.leaveTo }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">จำนวนวันที่ลา</div>
|
||||
<div class="col">{{ props.data.planTime }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">วันเดือนปีเกิด</div>
|
||||
<div class="col">{{ props.data.birthday }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">วันที่เข้ารับราชการ</div>
|
||||
<div class="col">{{ props.data.receiveGovernment }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">เงินเดือนปัจจุบัน</div>
|
||||
<div class="col">
|
||||
{{ props.data.currentSalary }} ({{ props.data.currentSalaryRead }})
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">ชื่อคู่สมรส</div>
|
||||
<div class="col">{{ props.data.spouseName }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">ตำแหน่งคู่สมรส</div>
|
||||
<div class="col">{{ props.data.spouseLevel }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">ไปปฏิบัติราชการ ณ ประเทศ</div>
|
||||
<div class="col">{{ props.data.workCountry }}</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>ประเทศ</div>
|
||||
<div>จำนวนวัน</div>
|
||||
<div>ตั้งแต่วันที่</div>
|
||||
<div>ถึงวันที่</div>
|
||||
<div>ลาติดต่อกับครั้งก่อน รวมทั้งนี้ด้วย</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">รายละเอียด</div>
|
||||
<div class="col">{{ props.data.detail }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">เอกสารแบบ</div>
|
||||
<div class="col">ไม่พบเอกสาร</div>
|
||||
</div>
|
||||
</div>
|
||||
</q-card-section>
|
||||
</template>
|
||||
|
|
@ -0,0 +1,83 @@
|
|||
<script setup lang="ts">
|
||||
const props = defineProps({
|
||||
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.writeAt }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">ลาตั้งแต่วันที่</div>
|
||||
<div class="col">{{ props.data.leaveSince }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">ลาถึงวันที่</div>
|
||||
<div class="col">{{ props.data.leaveTo }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">จำนวนวันที่ลา</div>
|
||||
<div class="col">{{ props.data.planTime }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">วันเดือนปีเกิด</div>
|
||||
<div class="col">{{ props.data.birthday }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">วันที่เข้ารับราชการ</div>
|
||||
<div class="col">{{ props.data.receiveGovernment }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">เงินเดือนปัจจุบัน</div>
|
||||
<div class="col">
|
||||
{{ props.data.currentSalary }} ({{ props.data.currentSalaryRead }})
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">ศึกษาวิชา</div>
|
||||
<div class="col">{{ props.data.studySubjects }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">ขั้นปริญญา</div>
|
||||
<div class="col">{{ props.data.degreeLevel }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">ชื่อสถานศึกษา</div>
|
||||
<div class="col">{{ props.data.schoolName }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">ประเทศ</div>
|
||||
<div class="col">{{ props.data.country }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">ด้วยทุน</div>
|
||||
<div class="col">{{ props.data.withCapital }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">หมายเลขที่ติดต่อขณะลา</div>
|
||||
<div class="col">{{ props.data.phoneNumber }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">ที่อยู่ที่ติดต่อได้ระหว่างลา</div>
|
||||
<div class="col">{{ props.data.address }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">รายละเอียด</div>
|
||||
<div class="col">{{ props.data.detail }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">เอกสารแบบ</div>
|
||||
<div class="col">ไม่พบเอกสาร</div>
|
||||
</div>
|
||||
</div>
|
||||
</q-card-section>
|
||||
</template>
|
||||
|
||||
<style scoped></style>
|
||||
|
|
@ -0,0 +1,65 @@
|
|||
<script setup lang="ts">
|
||||
const props = defineProps({
|
||||
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.writeAt }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">ลาตั้งแต่วันที่</div>
|
||||
<div class="col">{{ props.data.leaveSince }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">ลาถึงวันที่</div>
|
||||
<div class="col">{{ props.data.leaveTo }}</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.birthday }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">วันที่เข้ารับราชการ</div>
|
||||
<div class="col">{{ props.data.receiveGovernment }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">เคย/ไม่เคยบวช</div>
|
||||
<div class="col">{{ props.data.statusOrdained }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">สถานที่บวช</div>
|
||||
<div class="col">{{ props.data.placeOrdination }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">วันอุปสมบท</div>
|
||||
<div class="col">{{ props.data.dateOrdination }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">สถานที่จำพรรษา</div>
|
||||
<div class="col">{{ props.data.placeBuddhistLent }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">รายละเอียด</div>
|
||||
<div class="col">{{ props.data.detail }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">เอกสารแบบ</div>
|
||||
<div class="col">ไม่พบเอกสาร</div>
|
||||
</div>
|
||||
</div>
|
||||
</q-card-section>
|
||||
</template>
|
||||
|
||||
<style scoped></style>
|
||||
|
|
@ -0,0 +1,59 @@
|
|||
<script setup lang="ts">
|
||||
const props = defineProps({
|
||||
data: {
|
||||
type: Object,
|
||||
required: true,
|
||||
},
|
||||
});
|
||||
</script>
|
||||
<template>
|
||||
<q-card-section>
|
||||
<h1>ลาไปฟื้นฟูสมรรถภาพด้านอาชีพ</h1>
|
||||
<!-- <div class="q-pa-md q-gutter-md">
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">เขียนที่</div>
|
||||
<div class="col">{{ props.data.writeAt }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">จำนวนวันลาพักผ่อนสะสม จากปีที่ผ่านมา</div>
|
||||
<div class="col">{{ props.data.accumulatedHolidays }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">จำนวนวันลาพักผ่อนประจำปีปัจจุบัน</div>
|
||||
<div class="col">{{ props.data.currentHolidays }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">ลาตั้งแต่วันที่</div>
|
||||
<div class="col">{{ props.data.leaveSince }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">ลาถึงวันที่</div>
|
||||
<div class="col">{{ props.data.leaveTo }}</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.leaveDayType }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">หมายเลขที่ติดต่อขณะลา</div>
|
||||
<div class="col">{{ props.data.phoneNumber }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">ที่อยู่ที่ติดต่อได้ระหว่างลา</div>
|
||||
<div class="col">{{ props.data.address }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">รายละเอียด</div>
|
||||
<div class="col">{{ props.data.detail }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">เอกสารแบบ</div>
|
||||
<div class="col">ไม่พบเอกสาร</div>
|
||||
</div>
|
||||
</div> -->
|
||||
</q-card-section>
|
||||
</template>
|
||||
Loading…
Add table
Add a link
Reference in a new issue