ปรับ field รายละเอียดการลา

This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490 2023-11-28 15:18:07 +07:00
parent ea614b07c2
commit 13b2216cd9
16 changed files with 108 additions and 66 deletions

View file

@ -54,27 +54,38 @@ function upLoadFile() {
/** Form รายละเอียดข้อมูล*/
const formData = reactive<FremData>({
id: "", //Id
reasonCommander: "", //
reasonOligarch: "", //
positionName: "", //
positionLevelName: "", //
organizationName: "", //
leaveTypeName: "", // Name
leaveTypeId: "", //Id
fullname: "", //
dateSendLeave: new Date(), //
leaveDateStart: new Date(), //
leaveDateEnd: new Date(), //
leaveCount: 0, //
status: "", //
leaveLimit: 0, //()
leaveTotal: 0, //()
leaveSummary: 0, //()
leaveRemain: 0, //()
leaveStartDate: new Date(), //*
leaveEndDate: new Date(), //*
// leaveStartDate: new Date(), //*
// leaveEndDate: new Date(), //*
leaveWrote: "", //
leaveAddress: "", //
leaveNumber: "", //
leaveDetail: "", //
leaveDocument: "", //
leaveLast: new Date(), // ( )(Auto)
leaveDateTotal: 0, //(Auto)
leaveDraftDocument: "", //
leaveLastStart: new Date(), // ( )(Auto)
leaveLastEnd: new Date(), // ( )(Auto)
leaveTotal: 0, //(Auto)
leavebirthDate: new Date(), //(Auto)
leavegovernmentDate: new Date(), //(Auto)
leaveSalary: 0, //(Auto)
leaveSalaryText: "", //()
leaveTypeDay: "", //
wifeDayName: "", //()
wifeDayDateBorn: new Date(), //()
restDayOldTotal: 0, // ()(Auto)
@ -128,31 +139,40 @@ function fetchDetailLeave(paramsId: string) {
console.log(data);
data.map((e: any) => {
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
? e.leaveTypeName
: stores.convertLeave(e.leaveTypeId);
formData.leaveTypeId = e.leaveTypeId;
formData.fullname = e.fullname;
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.leaveLimit = e.leaveLimit;
formData.leaveTotal = e.leaveTotal;
formData.leaveSummary = e.leaveSummary;
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.leaveAddress = e.leaveAddress;
formData.leaveNumber = e.leaveNumber;
formData.leaveDetail = e.leaveDetail;
formData.leaveDocument = e.leaveDocument;
formData.leaveLast = e.leaveLast && date2Thai(e.leaveLast);
formData.leaveDateTotal = e.leaveDateTotal;
formData.leaveDraftDocument = e.leaveDraftDocument;
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.leavegovernmentDate =
e.leavegovernmentDate && date2Thai(e.leavegovernmentDate);
formData.leaveSalary = e.leaveSalary;
formData.leaveSalaryText = e.leaveSalaryText;
formData.leaveTypeDay =
e.leaveTypeDay && stores.convertLeaveDaytype(e.leaveTypeDay);
formData.wifeDayName = e.wifeDayName;
formData.wifeDayDateBorn =
e.wifeDayDateBorn && date2Thai(e.wifeDayDateBorn);

View file

@ -17,15 +17,15 @@ console.log(props);
</div>
<div class="row">
<div class="col text-grey-8">ลาตงแตนท</div>
<div class="col">{{ props.data.leaveStartDate }}</div>
<div class="col">{{ props.data.leaveDateStart }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาถงวนท</div>
<div class="col">{{ props.data.leaveEndDate }}</div>
<div class="col">{{ props.data.leaveDateEnd }}</div>
</div>
<div class="row">
<div class="col text-grey-8">จำนวนวนทลา</div>
<div class="col">{{ props.data.leaveDateTotal }}</div>
<div class="col">{{ props.data.leaveCount }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ไดบหมายเรยกของ</div>

View file

@ -15,15 +15,15 @@ const props = defineProps({
</div>
<div class="row">
<div class="col text-grey-8">ลาตงแตนท</div>
<div class="col">{{ props.data.leaveStartDate }}</div>
<div class="col">{{ props.data.leaveDateStart }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาถงวนท</div>
<div class="col">{{ props.data.leaveEndDate }}</div>
<div class="col">{{ props.data.leaveDateEnd }}</div>
</div>
<div class="row">
<div class="col text-grey-8">จำนวนวนทลา</div>
<div class="col">{{ props.data.leaveDateTotal }}</div>
<div class="col">{{ props.data.leaveCount }}</div>
</div>
<div class="row">
<div class="col text-grey-8">อภรรยา</div>

View file

@ -16,15 +16,15 @@ const props = defineProps({
</div>
<div class="row">
<div class="col text-grey-8">ลาตงแตนท</div>
<div class="col">{{ props.data.leaveStartDate }}</div>
<div class="col">{{ props.data.leaveDateStart }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาถงวนท</div>
<div class="col">{{ props.data.leaveEndDate }}</div>
<div class="col">{{ props.data.leaveDateEnd }}</div>
</div>
<div class="row">
<div class="col text-grey-8">จำนวนวนทลา</div>
<div class="col">{{ props.data.leaveDateTotal }}</div>
<div class="col">{{ props.data.leaveCount }}</div>
</div>
<div class="row">
<div class="col text-grey-8">นทเขารบราชการ</div>

View file

@ -24,19 +24,19 @@ const props = defineProps({
</div>
<div class="row">
<div class="col text-grey-8">ลาตงแตนท</div>
<div class="col">{{ props.data.leaveStartDate }}</div>
<div class="col">{{ props.data.leaveDateStart }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาถงวนท</div>
<div class="col">{{ props.data.leaveEndDate }}</div>
<div class="col">{{ props.data.leaveDateEnd }}</div>
</div>
<div class="row">
<div class="col text-grey-8">จำนวนวนทลา</div>
<div class="col">{{ props.data.leaveDateTotal }}</div>
<div class="col">{{ props.data.leaveCount }}</div>
</div>
<div class="row">
<div class="col text-grey-8"></div>
<div class="col">งว</div>
<div class="col">{{ props.data.leaveTypeDay }}</div>
</div>
<div class="row">
<div class="col text-grey-8">หมายเลขทดตอขณะลา</div>

View file

@ -16,25 +16,25 @@ const props = defineProps({
</div>
<div class="row">
<div class="col text-grey-8">ลาตงแตนท</div>
<div class="col">{{ props.data.leaveStartDate }}</div>
<div class="col">{{ props.data.leaveDateStart }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาถงวนท</div>
<div class="col">{{ props.data.leaveEndDate }}</div>
<div class="col">{{ props.data.leaveDateEnd }}</div>
</div>
<div class="row">
<div class="col text-grey-8">จำนวนวนทลา</div>
<div class="col">{{ props.data.leaveDateTotal }}</div>
<div class="col">{{ props.data.leaveCount }}</div>
</div>
<div class="row">
<div class="col text-grey-8"></div>
<div class="col">งว</div>
<div class="col">{{ props.data.leaveTypeDay }}</div>
</div>
<div class="row">
<div class="col text-grey-8">
ลาครงสดทายในประเภทน เมอวนท
</div>
<div class="col">{{ props.data.leaveLast }}</div>
<div class="col">{{ props.data.leaveLastStart }}</div>
</div>
<div class="row">
<div class="col text-grey-8">หมายเลขทดตอขณะลา</div>

View file

@ -15,15 +15,15 @@ const props = defineProps({
</div>
<div class="row">
<div class="col text-grey-8">ลาตงแตนท</div>
<div class="col">{{ props.data.leaveStartDate }}</div>
<div class="col">{{ props.data.leaveDateStart }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาถงวนท</div>
<div class="col">{{ props.data.leaveEndDate }}</div>
<div class="col">{{ props.data.leaveDateEnd }}</div>
</div>
<div class="row">
<div class="col text-grey-8">จำนวนวนทลา</div>
<div class="col">{{ props.data.leaveDateTotal }}</div>
<div class="col">{{ props.data.leaveCount }}</div>
</div>
<div class="row">
<div class="col text-grey-8">นเดอนปเก</div>

View file

@ -15,11 +15,11 @@ const props = defineProps({
</div>
<div class="row">
<div class="col text-grey-8">ลาตงแตนท</div>
<div class="col">{{ props.data.leaveStartDate }}</div>
<div class="col">{{ props.data.leaveDateStart }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาถงวนท</div>
<div class="col">{{ props.data.leaveEndDate }}</div>
<div class="col">{{ props.data.leaveDateEnd }}</div>
</div>
<div class="row">
<div class="col text-grey-8">รายละเอยด</div>

View file

@ -28,15 +28,15 @@ console.log(props);
</div>
<div class="row">
<div class="col-4 text-grey-8">ตำแหนงผนขอ</div>
<div class="col">{{ props.data.requesterPosition }}</div>
<div class="col">{{ props.data.positionName }}</div>
</div>
<div class="row">
<div class="col-4 text-grey-8">ระดบผนขอ</div>
<div class="col">{{ props.data.requesterLevel }}</div>
<div class="col">{{ props.data.positionLevelName }}</div>
</div>
<div class="row">
<div class="col-4 text-grey-8">งกดผนขอ</div>
<div class="col">{{ props.data.requesterBeUnder }}</div>
<div class="col">{{ props.data.organizationName }}</div>
</div>
</div>
</q-card-section>

View file

@ -15,15 +15,15 @@ const props = defineProps({
</div>
<div class="row">
<div class="col text-grey-8">ลาตงแตนท</div>
<div class="col">{{ props.data.leaveStartDate }}</div>
<div class="col">{{ props.data.leaveDateStart }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาถงวนท</div>
<div class="col">{{ props.data.leaveEndDate }}</div>
<div class="col">{{ props.data.leaveDateEnd }}</div>
</div>
<div class="row">
<div class="col text-grey-8">จำนวนวนทลา</div>
<div class="col">{{ props.data.leaveDateTotal }}</div>
<div class="col">{{ props.data.leaveCount }}</div>
</div>
<div class="row">
<div class="col text-grey-8">นเดอนปเก</div>

View file

@ -16,15 +16,15 @@ const props = defineProps({
</div>
<div class="row">
<div class="col text-grey-8">ลาตงแตนท</div>
<div class="col">{{ props.data.leaveStartDate }}</div>
<div class="col">{{ props.data.leaveDateStart }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาถงวนท</div>
<div class="col">{{ props.data.leaveEndDate }}</div>
<div class="col">{{ props.data.leaveDateEnd }}</div>
</div>
<div class="row">
<div class="col text-grey-8">จำนวนวนทลา</div>
<div class="col">{{ props.data.leaveDateTotal }}</div>
<div class="col">{{ props.data.leaveCount }}</div>
</div>
<div class="row">
<div class="col text-grey-8">นเดอนปเก</div>

View file

@ -16,15 +16,15 @@ const props = defineProps({
</div>
<div class="row">
<div class="col text-grey-8">ลาตงแตนท</div>
<div class="col">{{ props.data.leaveStartDate }}</div>
<div class="col">{{ props.data.leaveLastStart }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาถงวนท</div>
<div class="col">{{ props.data.leaveEndDate }}</div>
<div class="col">{{ props.data.leaveLastEnd }}</div>
</div>
<div class="row">
<div class="col text-grey-8">จำนวนวนทลา</div>
<div class="col">{{ props.data.leaveDateTotal }}</div>
<div class="col">{{ props.data.leaveTotal }}</div>
</div>
<div class="row">
<div class="col text-grey-8">นเดอนปเก</div>

View file

@ -15,11 +15,11 @@ const props = defineProps({
</div>
<div class="row">
<div class="col text-grey-8">ลาตงแตนท</div>
<div class="col">{{ props.data.leaveStartDate }}</div>
<div class="col">{{ props.data.leaveDateStart }}</div>
</div>
<div class="row">
<div class="col text-grey-8">ลาถงวนท</div>
<div class="col">{{ props.data.leaveEndDate }}</div>
<div class="col">{{ props.data.leaveDateEnd }}</div>
</div>
<div class="row">
<div class="col text-grey-8">รายละเอยด</div>

View file

@ -22,27 +22,38 @@ interface DateFilter {
}
interface FremData {
id: string; //Id การยื่นขอลา
reasonCommander: string; //เหตุผลผู้บังคับบัญชา
reasonOligarch: string; //เหตุผลผู้มีอำนาจ
positionName: string; //ตำแหน่งผู้ยื่นขอ
positionLevelName: string; //ระดับผู้ยื่นขอ
organizationName: string; //สังกัดผู้ยื่นขอ
leaveTypeName: string | null; //Name ประเภทการลา
leaveTypeId: string | null; //Id ประเภทการลา
fullname: string; //คำนำหน้า ชื่อ นามสกุล คนขอลา
dateSendLeave: Date | null; //วันที่ยื่นใบลา
leaveDateStart: Date | null; //วันเริ่มการลา
leaveDateEnd: Date | null; //วันสิ้นสุดการลา
leaveCount: number;
status: string; //สถานะการของลา
leaveLimit: number; //โควต้าลา(แต่ละประเภท)หน่วยเป็นวัน
leaveTotal: number; //ลาป่วยไปแล้ว(แต่ละประเภท)หน่วยเป็นวัน
leaveSummary: number; //ลาป่วยไปแล้ว(แต่ละประเภท)หน่วยเป็นวัน
leaveRemain: number; //คงเหลือโควต้า(แต่ละประเภท)หน่วยเป็นวัน
leaveStartDate: Date | null; //*วัน เดือน ปีเริ่มต้นลา
leaveEndDate: Date | null; //*วัน เดือน ปีสิ้นสุดลา
leaveWrote: String; //เขียนที่
leaveAddress: String; //สถานที่ติดต่อขณะลา
leaveNumber: String; //หมายเลขที่ติดต่อขณะลา
leaveDetail: String; //รายละเอียดการลา
leaveDocument: String; //อัปโหลดเอกสารประกอบรายละเอียด
leaveLast: Date | null; //ลาครั้งสุดท้ายในประเภทนั้น ๆ เมื่อวันที่(ลาป่วย ลาคลอดบุตร และลากิจส่วนตัว)(Auto)
leaveDateTotal: Number; //จำนวนวันที่ลา(Auto)
// leaveStartDate: Date | null; //*วัน เดือน ปีเริ่มต้นลา
// leaveEndDate: Date | null; //*วัน เดือน ปีสิ้นสุดลา
leaveWrote: string; //เขียนที่
leaveAddress: string; //สถานที่ติดต่อขณะลา
leaveNumber: string; //หมายเลขที่ติดต่อขณะลา
leaveDetail: string; //รายละเอียดการลา
leaveDocument: string; //อัปโหลดเอกสารประกอบรายละเอียด
leaveDraftDocument: string; //อัปโหลดแบบฟอร์มการลา
leaveLastStart: Date | null; //ลาครั้งสุดท้ายในประเภทนั้น ๆ เริ่มเมื่อวันที่(ลาป่วย ลาคลอดบุตร และลากิจส่วนตัว)(Auto)
leaveLastEnd: Date | null; //ลาครั้งสุดท้ายในประเภทนั้น ๆ สิ้นสุดเมื่อวันที่(ลาป่วย ลาคลอดบุตร และลากิจส่วนตัว)(Auto)
leaveTotal: number; //จำนวนวันที่ลา(Auto)
leavebirthDate: Date | null; //วันเดือนปีเกิด(Auto)
leavegovernmentDate: Date | null; //วันที่เข้ารับราชการ(Auto)
leaveSalary: Number; //เงินเดือนปัจจุบัน(Auto)
leaveSalaryText: String; //เงินเดือนปัจจุบัน(เขียนเป็นคำอ่าน)
leaveTypeDay: string; //ประเภทการลาในวันนั้นเช่น
wifeDayName: String; //ชื่อภรรยา(ลาไปช่วยเหลือภริยาที่คลอดบุตร)
wifeDayDateBorn: Date | null; //วันที่คลอด(ลาไปช่วยเหลือภริยาที่คลอดบุตร)
restDayOldTotal: Number; //จำนวนวันลาพักผ่อนสะสม จากปีที่ผ่านมา(ลาพักผ่อน)(Auto)

View file

@ -132,11 +132,11 @@ export const useLeavelistDataStore = defineStore("leave", () => {
*/
function convertLeaveDaytype(val: string) {
switch (val) {
case "allday":
case "ALL_DAY":
return "ลาทั้งวัน";
case "halfmorning":
case "HAFT_MORNING":
return "ลาครึ่งวันเช้า";
case "halfafternoon":
case "HAFT_AFTERNOON":
return "ลาครึ่งวันบ่าย";
}
}

View file

@ -4,27 +4,38 @@ export const useLeavelistDataStoreTest = defineStore("listleavetest", () => {
const data = [
{
id: "0",
reasonCommander: "เหตุผลผู้บังคับบัญชา", //เหตุผลผู้บังคับบัญชา
reasonOligarch: "เหตุผลผู้มีอำนาจ", //เหตุผลผู้มีอำนาจ
positionName: "ตำแหน่งผู้ยื่นขอ", //ตำแหน่งผู้ยื่นขอ
positionLevelName: "ระดับผู้ยื่นขอ", //ระดับผู้ยื่นขอ
organizationName: "สังกัดผู้ยื่นขอ", //สังกัดผู้ยื่นขอ
leaveTypeName: "",
leaveTypeId: "leave1",
fullname: "นางอมร ใจกล้า",
dateSendLeave: new Date("2023-11-05"),
leaveDateStart: new Date("2023-11-05"),
leaveDateEnd: new Date("2023-11-06"),
leaveCount: 1,
status: "NEW",
leaveLimit: 10,
leaveTotal: 5,
leaveSummary: 5,
leaveRemain: 5,
leaveStartDate: new Date("2023-11-05"),
leaveEndDate: new Date("2023-11-05"),
// leaveStartDate: new Date("2023-11-05"),
// leaveEndDate: new Date("2023-11-05"),
leaveWrote: "เขียนที่",
leaveAddress: "สถานที่ติดต่อขณะลา",
leaveNumber: "หมายเลขที่ติดต่อขณะลา",
leaveDetail: "/รายละเอียดการลา",
leaveDocument: "https://bma-ehr.frappet.synology.me/001-leave.pdf",
leaveLast: new Date("2023-11-05"),
leaveDateTotal: 3,
leaveDraftDocument: "https://bma-ehr.frappet.synology.me/001-leave.pdf",
leaveLastStart: new Date("2023-11-05"),
leaveLastEnd: new Date("2023-11-05"),
leaveTotal: 3,
leavebirthDate: new Date("2000-11-05"),
leavegovernmentDate: new Date("2022-11-05"),
leaveSalary: 20000,
leaveSalaryText: "สองหมื่นบาทถ้วน",
leaveTypeDay: "ALL_DAY",
wifeDayName: "ชื่อภรรยา",
wifeDayDateBorn: new Date("2000-11-05"),
restDayOldTotal: 3,