hrms-mgt/src/modules/09_leave/stores/LeaveStore.ts

219 lines
7 KiB
TypeScript
Raw Normal View History

2023-10-06 13:32:54 +07:00
import { defineStore } from "pinia";
2023-12-08 16:05:56 +07:00
import { ref, reactive } from "vue";
2023-10-06 13:32:54 +07:00
import { useCounterMixin } from "@/stores/mixin";
/** importType*/
2023-12-08 16:05:56 +07:00
import type { DateFilter } from "@/modules/09_leave/interface/request/leave";
2023-10-20 16:57:32 +07:00
import type { QTableProps } from "quasar";
2023-12-08 16:05:56 +07:00
import type {
DataRows,
ListLeave,
} from "@/modules/09_leave/interface/response/leave";
2023-11-17 15:28:03 +07:00
import type { FremData } from "@/modules/09_leave/interface/request/leave";
2023-10-06 13:32:54 +07:00
const mixin = useCounterMixin();
const { date2Thai, showLoader, hideLoader } = mixin;
2023-10-06 13:32:54 +07:00
export const useLeavelistDataStore = defineStore("leave", () => {
/** ข้อมูล Main*/
const tabMenu = ref<string>("1");
/** ข้อมูล Tab 1*/
const tabView = ref<string>("list");
2023-12-08 16:05:56 +07:00
/** filter*/
const filter = reactive<DateFilter>({
year: new Date().getFullYear(), //*ปีในการยื่นขอใบลา(ใช้เป็น คศ.)
type: "00000000-0000-0000-0000-000000000000", //*Id ประเภทการลา
2024-01-10 17:33:31 +07:00
status: "NEW", //*สถานะการของลา
2023-12-08 16:05:56 +07:00
keyword: "", //keyword ค้นหา
});
/**ข้อมูลใน Table*/
const mainData = ref<any>([]);
const rows = ref<DataRows[]>([]);
const columns = ref<QTableProps["columns"]>([]);
const visibleColumns = ref<string[]>([]);
2023-11-17 15:28:03 +07:00
2023-12-07 18:01:37 +07:00
const leaveType = ref<any>([]);
/**
* fetchListLeave
* @param data Page
*/
2023-12-08 16:05:56 +07:00
async function fetchListLeave(data: ListLeave[]) {
let datalist = data.map((e: ListLeave) => ({
id: e.id,
2023-12-08 16:05:56 +07:00
leaveTypeName: e.leaveTypeName,
leaveTypeId: e.leaveTypeId,
citizenId: e.citizenId ?? "3120101734950",
2023-12-08 16:05:56 +07:00
fullName: e.fullName,
agency: e.agency ?? "สำนักงานการเจ้าหน้าที่",
org: e.org ?? "กองบริหารทั่วไป/ฝ่ายการเจ้าหน้าที่",
position: e.position ?? "นักทรัพยากรบุคคล",
level: e.level ?? "ชำนาญการ",
dateSendLeave: e.dateSendLeave && date2Thai(e.dateSendLeave),
dateLeave:
e.dateSendLeave &&
date2Thai(e.dateSendLeave) + "-" + date2Thai(e.dateSendLeave),
2023-12-08 16:05:56 +07:00
status: e.status && convertSatatus(e.status),
}));
mainData.value = datalist;
rows.value = mainData.value;
}
/**
* fetchListLeave
* @param data Page
*/
async function fetchListLeaveReject(data: any[]) {
let datalist = data.map((e: FremData) => ({
id: e.id,
leaveTypeName: e.leaveTypeName,
leaveTypeId: e.leaveTypeId,
2023-12-08 16:05:56 +07:00
fullName: e.fullName,
dateSendLeave: e.dateSendLeave && date2Thai(e.dateSendLeave),
status: convertSatatus2(e.status),
}));
2023-11-08 18:02:52 +07:00
mainData.value = datalist;
2023-11-17 15:28:03 +07:00
rows.value = mainData.value;
}
2023-10-06 13:32:54 +07:00
/**
* tab1
* @param val
*/
function convertSatatus(val: string) {
switch (val) {
2023-11-03 15:08:53 +07:00
case "NEW":
return "ใหม่";
2023-11-03 15:08:53 +07:00
case "PENDING":
return "อยู่ระหว่างดำเนินการ";
case "APPROVE":
return "อนุมัติ";
2023-11-03 15:08:53 +07:00
case "REJECT":
return "ไม่อนุมัติ";
2023-12-08 16:05:56 +07:00
case "DELETE":
return "ยกเลิก";
2023-10-06 13:32:54 +07:00
}
}
/**
* tab2
* @param val
*/
function convertSatatus2(val: string) {
switch (val) {
case "NEW":
return "ใหม่";
case "APPROVE":
return "อนุมัติ";
case "REJECT":
return "ไม่อนุมัติ";
}
}
// /**
// * ฟังก์ชั่นแปลงประเภทการลา
// * @param val ค่าประเภทของกาลา
// */
// function convertLeave(val: string) {
// switch (val) {
// case "leave1":
// return "ลากิจส่วนตัว";
// case "leave2":
// return "ลาป่วย";
// case "leave3":
// return "ลาคลอดบุตร";
// case "leave4":
// return "ลาไปช่วยเหลือภริยาที่คลอดบุตร";
// case "leave5":
// return "ลาพักผ่อน";
// case "leave6":
// return "ลาอุปสมบท";
// case "leave7":
// return "ลาประกอบพิธีฮัจญ์";
// case "leave8":
// return "ลาเข้ารับการตรวจเลือกหรือเข้ารับการเตรียมพล";
// case "leave9":
// return "ลาไปศึกษา";
// case "leave10":
// return "ลาไปฝึกอบรม ปฏิบัติการวิจัย หรือดูงาน";
// case "leave11":
// return "ลาไปปฏิบัติงานในองค์การระหว่างประเทศ";
// case "leave12":
// return "ลาติดตามคู่สมรส";
// case "leave13":
// return "ลาไปฟื้นฟูสมรรถภาพด้านอาชีพ";
// }
// }
/**
*
* @param val
*/
2023-11-08 18:02:52 +07:00
function convertLeaveDaytype(val: string) {
switch (val) {
case "ALL_DAY":
2023-11-08 18:02:52 +07:00
return "ลาทั้งวัน";
case "HAFT_MORNING":
2023-11-08 18:02:52 +07:00
return "ลาครึ่งวันเช้า";
case "HAFT_AFTERNOON":
2023-11-08 18:02:52 +07:00
return "ลาครึ่งวันบ่าย";
2023-11-06 12:12:54 +07:00
}
}
2023-12-07 18:01:37 +07:00
function colorType(val: string) {
const dataType = leaveType.value.find((item: any) => item.id === val);
switch (dataType.code) {
case "LV-001":
return "#FFD1D1"; // Light Red
case "LV-002":
return "#C8E6C9"; // Light Green
case "LV-003":
return "#BBDEFB"; // Light Blue
case "LV-004":
return "#E1BEE7"; // Light Purple
case "LV-005":
return "#DCEDC8"; // Light Lime
case "LV-006":
return "#FFE0B2"; // Light Orange
case "LV-007":
return "#FFECB3"; // Light Amber
case "LV-008":
return "#CFD8DC"; // Light Blue Grey
case "LV-009":
return "#FFCCBC"; // Light Deep Orange
case "LV-010":
return "#FFF9C4"; // Light Amber Lighten
case "LV-011":
return "#B2DFDB"; // Light Teal
}
}
return {
/** ข้อมูล Main*/
tabMenu,
/** ข้อมูล Tab1*/
2023-12-08 16:05:56 +07:00
/** filter */
filter,
tabView,
/**ข้อมูลใน Table */
rows,
fetchListLeave,
columns,
visibleColumns,
2023-10-06 13:32:54 +07:00
fetchListLeaveReject,
convertSatatus,
/** Function แปลงค่า */
// convertLeave,
2023-11-08 18:02:52 +07:00
convertLeaveDaytype,
2023-12-07 18:01:37 +07:00
leaveType,
colorType,
};
});