426 lines
12 KiB
TypeScript
426 lines
12 KiB
TypeScript
import { defineStore } from "pinia";
|
|
import { ref } from "vue";
|
|
import type { QTableProps } from "quasar";
|
|
import type { DataOption } from "@/modules/12_evaluatePersonal/interface/index/Main";
|
|
import { useCounterMixin } from "@/stores/mixin";
|
|
|
|
const mixin = useCounterMixin();
|
|
const { date2Thai } = mixin;
|
|
export const useEvalutuonStore = defineStore("EvalutuonStore", () => {
|
|
/** function สถานะ*/
|
|
function convertStatus(val: string) {
|
|
switch (val) {
|
|
case "CHECK_SPEC":
|
|
return "ตรวจสอบคุณสมบัติด้วยตนเอง";
|
|
case "PREPARE_DOC_V1":
|
|
return "จัดเตรียมเอกสารเล่ม";
|
|
case "CHECK_DOC_V1":
|
|
return "ตรวจสอบความถูกต้องของเอกสารเล่ม";
|
|
case "WAIT_CHECK_DOC_V1":
|
|
return "รอตรวจสอบคุณสมบัติ";
|
|
case "ANNOUNCE_WEB":
|
|
return "ประกาศบนเว็บไซต์";
|
|
case "PREPARE_DOC_V2":
|
|
return "จัดเตรียมเอกสารเล่ม";
|
|
case "WAIT_CHECK_DOC_V2":
|
|
return "รอพิจารณาผลการประเมิน";
|
|
case "CHECK_DOC_V2":
|
|
return "ตรวจสอบความถูกต้องของเอกสารเล่ม";
|
|
case "DONE":
|
|
return "เสร็จสิ้น";
|
|
|
|
}
|
|
}
|
|
|
|
// ตรวจสอบคุณสมบัติด้วยตนเอง -> CHECK_SPEC
|
|
// จัดเตรียมเอกสารเล่ม 1-> PREPARE_DOC_V1
|
|
// ตรวจสอบความถูกต้องของเอกสารเล่ม 1 -> CHECK_DOC_V1
|
|
// รอตรวจสอบคุณสมบัติ -> WAIT_CHECK_DOC_V1
|
|
// ประกาศบนเว็บไซต์ -> ANNOUNCE_WEB
|
|
// จัดเตรียมเอกสารเล่ม 2 -> PREPARE_DOC_V2
|
|
// ตรวจสอบความถูกต้องของเอกสารเล่ม 2 -> CHECK_DOC_V2
|
|
// รอพิจารณาผลการประเมิน -> WAIT_CHECK_DOC_V2
|
|
// เสร็จสิ้น -> DONE
|
|
|
|
const visibleColumns = ref<String[]>([
|
|
"citizanId",
|
|
"fullName",
|
|
"position",
|
|
"level",
|
|
"positionNumber",
|
|
"agency",
|
|
"status",
|
|
]);
|
|
const rows = ref<any[]>([]);
|
|
function fetchData(data: any[]) {
|
|
const dataList: any[] = data.map((data: any) => ({
|
|
citizanId: data.citizanId,
|
|
fullName: data.fullName,
|
|
position: data.position,
|
|
level: data.level,
|
|
positionNumber: data.positionNumber,
|
|
agency: data.agency,
|
|
status: convertStatus(data.status),
|
|
}));
|
|
rows.value = dataList;
|
|
console.log(dataList);
|
|
}
|
|
|
|
const columns = ref<QTableProps["columns"]>([
|
|
{
|
|
name: "citizanId",
|
|
align: "center",
|
|
label: "เลขประจำตัวประชาชน",
|
|
sortable: false,
|
|
field: "citizanId",
|
|
headerStyle: "font-size: 14px",
|
|
style: "font-size: 14px",
|
|
},
|
|
{
|
|
name: "fullName",
|
|
align: "left",
|
|
label: "ชื่อ-นามสกุล",
|
|
sortable: true,
|
|
field: "fullName",
|
|
headerStyle: "font-size: 14px",
|
|
style: "font-size: 14px",
|
|
},
|
|
{
|
|
name: "position",
|
|
align: "left",
|
|
label: "ตำแหน่ง",
|
|
sortable: true,
|
|
field: "position",
|
|
headerStyle: "font-size: 14px",
|
|
style: "font-size: 14px",
|
|
sort: (a: string, b: string) =>
|
|
a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
|
|
},
|
|
{
|
|
name: "level",
|
|
align: "left",
|
|
label: "ระดับ",
|
|
sortable: true,
|
|
field: "level",
|
|
headerStyle: "font-size: 14px",
|
|
style: "font-size: 14px",
|
|
sort: (a: string, b: string) =>
|
|
a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
|
|
},
|
|
{
|
|
name: "positionNumber",
|
|
align: "left",
|
|
label: "ตำแหน่งเลขที่",
|
|
sortable: true,
|
|
field: "positionNumber",
|
|
headerStyle: "font-size: 14px",
|
|
style: "font-size: 14px",
|
|
sort: (a: string, b: string) =>
|
|
a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
|
|
},
|
|
{
|
|
name: "agency",
|
|
align: "left",
|
|
label: "สังกัด",
|
|
sortable: true,
|
|
field: "agency",
|
|
headerStyle: "font-size: 14px",
|
|
style: "font-size: 14px",
|
|
sort: (a: string, b: string) =>
|
|
a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
|
|
},
|
|
{
|
|
name: "status",
|
|
align: "left",
|
|
label: "สถานะ(ตรวจสอบคุณสมบัติ)",
|
|
sortable: true,
|
|
field: "status",
|
|
headerStyle: "font-size: 14px",
|
|
style: "font-size: 14px",
|
|
},
|
|
]);
|
|
|
|
const columnsLicense = ref<QTableProps["columns"]>([
|
|
{
|
|
name: "",
|
|
align: "center",
|
|
label: "ชื่อใบอนุณาต",
|
|
sortable: false,
|
|
field: "",
|
|
headerStyle: "font-size: 14px",
|
|
style: "font-size: 14px",
|
|
},
|
|
{
|
|
name: "",
|
|
align: "left",
|
|
label: "หน่วยงานผู้ออกใบอนุญาต",
|
|
sortable: true,
|
|
field: "",
|
|
headerStyle: "font-size: 14px",
|
|
style: "font-size: 14px",
|
|
},
|
|
{
|
|
name: "",
|
|
align: "left",
|
|
label: "เลขที่ใบอนุญาต",
|
|
sortable: true,
|
|
field: "",
|
|
headerStyle: "font-size: 14px",
|
|
style: "font-size: 14px",
|
|
},
|
|
{
|
|
name: "",
|
|
align: "left",
|
|
label: "วันที่ออกใบอนุญาต",
|
|
sortable: true,
|
|
field: "",
|
|
headerStyle: "font-size: 14px",
|
|
style: "font-size: 14px",
|
|
sort: (a: string, b: string) =>
|
|
a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
|
|
},
|
|
{
|
|
name: "",
|
|
align: "left",
|
|
label: "วันที่หมดอายุ",
|
|
sortable: true,
|
|
field: "",
|
|
headerStyle: "font-size: 14px",
|
|
style: "font-size: 14px",
|
|
sort: (a: string, b: string) =>
|
|
a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
|
|
},
|
|
]);
|
|
|
|
const columnPeriodhistory = ref<QTableProps["columns"]>([
|
|
{
|
|
name: "",
|
|
align: "center",
|
|
label: "วัน เดือน ปี",
|
|
sortable: false,
|
|
field: "",
|
|
headerStyle: "font-size: 14px",
|
|
style: "font-size: 14px",
|
|
sort: (a: string, b: string) =>
|
|
a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
|
|
},
|
|
{
|
|
name: "",
|
|
align: "left",
|
|
label: "สังกัด",
|
|
sortable: true,
|
|
field: "",
|
|
headerStyle: "font-size: 14px",
|
|
style: "font-size: 14px",
|
|
},
|
|
{
|
|
name: "",
|
|
align: "left",
|
|
label: "ตำแหน่ง",
|
|
sortable: true,
|
|
field: "",
|
|
headerStyle: "font-size: 14px",
|
|
style: "font-size: 14px",
|
|
},
|
|
{
|
|
name: "",
|
|
align: "left",
|
|
label: "ตำแหน่งเลขที่",
|
|
sortable: true,
|
|
field: "",
|
|
headerStyle: "font-size: 14px",
|
|
style: "font-size: 14px",
|
|
sort: (a: string, b: string) =>
|
|
a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
|
|
},
|
|
{
|
|
name: "",
|
|
align: "left",
|
|
label: "สายงาน",
|
|
sortable: true,
|
|
field: "",
|
|
headerStyle: "font-size: 14px",
|
|
style: "font-size: 14px",
|
|
},
|
|
{
|
|
name: "",
|
|
align: "left",
|
|
label: "ด้าน/สาขา",
|
|
sortable: true,
|
|
field: "",
|
|
headerStyle: "font-size: 14px",
|
|
style: "font-size: 14px",
|
|
},
|
|
{
|
|
name: "",
|
|
align: "left",
|
|
label: "ตำแหน่งประเภท",
|
|
sortable: true,
|
|
field: "",
|
|
headerStyle: "font-size: 14px",
|
|
style: "font-size: 14px",
|
|
},
|
|
{
|
|
name: "",
|
|
align: "left",
|
|
label: "ระดับ",
|
|
sortable: true,
|
|
field: "",
|
|
headerStyle: "font-size: 14px",
|
|
style: "font-size: 14px",
|
|
},
|
|
{
|
|
name: "",
|
|
align: "left",
|
|
label: "ตำแหน่งทางการบริหาร",
|
|
sortable: true,
|
|
field: "",
|
|
headerStyle: "font-size: 14px",
|
|
style: "font-size: 14px",
|
|
},
|
|
{
|
|
name: "",
|
|
align: "left",
|
|
label: "ด้านทางการบริหาร",
|
|
sortable: true,
|
|
field: "",
|
|
headerStyle: "font-size: 14px",
|
|
style: "font-size: 14px",
|
|
},
|
|
]);
|
|
|
|
const columnTrainingHistory = ref<QTableProps["columns"]>([
|
|
{
|
|
name: "",
|
|
align: "center",
|
|
label: "ชื่อโครงการ/หลักสูตรการฝึกอบรม",
|
|
sortable: false,
|
|
field: "",
|
|
headerStyle: "font-size: 14px",
|
|
style: "font-size: 14px",
|
|
},
|
|
{
|
|
name: "",
|
|
align: "left",
|
|
label: "หัวข้อการฝึกอบรม/ดูงาน",
|
|
sortable: true,
|
|
field: "",
|
|
headerStyle: "font-size: 14px",
|
|
style: "font-size: 14px",
|
|
},
|
|
{
|
|
name: "",
|
|
align: "left",
|
|
label: "วันเริ่มต้นการฝึกอบรม/ดูงาน",
|
|
sortable: true,
|
|
field: "",
|
|
headerStyle: "font-size: 14px",
|
|
style: "font-size: 14px",
|
|
sort: (a: string, b: string) =>
|
|
a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
|
|
},
|
|
{
|
|
name: "",
|
|
align: "left",
|
|
label: "วันสิ้นสุดการฝึกอบรม/ดูงาน",
|
|
sortable: true,
|
|
field: "",
|
|
headerStyle: "font-size: 14px",
|
|
style: "font-size: 14px",
|
|
sort: (a: string, b: string) =>
|
|
a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
|
|
},
|
|
{
|
|
name: "",
|
|
align: "left",
|
|
label: "ปีที่อบรม/ดูงาน",
|
|
sortable: true,
|
|
field: "",
|
|
headerStyle: "font-size: 14px",
|
|
style: "font-size: 14px",
|
|
},
|
|
{
|
|
name: "",
|
|
align: "left",
|
|
label: "รวมระยะเวลาในการฝึกอบรม/ดูงาน",
|
|
sortable: true,
|
|
field: "",
|
|
headerStyle: "font-size: 14px",
|
|
style: "font-size: 14px",
|
|
},
|
|
{
|
|
name: "",
|
|
align: "left",
|
|
label: "หน่วยงานที่รับผิดชอบจัดการฝึกอบรม/ดูงาน",
|
|
sortable: true,
|
|
field: "",
|
|
headerStyle: "font-size: 14px",
|
|
style: "font-size: 14px",
|
|
},
|
|
]);
|
|
|
|
const columnProjectsProposed = ref<QTableProps["columns"]>([
|
|
{
|
|
name: "",
|
|
align: "center",
|
|
label: "วันที่ได้รับ",
|
|
sortable: false,
|
|
field: "",
|
|
headerStyle: "font-size: 14px",
|
|
style: "font-size: 14px",
|
|
sort: (a: string, b: string) =>
|
|
a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
|
|
},
|
|
{
|
|
name: "",
|
|
align: "left",
|
|
label: "ผู้มีอำนาจลงนาม",
|
|
sortable: true,
|
|
field: "",
|
|
headerStyle: "font-size: 14px",
|
|
style: "font-size: 14px",
|
|
},
|
|
{
|
|
name: "",
|
|
align: "left",
|
|
label: "รายละเอียด",
|
|
sortable: true,
|
|
field: "",
|
|
headerStyle: "font-size: 14px",
|
|
style: "font-size: 14px",
|
|
|
|
},
|
|
{
|
|
name: "",
|
|
align: "left",
|
|
label: "เลขที่คำสั่ง",
|
|
sortable: true,
|
|
field: "",
|
|
headerStyle: "font-size: 14px",
|
|
style: "font-size: 14px",
|
|
sort: (a: string, b: string) =>
|
|
a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
|
|
},
|
|
{
|
|
name: "",
|
|
align: "left",
|
|
label: "เอกสารอ้างอิง",
|
|
sortable: true,
|
|
field: "",
|
|
headerStyle: "font-size: 14px",
|
|
style: "font-size: 14px",
|
|
},
|
|
]);
|
|
|
|
return {
|
|
visibleColumns,
|
|
columns,
|
|
rows,
|
|
convertStatus,
|
|
fetchData,
|
|
columnsLicense,
|
|
columnPeriodhistory,
|
|
columnTrainingHistory,
|
|
columnProjectsProposed,
|
|
};
|
|
});
|