ปรับ field รายละเอียดการลา
This commit is contained in:
parent
ea614b07c2
commit
13b2216cd9
16 changed files with 108 additions and 66 deletions
|
|
@ -54,27 +54,38 @@ function upLoadFile() {
|
||||||
/** Form รายละเอียดข้อมูล*/
|
/** Form รายละเอียดข้อมูล*/
|
||||||
const formData = reactive<FremData>({
|
const formData = reactive<FremData>({
|
||||||
id: "", //Id การยื่นขอลา
|
id: "", //Id การยื่นขอลา
|
||||||
|
reasonCommander: "", //เหตุผลผู้บังคับบัญชา
|
||||||
|
reasonOligarch: "", //เหตุผลผู้มีอำนาจ
|
||||||
|
positionName: "", //ตำแหน่งผู้ยื่นขอ
|
||||||
|
positionLevelName: "", //ระดับผู้ยื่นขอ
|
||||||
|
organizationName: "", //สังกัดผู้ยื่นขอ
|
||||||
leaveTypeName: "", // Name ประเภทการลา
|
leaveTypeName: "", // Name ประเภทการลา
|
||||||
leaveTypeId: "", //Id ประเภทการลา
|
leaveTypeId: "", //Id ประเภทการลา
|
||||||
fullname: "", //คำนำหน้า ชื่อ นามสกุล คนขอลา
|
fullname: "", //คำนำหน้า ชื่อ นามสกุล คนขอลา
|
||||||
dateSendLeave: new Date(), // วันที่ยืนใบลา
|
dateSendLeave: new Date(), // วันที่ยืนใบลา
|
||||||
|
leaveDateStart: new Date(), //วันเริ่มการลา
|
||||||
|
leaveDateEnd: new Date(), //วันสิ้นสุดการลา
|
||||||
|
leaveCount: 0, //จำนวนวันลา
|
||||||
status: "", //สถานะการของลา
|
status: "", //สถานะการของลา
|
||||||
leaveLimit: 0, //โควต้าลา(แต่ละประเภท)หน่วยเป็นวัน
|
leaveLimit: 0, //โควต้าลา(แต่ละประเภท)หน่วยเป็นวัน
|
||||||
leaveTotal: 0, //ลาป่วยไปแล้ว(แต่ละประเภท)หน่วยเป็นวัน
|
leaveSummary: 0, //ลาป่วยไปแล้ว(แต่ละประเภท)หน่วยเป็นวัน
|
||||||
leaveRemain: 0, //คงเหลือโควต้า(แต่ละประเภท)หน่วยเป็นวัน
|
leaveRemain: 0, //คงเหลือโควต้า(แต่ละประเภท)หน่วยเป็นวัน
|
||||||
leaveStartDate: new Date(), //*วัน เดือน ปีเริ่มต้นลา
|
// leaveStartDate: new Date(), //*วัน เดือน ปีเริ่มต้นลา
|
||||||
leaveEndDate: new Date(), //*วัน เดือน ปีสิ้นสุดลา
|
// leaveEndDate: new Date(), //*วัน เดือน ปีสิ้นสุดลา
|
||||||
leaveWrote: "", //เขียนที่
|
leaveWrote: "", //เขียนที่
|
||||||
leaveAddress: "", //สถานที่ติดต่อขณะลา
|
leaveAddress: "", //สถานที่ติดต่อขณะลา
|
||||||
leaveNumber: "", //หมายเลขที่ติดต่อขณะลา
|
leaveNumber: "", //หมายเลขที่ติดต่อขณะลา
|
||||||
leaveDetail: "", //รายละเอียดการลา
|
leaveDetail: "", //รายละเอียดการลา
|
||||||
leaveDocument: "", //อัปโหลดเอกสารประกอบรายละเอียด
|
leaveDocument: "", //อัปโหลดเอกสารประกอบรายละเอียด
|
||||||
leaveLast: new Date(), //ลาครั้งสุดท้ายในประเภทนั้น ๆ เมื่อวันที่(ลาป่วย ลาคลอดบุตร และลากิจส่วนตัว)(Auto)
|
leaveDraftDocument: "", //อัปโหลดแบบฟอร์มการลา
|
||||||
leaveDateTotal: 0, //จำนวนวันที่ลา(Auto)
|
leaveLastStart: new Date(), //ลาครั้งสุดท้ายในประเภทนั้น ๆ เริ่มเมื่อวันที่(ลาป่วย ลาคลอดบุตร และลากิจส่วนตัว)(Auto)
|
||||||
|
leaveLastEnd: new Date(), //ลาครั้งสุดท้ายในประเภทนั้น ๆ สิ้นสุดเมื่อวันที่(ลาป่วย ลาคลอดบุตร และลากิจส่วนตัว)(Auto)
|
||||||
|
leaveTotal: 0, //จำนวนวันที่ลา(Auto)
|
||||||
leavebirthDate: new Date(), //วันเดือนปีเกิด(Auto)
|
leavebirthDate: new Date(), //วันเดือนปีเกิด(Auto)
|
||||||
leavegovernmentDate: new Date(), //วันที่เข้ารับราชการ(Auto)
|
leavegovernmentDate: new Date(), //วันที่เข้ารับราชการ(Auto)
|
||||||
leaveSalary: 0, //เงินเดือนปัจจุบัน(Auto)
|
leaveSalary: 0, //เงินเดือนปัจจุบัน(Auto)
|
||||||
leaveSalaryText: "", //เงินเดือนปัจจุบัน(เขียนเป็นคำอ่าน)
|
leaveSalaryText: "", //เงินเดือนปัจจุบัน(เขียนเป็นคำอ่าน)
|
||||||
|
leaveTypeDay: "", //ประเภทการลาในวันนั้นเช่น
|
||||||
wifeDayName: "", //ชื่อภรรยา(ลาไปช่วยเหลือภริยาที่คลอดบุตร)
|
wifeDayName: "", //ชื่อภรรยา(ลาไปช่วยเหลือภริยาที่คลอดบุตร)
|
||||||
wifeDayDateBorn: new Date(), //วันที่คลอด(ลาไปช่วยเหลือภริยาที่คลอดบุตร)
|
wifeDayDateBorn: new Date(), //วันที่คลอด(ลาไปช่วยเหลือภริยาที่คลอดบุตร)
|
||||||
restDayOldTotal: 0, //จำนวนวันลาพักผ่อนสะสม จากปีที่ผ่านมา(ลาพักผ่อน)(Auto)
|
restDayOldTotal: 0, //จำนวนวันลาพักผ่อนสะสม จากปีที่ผ่านมา(ลาพักผ่อน)(Auto)
|
||||||
|
|
@ -128,31 +139,40 @@ function fetchDetailLeave(paramsId: string) {
|
||||||
console.log(data);
|
console.log(data);
|
||||||
data.map((e: any) => {
|
data.map((e: any) => {
|
||||||
formData.id = e.id;
|
formData.id = e.id;
|
||||||
|
formData.reasonCommander = e.reasonCommander;
|
||||||
|
formData.reasonOligarch = e.reasonOligarch;
|
||||||
|
formData.positionName = e.positionName;
|
||||||
|
formData.positionLevelName = e.positionLevelName;
|
||||||
|
formData.organizationName = e.organizationName;
|
||||||
formData.leaveTypeName = e.leaveTypeName
|
formData.leaveTypeName = e.leaveTypeName
|
||||||
? e.leaveTypeName
|
? e.leaveTypeName
|
||||||
: stores.convertLeave(e.leaveTypeId);
|
: stores.convertLeave(e.leaveTypeId);
|
||||||
formData.leaveTypeId = e.leaveTypeId;
|
formData.leaveTypeId = e.leaveTypeId;
|
||||||
formData.fullname = e.fullname;
|
formData.fullname = e.fullname;
|
||||||
formData.dateSendLeave = e.dateSendLeave && date2Thai(e.dateSendLeave);
|
formData.dateSendLeave = e.dateSendLeave && date2Thai(e.dateSendLeave);
|
||||||
|
formData.leaveDateStart = e.leaveDateStart && date2Thai(e.leaveDateStart);
|
||||||
|
formData.leaveDateEnd = e.leaveDateEnd && date2Thai(e.leaveDateEnd);
|
||||||
|
formData.leaveCount = e.leaveCount;
|
||||||
formData.status = e.status && e.status;
|
formData.status = e.status && e.status;
|
||||||
formData.leaveLimit = e.leaveLimit;
|
formData.leaveLimit = e.leaveLimit;
|
||||||
formData.leaveTotal = e.leaveTotal;
|
formData.leaveSummary = e.leaveSummary;
|
||||||
formData.leaveRemain = e.leaveRemain;
|
formData.leaveRemain = e.leaveRemain;
|
||||||
formData.leaveStartDate = e.leaveStartDate && date2Thai(e.leaveStartDate);
|
|
||||||
formData.leaveEndDate = e.leaveEndDate && date2Thai(e.leaveEndDate);
|
|
||||||
formData.status = e.status;
|
|
||||||
formData.leaveWrote = e.leaveWrote;
|
formData.leaveWrote = e.leaveWrote;
|
||||||
formData.leaveAddress = e.leaveAddress;
|
formData.leaveAddress = e.leaveAddress;
|
||||||
formData.leaveNumber = e.leaveNumber;
|
formData.leaveNumber = e.leaveNumber;
|
||||||
formData.leaveDetail = e.leaveDetail;
|
formData.leaveDetail = e.leaveDetail;
|
||||||
formData.leaveDocument = e.leaveDocument;
|
formData.leaveDocument = e.leaveDocument;
|
||||||
formData.leaveLast = e.leaveLast && date2Thai(e.leaveLast);
|
formData.leaveDraftDocument = e.leaveDraftDocument;
|
||||||
formData.leaveDateTotal = e.leaveDateTotal;
|
formData.leaveLastStart = e.leaveLastStart && date2Thai(e.leaveLastStart);
|
||||||
|
formData.leaveLastEnd = e.leaveLastStart && date2Thai(e.leaveLastEnd);
|
||||||
|
formData.leaveTotal = e.leaveTotal;
|
||||||
formData.leavebirthDate = e.leavebirthDate && date2Thai(e.leavebirthDate);
|
formData.leavebirthDate = e.leavebirthDate && date2Thai(e.leavebirthDate);
|
||||||
formData.leavegovernmentDate =
|
formData.leavegovernmentDate =
|
||||||
e.leavegovernmentDate && date2Thai(e.leavegovernmentDate);
|
e.leavegovernmentDate && date2Thai(e.leavegovernmentDate);
|
||||||
formData.leaveSalary = e.leaveSalary;
|
formData.leaveSalary = e.leaveSalary;
|
||||||
formData.leaveSalaryText = e.leaveSalaryText;
|
formData.leaveSalaryText = e.leaveSalaryText;
|
||||||
|
formData.leaveTypeDay =
|
||||||
|
e.leaveTypeDay && stores.convertLeaveDaytype(e.leaveTypeDay);
|
||||||
formData.wifeDayName = e.wifeDayName;
|
formData.wifeDayName = e.wifeDayName;
|
||||||
formData.wifeDayDateBorn =
|
formData.wifeDayDateBorn =
|
||||||
e.wifeDayDateBorn && date2Thai(e.wifeDayDateBorn);
|
e.wifeDayDateBorn && date2Thai(e.wifeDayDateBorn);
|
||||||
|
|
|
||||||
|
|
@ -17,15 +17,15 @@ console.log(props);
|
||||||
</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.leaveStartDate }}</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.leaveEndDate }}</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.leaveDateTotal }}</div>
|
<div class="col">{{ props.data.leaveCount }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col text-grey-8">ได้รับหมายเรียกของ</div>
|
<div class="col text-grey-8">ได้รับหมายเรียกของ</div>
|
||||||
|
|
|
||||||
|
|
@ -15,15 +15,15 @@ const props = defineProps({
|
||||||
</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.leaveStartDate }}</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.leaveEndDate }}</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.leaveDateTotal }}</div>
|
<div class="col">{{ props.data.leaveCount }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col text-grey-8">ชื่อภรรยา</div>
|
<div class="col text-grey-8">ชื่อภรรยา</div>
|
||||||
|
|
|
||||||
|
|
@ -16,15 +16,15 @@ const props = defineProps({
|
||||||
</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.leaveStartDate }}</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.leaveEndDate }}</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.leaveDateTotal }}</div>
|
<div class="col">{{ props.data.leaveCount }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col text-grey-8">วันที่เข้ารับราชการ</div>
|
<div class="col text-grey-8">วันที่เข้ารับราชการ</div>
|
||||||
|
|
|
||||||
|
|
@ -24,19 +24,19 @@ const props = defineProps({
|
||||||
</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.leaveStartDate }}</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.leaveEndDate }}</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.leaveDateTotal }}</div>
|
<div class="col">{{ props.data.leaveCount }}</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>
|
<div class="col">{{ props.data.leaveTypeDay }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col text-grey-8">หมายเลขที่ติดต่อขณะลา</div>
|
<div class="col text-grey-8">หมายเลขที่ติดต่อขณะลา</div>
|
||||||
|
|
|
||||||
|
|
@ -16,25 +16,25 @@ const props = defineProps({
|
||||||
</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.leaveStartDate }}</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.leaveEndDate }}</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.leaveDateTotal }}</div>
|
<div class="col">{{ props.data.leaveCount }}</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>
|
<div class="col">{{ props.data.leaveTypeDay }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col text-grey-8">
|
<div class="col text-grey-8">
|
||||||
ลาครั้งสุดท้ายในประเภทนั้น ๆ เมื่อวันที่
|
ลาครั้งสุดท้ายในประเภทนั้น ๆ เมื่อวันที่
|
||||||
</div>
|
</div>
|
||||||
<div class="col">{{ props.data.leaveLast }}</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>
|
||||||
|
|
|
||||||
|
|
@ -15,15 +15,15 @@ const props = defineProps({
|
||||||
</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.leaveStartDate }}</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.leaveEndDate }}</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.leaveDateTotal }}</div>
|
<div class="col">{{ props.data.leaveCount }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col text-grey-8">วันเดือนปีเกิด</div>
|
<div class="col text-grey-8">วันเดือนปีเกิด</div>
|
||||||
|
|
|
||||||
|
|
@ -15,11 +15,11 @@ const props = defineProps({
|
||||||
</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.leaveStartDate }}</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.leaveEndDate }}</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>
|
||||||
|
|
|
||||||
|
|
@ -28,15 +28,15 @@ console.log(props);
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-4 text-grey-8">ตำแหน่งผู้ยืนขอ</div>
|
<div class="col-4 text-grey-8">ตำแหน่งผู้ยืนขอ</div>
|
||||||
<div class="col">{{ props.data.requesterPosition }}</div>
|
<div class="col">{{ props.data.positionName }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-4 text-grey-8">ระดับผู้ยืนขอ</div>
|
<div class="col-4 text-grey-8">ระดับผู้ยืนขอ</div>
|
||||||
<div class="col">{{ props.data.requesterLevel }}</div>
|
<div class="col">{{ props.data.positionLevelName }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-4 text-grey-8">สังกัดผู้ยืนขอ</div>
|
<div class="col-4 text-grey-8">สังกัดผู้ยืนขอ</div>
|
||||||
<div class="col">{{ props.data.requesterBeUnder }}</div>
|
<div class="col">{{ props.data.organizationName }}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</q-card-section>
|
</q-card-section>
|
||||||
|
|
|
||||||
|
|
@ -15,15 +15,15 @@ const props = defineProps({
|
||||||
</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.leaveStartDate }}</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.leaveEndDate }}</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.leaveDateTotal }}</div>
|
<div class="col">{{ props.data.leaveCount }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col text-grey-8">วันเดือนปีเกิด</div>
|
<div class="col text-grey-8">วันเดือนปีเกิด</div>
|
||||||
|
|
|
||||||
|
|
@ -16,15 +16,15 @@ const props = defineProps({
|
||||||
</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.leaveStartDate }}</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.leaveEndDate }}</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.leaveDateTotal }}</div>
|
<div class="col">{{ props.data.leaveCount }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col text-grey-8">วันเดือนปีเกิด</div>
|
<div class="col text-grey-8">วันเดือนปีเกิด</div>
|
||||||
|
|
|
||||||
|
|
@ -16,15 +16,15 @@ const props = defineProps({
|
||||||
</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.leaveStartDate }}</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.leaveEndDate }}</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.leaveDateTotal }}</div>
|
<div class="col">{{ props.data.leaveTotal }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col text-grey-8">วันเดือนปีเกิด</div>
|
<div class="col text-grey-8">วันเดือนปีเกิด</div>
|
||||||
|
|
|
||||||
|
|
@ -15,11 +15,11 @@ const props = defineProps({
|
||||||
</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.leaveStartDate }}</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.leaveEndDate }}</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>
|
||||||
|
|
|
||||||
|
|
@ -22,27 +22,38 @@ interface DateFilter {
|
||||||
}
|
}
|
||||||
interface FremData {
|
interface FremData {
|
||||||
id: string; //Id การยื่นขอลา
|
id: string; //Id การยื่นขอลา
|
||||||
|
reasonCommander: string; //เหตุผลผู้บังคับบัญชา
|
||||||
|
reasonOligarch: string; //เหตุผลผู้มีอำนาจ
|
||||||
|
positionName: string; //ตำแหน่งผู้ยื่นขอ
|
||||||
|
positionLevelName: string; //ระดับผู้ยื่นขอ
|
||||||
|
organizationName: string; //สังกัดผู้ยื่นขอ
|
||||||
leaveTypeName: string | null; //Name ประเภทการลา
|
leaveTypeName: string | null; //Name ประเภทการลา
|
||||||
leaveTypeId: string | null; //Id ประเภทการลา
|
leaveTypeId: string | null; //Id ประเภทการลา
|
||||||
fullname: string; //คำนำหน้า ชื่อ นามสกุล คนขอลา
|
fullname: string; //คำนำหน้า ชื่อ นามสกุล คนขอลา
|
||||||
dateSendLeave: Date | null; //วันที่ยื่นใบลา
|
dateSendLeave: Date | null; //วันที่ยื่นใบลา
|
||||||
|
leaveDateStart: Date | null; //วันเริ่มการลา
|
||||||
|
leaveDateEnd: Date | null; //วันสิ้นสุดการลา
|
||||||
|
leaveCount: number;
|
||||||
status: string; //สถานะการของลา
|
status: string; //สถานะการของลา
|
||||||
leaveLimit: number; //โควต้าลา(แต่ละประเภท)หน่วยเป็นวัน
|
leaveLimit: number; //โควต้าลา(แต่ละประเภท)หน่วยเป็นวัน
|
||||||
leaveTotal: number; //ลาป่วยไปแล้ว(แต่ละประเภท)หน่วยเป็นวัน
|
leaveSummary: number; //ลาป่วยไปแล้ว(แต่ละประเภท)หน่วยเป็นวัน
|
||||||
leaveRemain: number; //คงเหลือโควต้า(แต่ละประเภท)หน่วยเป็นวัน
|
leaveRemain: number; //คงเหลือโควต้า(แต่ละประเภท)หน่วยเป็นวัน
|
||||||
leaveStartDate: Date | null; //*วัน เดือน ปีเริ่มต้นลา
|
// leaveStartDate: Date | null; //*วัน เดือน ปีเริ่มต้นลา
|
||||||
leaveEndDate: Date | null; //*วัน เดือน ปีสิ้นสุดลา
|
// leaveEndDate: Date | null; //*วัน เดือน ปีสิ้นสุดลา
|
||||||
leaveWrote: String; //เขียนที่
|
leaveWrote: string; //เขียนที่
|
||||||
leaveAddress: String; //สถานที่ติดต่อขณะลา
|
leaveAddress: string; //สถานที่ติดต่อขณะลา
|
||||||
leaveNumber: String; //หมายเลขที่ติดต่อขณะลา
|
leaveNumber: string; //หมายเลขที่ติดต่อขณะลา
|
||||||
leaveDetail: String; //รายละเอียดการลา
|
leaveDetail: string; //รายละเอียดการลา
|
||||||
leaveDocument: String; //อัปโหลดเอกสารประกอบรายละเอียด
|
leaveDocument: string; //อัปโหลดเอกสารประกอบรายละเอียด
|
||||||
leaveLast: Date | null; //ลาครั้งสุดท้ายในประเภทนั้น ๆ เมื่อวันที่(ลาป่วย ลาคลอดบุตร และลากิจส่วนตัว)(Auto)
|
leaveDraftDocument: string; //อัปโหลดแบบฟอร์มการลา
|
||||||
leaveDateTotal: Number; //จำนวนวันที่ลา(Auto)
|
leaveLastStart: Date | null; //ลาครั้งสุดท้ายในประเภทนั้น ๆ เริ่มเมื่อวันที่(ลาป่วย ลาคลอดบุตร และลากิจส่วนตัว)(Auto)
|
||||||
|
leaveLastEnd: Date | null; //ลาครั้งสุดท้ายในประเภทนั้น ๆ สิ้นสุดเมื่อวันที่(ลาป่วย ลาคลอดบุตร และลากิจส่วนตัว)(Auto)
|
||||||
|
leaveTotal: number; //จำนวนวันที่ลา(Auto)
|
||||||
leavebirthDate: Date | null; //วันเดือนปีเกิด(Auto)
|
leavebirthDate: Date | null; //วันเดือนปีเกิด(Auto)
|
||||||
leavegovernmentDate: Date | null; //วันที่เข้ารับราชการ(Auto)
|
leavegovernmentDate: Date | null; //วันที่เข้ารับราชการ(Auto)
|
||||||
leaveSalary: Number; //เงินเดือนปัจจุบัน(Auto)
|
leaveSalary: Number; //เงินเดือนปัจจุบัน(Auto)
|
||||||
leaveSalaryText: String; //เงินเดือนปัจจุบัน(เขียนเป็นคำอ่าน)
|
leaveSalaryText: String; //เงินเดือนปัจจุบัน(เขียนเป็นคำอ่าน)
|
||||||
|
leaveTypeDay: string; //ประเภทการลาในวันนั้นเช่น
|
||||||
wifeDayName: String; //ชื่อภรรยา(ลาไปช่วยเหลือภริยาที่คลอดบุตร)
|
wifeDayName: String; //ชื่อภรรยา(ลาไปช่วยเหลือภริยาที่คลอดบุตร)
|
||||||
wifeDayDateBorn: Date | null; //วันที่คลอด(ลาไปช่วยเหลือภริยาที่คลอดบุตร)
|
wifeDayDateBorn: Date | null; //วันที่คลอด(ลาไปช่วยเหลือภริยาที่คลอดบุตร)
|
||||||
restDayOldTotal: Number; //จำนวนวันลาพักผ่อนสะสม จากปีที่ผ่านมา(ลาพักผ่อน)(Auto)
|
restDayOldTotal: Number; //จำนวนวันลาพักผ่อนสะสม จากปีที่ผ่านมา(ลาพักผ่อน)(Auto)
|
||||||
|
|
|
||||||
|
|
@ -132,11 +132,11 @@ export const useLeavelistDataStore = defineStore("leave", () => {
|
||||||
*/
|
*/
|
||||||
function convertLeaveDaytype(val: string) {
|
function convertLeaveDaytype(val: string) {
|
||||||
switch (val) {
|
switch (val) {
|
||||||
case "allday":
|
case "ALL_DAY":
|
||||||
return "ลาทั้งวัน";
|
return "ลาทั้งวัน";
|
||||||
case "halfmorning":
|
case "HAFT_MORNING":
|
||||||
return "ลาครึ่งวันเช้า";
|
return "ลาครึ่งวันเช้า";
|
||||||
case "halfafternoon":
|
case "HAFT_AFTERNOON":
|
||||||
return "ลาครึ่งวันบ่าย";
|
return "ลาครึ่งวันบ่าย";
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -4,27 +4,38 @@ export const useLeavelistDataStoreTest = defineStore("listleavetest", () => {
|
||||||
const data = [
|
const data = [
|
||||||
{
|
{
|
||||||
id: "0",
|
id: "0",
|
||||||
|
reasonCommander: "เหตุผลผู้บังคับบัญชา", //เหตุผลผู้บังคับบัญชา
|
||||||
|
reasonOligarch: "เหตุผลผู้มีอำนาจ", //เหตุผลผู้มีอำนาจ
|
||||||
|
positionName: "ตำแหน่งผู้ยื่นขอ", //ตำแหน่งผู้ยื่นขอ
|
||||||
|
positionLevelName: "ระดับผู้ยื่นขอ", //ระดับผู้ยื่นขอ
|
||||||
|
organizationName: "สังกัดผู้ยื่นขอ", //สังกัดผู้ยื่นขอ
|
||||||
leaveTypeName: "",
|
leaveTypeName: "",
|
||||||
leaveTypeId: "leave1",
|
leaveTypeId: "leave1",
|
||||||
fullname: "นางอมร ใจกล้า",
|
fullname: "นางอมร ใจกล้า",
|
||||||
dateSendLeave: new Date("2023-11-05"),
|
dateSendLeave: new Date("2023-11-05"),
|
||||||
|
leaveDateStart: new Date("2023-11-05"),
|
||||||
|
leaveDateEnd: new Date("2023-11-06"),
|
||||||
|
leaveCount: 1,
|
||||||
status: "NEW",
|
status: "NEW",
|
||||||
leaveLimit: 10,
|
leaveLimit: 10,
|
||||||
leaveTotal: 5,
|
leaveSummary: 5,
|
||||||
leaveRemain: 5,
|
leaveRemain: 5,
|
||||||
leaveStartDate: new Date("2023-11-05"),
|
// leaveStartDate: new Date("2023-11-05"),
|
||||||
leaveEndDate: new Date("2023-11-05"),
|
// leaveEndDate: new Date("2023-11-05"),
|
||||||
leaveWrote: "เขียนที่",
|
leaveWrote: "เขียนที่",
|
||||||
leaveAddress: "สถานที่ติดต่อขณะลา",
|
leaveAddress: "สถานที่ติดต่อขณะลา",
|
||||||
leaveNumber: "หมายเลขที่ติดต่อขณะลา",
|
leaveNumber: "หมายเลขที่ติดต่อขณะลา",
|
||||||
leaveDetail: "/รายละเอียดการลา",
|
leaveDetail: "/รายละเอียดการลา",
|
||||||
leaveDocument: "https://bma-ehr.frappet.synology.me/001-leave.pdf",
|
leaveDocument: "https://bma-ehr.frappet.synology.me/001-leave.pdf",
|
||||||
leaveLast: new Date("2023-11-05"),
|
leaveDraftDocument: "https://bma-ehr.frappet.synology.me/001-leave.pdf",
|
||||||
leaveDateTotal: 3,
|
leaveLastStart: new Date("2023-11-05"),
|
||||||
|
leaveLastEnd: new Date("2023-11-05"),
|
||||||
|
leaveTotal: 3,
|
||||||
leavebirthDate: new Date("2000-11-05"),
|
leavebirthDate: new Date("2000-11-05"),
|
||||||
leavegovernmentDate: new Date("2022-11-05"),
|
leavegovernmentDate: new Date("2022-11-05"),
|
||||||
leaveSalary: 20000,
|
leaveSalary: 20000,
|
||||||
leaveSalaryText: "สองหมื่นบาทถ้วน",
|
leaveSalaryText: "สองหมื่นบาทถ้วน",
|
||||||
|
leaveTypeDay: "ALL_DAY",
|
||||||
wifeDayName: "ชื่อภรรยา",
|
wifeDayName: "ชื่อภรรยา",
|
||||||
wifeDayDateBorn: new Date("2000-11-05"),
|
wifeDayDateBorn: new Date("2000-11-05"),
|
||||||
restDayOldTotal: 3,
|
restDayOldTotal: 3,
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue