hrms-bangkok/hrms-mgt
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

updated format code

Browse source
This commit is contained in:
Warunee Tamkoo 2024-09-03 11:28:01 +07:00
parent b75d69ea08
commit b14bad2249
241 changed files with 14012 additions and 13811 deletions
Download patch file Download diff file Expand all files Collapse all files

219
src/modules/09_leave/stores/WorkTimeStore.ts
View file

@ -1,117 +1,118 @@
import { defineStore } from "pinia";
import { ref } from "vue";
import type { QTableProps } from "quasar";
import type { workingTimeDataRowType } from '@/modules/09_leave/interface/request/workTime'
import type { workingTimeDataRowType } from "@/modules/09_leave/interface/request/workTime";
export const useWorkTimeStore = defineStore("WorkTimeStore", () => {
const rows = ref<workingTimeDataRowType[]>([])
const rows = ref<workingTimeDataRowType[]>([]);
const visibleColumns = ref<string[]>([
"round",
"morning",
"morningEnd",
"afternoon",
"afternoonEnd",
"reason",
"status",
]); //ค้นหา คอลัมน์ คอลัมน์ที่แสดง
const visibleColumns = ref<string[]>([
"round",
"morning",
"morningEnd",
"afternoon",
"afternoonEnd",
"reason",
"status",
]); //ค้นหา คอลัมน์ คอลัมน์ที่แสดง
// หัวตาราง
const columns = ref<QTableProps["columns"]>([
// หัวตาราง
const columns = ref<QTableProps["columns"]>([
{
name: "round",
align: "left",
label: "รอบ",
sortable: true,
field: "round",
headerStyle: "font-size: 14px",
style: "font-size: 14px",
},
{
name: "morning",
align: "left",
label: "รอบเช้า",
sortable: true,
field: "morning",
headerStyle: "font-size: 14px",
style: "font-size: 14px",
sort: (a: string, b: string) =>
a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
},
{
name: "morningEnd",
align: "left",
label: "รอบออก",
sortable: true,
field: "morningEnd",
headerStyle: "font-size: 14px",
style: "font-size: 14px",
sort: (a: string, b: string) =>
a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
},
{
name: "afternoon",
align: "left",
label: "รอบบ่าย",
sortable: true,
field: "afternoon",
headerStyle: "font-size: 14px",
style: "font-size: 14px",
sort: (a: string, b: string) =>
a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
},
{
name: "afternoonEnd",
align: "left",
label: "รอบออก",
sortable: true,
field: "afternoonEnd",
headerStyle: "font-size: 14px",
style: "font-size: 14px",
sort: (a: string, b: string) =>
a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
},
{
name: "reason",
align: "left",
label: "คำอธิบาย",
sortable: true,
field: "reason",
headerStyle: "font-size: 14px",
style: "font-size: 14px",
sort: (a: string, b: string) =>
a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
},
{
name: "status",
align: "center",
label: "สถานะการใช้งาน",
sortable: false,
field: "status",
headerStyle: "font-size: 14px",
style: "font-size: 14px",
},
]);
function fecthList(data: workingTimeDataRowType[]) {
let datalist: workingTimeDataRowType[] = data.map(
(e: workingTimeDataRowType) => {
return {
round: `${e.morning}-${e.afternoonEnd}`,
morning: e.morning,
morningEnd: e.morningEnd,
afternoon: e.afternoon,
afternoonEnd: e.afternoonEnd,
reason: e.reason === "" ? "-" : e.reason,
status: e.status,
};
}
);
rows.value = datalist;
}
{
name: "round",
align: "left",
label: "รอบ",
sortable: true,
field: "round",
headerStyle: "font-size: 14px",
style: "font-size: 14px",
},
{
name: "morning",
align: "left",
label: "รอบเช้า",
sortable: true,
field: "morning",
headerStyle: "font-size: 14px",
style: "font-size: 14px",
sort: (a: string, b: string) =>
a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
},
{
name: "morningEnd",
align: "left",
label: "รอบออก",
sortable: true,
field: "morningEnd",
headerStyle: "font-size: 14px",
style: "font-size: 14px",
sort: (a: string, b: string) =>
a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
},
{
name: "afternoon",
align: "left",
label: "รอบบ่าย",
sortable: true,
field: "afternoon",
headerStyle: "font-size: 14px",
style: "font-size: 14px",
sort: (a: string, b: string) =>
a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
},
{
name: "afternoonEnd",
align: "left",
label: "รอบออก",
sortable: true,
field: "afternoonEnd",
headerStyle: "font-size: 14px",
style: "font-size: 14px",
sort: (a: string, b: string) =>
a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
},
{
name: "reason",
align: "left",
label: "คำอธิบาย",
sortable: true,
field: "reason",
headerStyle: "font-size: 14px",
style: "font-size: 14px",
sort: (a: string, b: string) =>
a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
},
{
name: "status",
align: "center",
label: "สถานะการใช้งาน",
sortable: false,
field: "status",
headerStyle: "font-size: 14px",
style: "font-size: 14px",
},
]);
function fecthList(data: workingTimeDataRowType[]) {
let datalist: workingTimeDataRowType[] = data.map((e: workingTimeDataRowType) => {
return {
round:`${e.morning}-${e.afternoonEnd}`,
morning: e.morning,
morningEnd: e.morningEnd,
afternoon: e.afternoon,
afternoonEnd: e.afternoonEnd,
reason: e.reason === '' ? '-':e.reason,
status: e.status,
};
});
rows.value = datalist;
}
return {
fecthList,
rows,
visibleColumns,
columns
};
})
return {
fecthList,
rows,
visibleColumns,
columns,
};
});