form รายละเอียดการลา

This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490 2023-11-14 13:29:21 +07:00
parent b49cdaf913
commit 5e7a544195
17 changed files with 1118 additions and 1107 deletions

View file

@ -13,47 +13,47 @@ console.log(props);
<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 class="col">{{ props.data.leaveWrote }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาตงแตนท</div>
<div class="col">{{ props.data.leaveSince }}</div>
<div class="col">{{ props.data.leaveStartDate }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาถงวนท</div>
<div class="col">{{ props.data.leaveTo }}</div>
<div class="col">{{ props.data.leaveEndDate }}</div>
</div>
<div class="row">
<div class="col text-grey-8">จำนวนวนทลา</div>
<div class="col">{{ props.data.leaveNumber }}</div>
<div class="col">{{ props.data.leaveDateTotal }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ไดบหมายเรยกของ</div>
<div class="col">{{ props.data.summons }}</div>
<div class="col">{{ props.data.absentDaySummon }}</div>
</div>
<div class="row">
<div class="col text-grey-8"></div>
<div class="col">{{ props.data.location }}</div>
<div class="col">{{ props.data.absentDayLocation }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลงวนท</div>
<div class="col">{{ props.data.dateReceived }}</div>
<div class="col">{{ props.data.absentDayRegistorDate }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ใหเขารบการ</div>
<div class="col">{{ props.data.treatmentReceived }}</div>
<div class="col">{{ props.data.absentDayGetIn }}</div>
</div>
<div class="row">
<div class="col text-grey-8"> </div>
<div class="col">{{ props.data.receivingLocation }}</div>
<div class="col">{{ props.data.absentDayAt }}</div>
</div>
<div class="row">
<div class="col text-grey-8">รายละเอยด</div>
<div class="col">{{ props.data.detail }}</div>
<div class="col">{{ props.data.leaveDetail }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เอกสารแบบ</div>
<div class="col">ไมพบเอกสาร</div>
<div class="col">{{ props.data.leaveDocument }}</div>
</div>
</div>
</q-card-section>

View file

@ -11,43 +11,43 @@ const props = defineProps({
<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 class="col">{{ props.data.leaveWrote }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาตงแตนท</div>
<div class="col">{{ props.data.leaveSince }}</div>
<div class="col">{{ props.data.leaveStartDate }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาถงวนท</div>
<div class="col">{{ props.data.leaveTo }}</div>
<div class="col">{{ props.data.leaveEndDate }}</div>
</div>
<div class="row">
<div class="col text-grey-8">จำนวนวนทลา</div>
<div class="col">{{ props.data.leaveNumber }}</div>
<div class="col">{{ props.data.leaveDateTotal }}</div>
</div>
<div class="row">
<div class="col text-grey-8">อภรรยา</div>
<div class="col">{{ props.data.nameWife }}</div>
<div class="col">{{ props.data.wifeDayName }}</div>
</div>
<div class="row">
<div class="col text-grey-8">นทคลอด</div>
<div class="col">{{ props.data.dateOfBirth }}</div>
<div class="col">{{ props.data.wifeDayDateBorn }}</div>
</div>
<div class="row">
<div class="col text-grey-8">หมายเลขทดตอขณะลา</div>
<div class="col">{{ props.data.phoneNumber }}</div>
<div class="col">{{ props.data.leaveNumber }}</div>
</div>
<div class="row">
<div class="col text-grey-8">อยดตอไดระหวางลา</div>
<div class="col">{{ props.data.address }}</div>
<div class="col">{{ props.data.leaveAddress }}</div>
</div>
<div class="row">
<div class="col text-grey-8">รายละเอยด</div>
<div class="col">{{ props.data.detail }}</div>
<div class="col">{{ props.data.leaveDetail }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เอกสารแบบ</div>
<div class="col">ไมพบเอกสาร</div>
<div class="col">{{ props.data.leaveDocument }}</div>
</div>
</div>
</q-card-section>

View file

@ -12,35 +12,35 @@ const props = defineProps({
<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 class="col">{{ props.data.leaveWrote }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาตงแตนท</div>
<div class="col">{{ props.data.leaveSince }}</div>
<div class="col">{{ props.data.leaveStartDate }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาถงวนท</div>
<div class="col">{{ props.data.leaveTo }}</div>
<div class="col">{{ props.data.leaveEndDate }}</div>
</div>
<div class="row">
<div class="col text-grey-8">จำนวนวนทลา</div>
<div class="col">{{ props.data.leaveNumber }}</div>
<div class="col">{{ props.data.leaveDateTotal }}</div>
</div>
<div class="row">
<div class="col text-grey-8">นทเขารบราชการ</div>
<div class="col">{{ props.data.receiveGovernment }}</div>
<div class="col">{{ props.data.leavegovernmentDate }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เคย/ไมเคยไปประกอบพจย</div>
<div class="col">{{ props.data.statusHajj }}</div>
<div class="col">{{ props.data.hajjDayStatus ? "เคย" : "ไม่เคย" }}</div>
</div>
<div class="row">
<div class="col text-grey-8">รายละเอยด</div>
<div class="col">{{ props.data.detail }}</div>
<div class="col">{{ props.data.leaveDetail }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เอกสารแบบ</div>
<div class="col">ไมพบเอกสาร</div>
<div class="col">{{ props.data.leaveDocument }}</div>
</div>
</div>
</q-card-section>

View file

@ -12,47 +12,47 @@ const props = defineProps({
<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 class="col">{{ props.data.leaveWrote }}</div>
</div>
<div class="row">
<div class="col text-grey-8">จำนวนวนลาพกผอนสะสม จากปานมา</div>
<div class="col">{{ props.data.accumulatedHolidays }}</div>
<div class="col">{{ props.data.restDayOldTotal }}</div>
</div>
<div class="row">
<div class="col text-grey-8">จำนวนวนลาพกผอนประจำปจจ</div>
<div class="col">{{ props.data.currentHolidays }}</div>
<div class="col">{{ props.data.restDayCurrentTotal }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาตงแตนท</div>
<div class="col">{{ props.data.leaveSince }}</div>
<div class="col">{{ props.data.leaveStartDate }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาถงวนท</div>
<div class="col">{{ props.data.leaveTo }}</div>
<div class="col">{{ props.data.leaveEndDate }}</div>
</div>
<div class="row">
<div class="col text-grey-8">จำนวนวนทลา</div>
<div class="col">{{ props.data.leaveNumber }}</div>
<div class="col">{{ props.data.leaveDateTotal }}</div>
</div>
<div class="row">
<div class="col text-grey-8"></div>
<div class="col">{{ props.data.leaveDayType }}</div>
<div class="col">งว</div>
</div>
<div class="row">
<div class="col text-grey-8">หมายเลขทดตอขณะลา</div>
<div class="col">{{ props.data.phoneNumber }}</div>
<div class="col">{{ props.data.leaveNumber }}</div>
</div>
<div class="row">
<div class="col text-grey-8">อยดตอไดระหวางลา</div>
<div class="col">{{ props.data.address }}</div>
<div class="col">{{ props.data.leaveAddress }}</div>
</div>
<div class="row">
<div class="col text-grey-8">รายละเอยด</div>
<div class="col">{{ props.data.detail }}</div>
<div class="col">{{ props.data.leaveDetail }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เอกสารแบบ</div>
<div class="col">ไมพบเอกสาร</div>
<div class="col">{{ props.data.leaveDocument }}</div>
</div>
</div>
</q-card-section>

View file

@ -12,23 +12,23 @@ const props = defineProps({
<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 class="col">{{ props.data.leaveWrote }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาตงแตนท</div>
<div class="col">{{ props.data.leaveSince }}</div>
<div class="col">{{ props.data.leaveStartDate }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาถงวนท</div>
<div class="col">{{ props.data.leaveTo }}</div>
<div class="col">{{ props.data.leaveEndDate }}</div>
</div>
<div class="row">
<div class="col text-grey-8">จำนวนวนทลา</div>
<div class="col">{{ props.data.leaveNumber }}</div>
<div class="col">{{ props.data.leaveDateTotal }}</div>
</div>
<div class="row">
<div class="col text-grey-8"></div>
<div class="col">{{ props.data.leaveDayType }}</div>
<div class="col">งว</div>
</div>
<div class="row">
<div class="col text-grey-8">
@ -38,19 +38,19 @@ const props = defineProps({
</div>
<div class="row">
<div class="col text-grey-8">หมายเลขทดตอขณะลา</div>
<div class="col">{{ props.data.phoneNumber }}</div>
<div class="col">{{ props.data.leaveNumber }}</div>
</div>
<div class="row">
<div class="col text-grey-8">อยดตอไดระหวางลา</div>
<div class="col">{{ props.data.address }}</div>
<div class="col">{{ props.data.leaveAddress }}</div>
</div>
<div class="row">
<div class="col text-grey-8">รายละเอยด</div>
<div class="col">{{ props.data.detail }}</div>
<div class="col">{{ props.data.leaveDetail }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เอกสารแบบ</div>
<div class="col">ไมพบเอกสาร</div>
<div class="col">{{ props.data.leaveDocument }}</div>
</div>
</div>
</q-card-section>

View file

@ -11,67 +11,67 @@ const props = defineProps({
<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 class="col">{{ props.data.leaveWrote }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาตงแตนท</div>
<div class="col">{{ props.data.leaveSince }}</div>
<div class="col">{{ props.data.leaveStartDate }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาถงวนท</div>
<div class="col">{{ props.data.leaveTo }}</div>
<div class="col">{{ props.data.leaveEndDate }}</div>
</div>
<div class="row">
<div class="col text-grey-8">จำนวนวนทลา</div>
<div class="col">{{ props.data.planTime }}</div>
<div class="col">{{ props.data.leaveDateTotal }}</div>
</div>
<div class="row">
<div class="col text-grey-8">นเดอนปเก</div>
<div class="col">{{ props.data.birthday }}</div>
<div class="col">{{ props.data.leavebirthDate }}</div>
</div>
<div class="row">
<div class="col text-grey-8">นทเขารบราชการ</div>
<div class="col">{{ props.data.receiveGovernment }}</div>
<div class="col">{{ props.data.leavegovernmentDate }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เงนเดอนปจจ</div>
<div class="col">
{{ props.data.currentSalary }} ({{ props.data.currentSalaryRead }})
{{ props.data.leaveSalary }} ({{ props.data.leaveSalaryText }})
</div>
</div>
<div class="row">
<div class="col text-grey-8">าน/หลกสตร</div>
<div class="col">{{ props.data.course }}</div>
<div class="col">{{ props.data.studyDayTrainingSubject }}</div>
</div>
<div class="row">
<div class="col text-grey-8"> สถานท</div>
<div class="col">{{ props.data.atThePlace }}</div>
<div class="col">{{ props.data.studyDayTrainingName }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ประเทศ</div>
<div class="col">{{ props.data.country }}</div>
<div class="col">{{ props.data.studyDayCountry }}</div>
</div>
<div class="row">
<div class="col text-grey-8">วยท</div>
<div class="col">{{ props.data.withCapital }}</div>
<div class="col">{{ props.data.studyDayScholarship }}</div>
</div>
<div class="row">
<div class="col text-grey-8">หมายเลขทดตอขณะลา</div>
<div class="col">{{ props.data.phoneNumber }}</div>
<div class="col">{{ props.data.leaveNumber }}</div>
</div>
<div class="row">
<div class="col text-grey-8">อยดตอไดระหวางลา</div>
<div class="col">{{ props.data.address }}</div>
<div class="col">{{ props.data.leaveAddress }}</div>
</div>
<div class="row">
<div class="col text-grey-8">รายละเอยด</div>
<div class="col">{{ props.data.detail }}</div>
<div class="col">{{ props.data.leaveDetail }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เอกสารแบบ</div>
<div class="col">ไมพบเอกสาร</div>
<div class="col">{{ props.data.leaveDocument }}</div>
</div>
</div>
</q-card-section>

View file

@ -7,53 +7,28 @@ const props = defineProps({
});
</script>
<template>
<q-card-section
><h1>ลาไปปฏงานในองคการระหวางประเทศ</h1>
<!-- <div class="q-pa-md q-gutter-md">
<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.accumulatedHolidays }}</div>
</div>
<div class="row">
<div class="col text-grey-8">จำนวนวนลาพกผอนประจำปจจ</div>
<div class="col">{{ props.data.currentHolidays }}</div>
<div class="col">{{ props.data.leaveWrote }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาตงแตนท</div>
<div class="col">{{ props.data.leaveSince }}</div>
<div class="col">{{ props.data.leaveStartDate }}</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 class="col">{{ props.data.leaveEndDate }}</div>
</div>
<div class="row">
<div class="col text-grey-8">รายละเอยด</div>
<div class="col">{{ props.data.detail }}</div>
<div class="col">{{ props.data.leaveDetail }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เอกสารแบบ</div>
<div class="col">ไมพบเอกสาร</div>
<div class="col">{{ props.data.leaveDocument }}</div>
</div>
</div> -->
</div>
</q-card-section>
</template>

View file

@ -12,11 +12,11 @@ console.log(props);
<div class="q-pa-md q-gutter-md">
<div class="row">
<div class="col-4 text-grey-8">นทนใบลา</div>
<div class="col">{{ props.data.Date }}</div>
<div class="col">{{ props.data.dateSendLeave }}</div>
</div>
<div class="row">
<div class="col-4 text-grey-8">เรอง</div>
<div class="col">{{ props.data.subject }}</div>
<div class="col">{{ props.data.leaveTypeId }}</div>
</div>
<div class="row">
<div class="col-4 text-grey-8">เรยน</div>
@ -24,7 +24,7 @@ console.log(props);
</div>
<div class="row">
<div class="col-4 text-grey-8">อผนขอ</div>
<div class="col">{{ props.data.name }}</div>
<div class="col">{{ props.data.fullname }}</div>
</div>
<div class="row">
<div class="col-4 text-grey-8">ตำแหนงผนขอ</div>

View file

@ -11,45 +11,45 @@ const props = defineProps({
<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 class="col">{{ props.data.leaveWrote }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาตงแตนท</div>
<div class="col">{{ props.data.leaveSince }}</div>
<div class="col">{{ props.data.leaveStartDate }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาถงวนท</div>
<div class="col">{{ props.data.leaveTo }}</div>
<div class="col">{{ props.data.leaveEndDate }}</div>
</div>
<div class="row">
<div class="col text-grey-8">จำนวนวนทลา</div>
<div class="col">{{ props.data.planTime }}</div>
<div class="col">{{ props.data.leaveDateTotal }}</div>
</div>
<div class="row">
<div class="col text-grey-8">นเดอนปเก</div>
<div class="col">{{ props.data.birthday }}</div>
<div class="col">{{ props.data.leavebirthDate }}</div>
</div>
<div class="row">
<div class="col text-grey-8">นทเขารบราชการ</div>
<div class="col">{{ props.data.receiveGovernment }}</div>
<div class="col">{{ props.data.leavegovernmentDate }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เงนเดอนปจจ</div>
<div class="col">
{{ props.data.currentSalary }} ({{ props.data.currentSalaryRead }})
{{ props.data.leaveSalary }} ({{ props.data.leaveSalaryText }})
</div>
</div>
<div class="row">
<div class="col text-grey-8">อคสมรส</div>
<div class="col">{{ props.data.spouseName }}</div>
<div class="col">{{ props.data.coupleDayName }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ตำแหนงคสมรส</div>
<div class="col">{{ props.data.spouseLevel }}</div>
<div class="col">{{ props.data.coupleDayPosition }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ไปปฏราชการ ประเทศ</div>
<div class="col">{{ props.data.workCountry }}</div>
<div class="col">{{ props.data.coupleDayLevelCountry }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ประวการลาตดตามคสมรสครงสดทาย</div>
@ -65,20 +65,20 @@ const props = defineProps({
</div>
</div>
<div class="col">
<div>ประเทศ</div>
<div>จำนวนว</div>
<div>งแตนท</div>
<div>งวนท</div>
<div>ลาตดตอกบครงกอน รวมทงนวย</div>
<div>{{ props.data.coupleDayCountryHistory }}</div>
<div>{{ props.data.coupleDayTotalHistory }}</div>
<div>{{ props.data.coupleDayStartDateHistory }}</div>
<div>{{ props.data.coupleDayEndDateHistory }}</div>
<div>{{ props.data.coupleDaySumTotalHistory }}</div>
</div>
</div>
<div class="row">
<div class="col text-grey-8">รายละเอยด</div>
<div class="col">{{ props.data.detail }}</div>
<div class="col">{{ props.data.leaveDetail }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เอกสารแบบ</div>
<div class="col">ไมพบเอกสาร</div>
<div class="col">{{ props.data.leaveDocument }}</div>
</div>
</div>
</q-card-section>

View file

@ -12,69 +12,69 @@ const props = defineProps({
<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 class="col">{{ props.data.leaveWrote }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาตงแตนท</div>
<div class="col">{{ props.data.leaveSince }}</div>
<div class="col">{{ props.data.leaveStartDate }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาถงวนท</div>
<div class="col">{{ props.data.leaveTo }}</div>
<div class="col">{{ props.data.leaveEndDate }}</div>
</div>
<div class="row">
<div class="col text-grey-8">จำนวนวนทลา</div>
<div class="col">{{ props.data.planTime }}</div>
<div class="col">{{ props.data.leaveDateTotal }}</div>
</div>
<div class="row">
<div class="col text-grey-8">นเดอนปเก</div>
<div class="col">{{ props.data.birthday }}</div>
<div class="col">{{ props.data.leavebirthDate }}</div>
</div>
<div class="row">
<div class="col text-grey-8">นทเขารบราชการ</div>
<div class="col">{{ props.data.receiveGovernment }}</div>
<div class="col">{{ props.data.leavegovernmentDate }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เงนเดอนปจจ</div>
<div class="col">
{{ props.data.currentSalary }} ({{ props.data.currentSalaryRead }})
{{ props.data.leaveSalary }} ({{ props.data.leaveSalaryText }})
</div>
</div>
<div class="row">
<div class="col text-grey-8">กษาวชา</div>
<div class="col">{{ props.data.studySubjects }}</div>
<div class="col">{{ props.data.studyDaySubject }}</div>
</div>
<div class="row">
<div class="col text-grey-8">นปรญญา</div>
<div class="col">{{ props.data.degreeLevel }}</div>
<div class="col">{{ props.data.studyDayDegreeLevel }}</div>
</div>
<div class="row">
<div class="col text-grey-8">อสถานศกษา</div>
<div class="col">{{ props.data.schoolName }}</div>
<div class="col">{{ props.data.studyDayUniversityName }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ประเทศ</div>
<div class="col">{{ props.data.country }}</div>
<div class="col">{{ props.data.studyDayCountry }}</div>
</div>
<div class="row">
<div class="col text-grey-8">วยท</div>
<div class="col">{{ props.data.withCapital }}</div>
<div class="col">{{ props.data.studyDayScholarship }}</div>
</div>
<div class="row">
<div class="col text-grey-8">หมายเลขทดตอขณะลา</div>
<div class="col">{{ props.data.phoneNumber }}</div>
<div class="col">{{ props.data.leaveNumber }}</div>
</div>
<div class="row">
<div class="col text-grey-8">อยดตอไดระหวางลา</div>
<div class="col">{{ props.data.address }}</div>
<div class="col">{{ props.data.leaveAddress }}</div>
</div>
<div class="row">
<div class="col text-grey-8">รายละเอยด</div>
<div class="col">{{ props.data.detail }}</div>
<div class="col">{{ props.data.leaveDetail }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เอกสารแบบ</div>
<div class="col">ไมพบเอกสาร</div>
<div class="col">{{ props.data.leaveDocument }}</div>
</div>
</div>
</q-card-section>

View file

@ -12,51 +12,60 @@ const props = defineProps({
<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 class="col">{{ props.data.leaveWrote }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาตงแตนท</div>
<div class="col">{{ props.data.leaveSince }}</div>
<div class="col">{{ props.data.leaveStartDate }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาถงวนท</div>
<div class="col">{{ props.data.leaveTo }}</div>
<div class="col">{{ props.data.leaveEndDate }}</div>
</div>
<div class="row">
<div class="col text-grey-8">จำนวนวนทลา</div>
<div class="col">{{ props.data.leaveNumber }}</div>
<div class="col">{{ props.data.leaveDateTotal }}</div>
</div>
<div class="row">
<div class="col text-grey-8">นเดอนปเก</div>
<div class="col">{{ props.data.birthday }}</div>
<div class="col">{{ props.data.leavebirthDate }}</div>
</div>
<div class="row">
<div class="col text-grey-8">นทเขารบราชการ</div>
<div class="col">{{ props.data.receiveGovernment }}</div>
<div class="col">{{ props.data.leavegovernmentDate }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เคย/ไมเคยบวช</div>
<div class="col">{{ props.data.statusOrdained }}</div>
<div class="col">
{{ props.data.ordainDayStatus ? "เคย" : "ไม่เคย" }}
</div>
</div>
<div class="row">
<div class="col text-grey-8">สถานทบวช</div>
<div class="col">{{ props.data.placeOrdination }}</div>
<div class="col">
{{ props.data.ordainDayLocationName }}
{{ props.data.ordainDayLocationAddress }}
{{ props.data.ordainDayLocationNumber }}
</div>
</div>
<div class="row">
<div class="col text-grey-8">นอปสมบท</div>
<div class="col">{{ props.data.dateOrdination }}</div>
<div class="col">{{ props.data.ordainDayOrdination }}</div>
</div>
<div class="row">
<div class="col text-grey-8">สถานทจำพรรษา</div>
<div class="col">{{ props.data.placeBuddhistLent }}</div>
<div class="col">
{{ props.data.ordainDayBuddhistLentName }}
{{ props.data.ordainDayBuddhistLentAddress }}
</div>
</div>
<div class="row">
<div class="col text-grey-8">รายละเอยด</div>
<div class="col">{{ props.data.detail }}</div>
<div class="col">{{ props.data.leaveDetail }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เอกสารแบบ</div>
<div class="col">ไมพบเอกสาร</div>
<div class="col">{{ props.data.leaveDocument }}</div>
</div>
</div>
</q-card-section>

View file

@ -8,52 +8,27 @@ const props = defineProps({
</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> -->
<div class="q-pa-md q-gutter-md">
<div class="row">
<div class="col text-grey-8">เขยนท</div>
<div class="col">{{ props.data.leaveWrote }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาตงแตนท</div>
<div class="col">{{ props.data.leaveStartDate }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาถงวนท</div>
<div class="col">{{ props.data.leaveEndDate }}</div>
</div>
<div class="row">
<div class="col text-grey-8">รายละเอยด</div>
<div class="col">{{ props.data.leaveDetail }}</div>
</div>
<div class="row">
<div class="col text-grey-8">เอกสารแบบ</div>
<div class="col">{{ props.data.leaveDocument }}</div>
</div>
</div>
</q-card-section>
</template>