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

เเก้บัค filter / เพิ่มฟิล OrderType

Browse source
This commit is contained in:
AnandaTon 2023-07-03 12:18:58 +07:00
parent 6ba4c4a2dc
commit ec257e0ddf
2 changed files with 69 additions and 57 deletions
Download patch file Download diff file Expand all files Collapse all files

114
src/modules/05_placement/components/OrderPlacement/MainOrderPlacement.vue
View file

@ -161,6 +161,13 @@
> >
{{ props.row.OrderNum }} {{ props.row.OrderNum }}
</q-td> </q-td>
<q-td
key="OrderType"
:props="props"
@click="redirectToPage(props.row.OrderType)"
>
{{ props.row.OrderType }}
</q-td>
<q-td <q-td
key="OrderDate" key="OrderDate"
:props="props" :props="props"
@ -189,7 +196,6 @@
> >
{{ props.row.OrderStatus }} {{ props.row.OrderStatus }}
</q-td> </q-td>
<q-td auto-width> <q-td auto-width>
<q-btn <q-btn
dense dense
@ -251,6 +257,16 @@ const textDate = (value: Date) => {
return dateText(value); return dateText(value);
}; };
const visibleColumns = ref<string[]>([
"Order",
"OrderType",
"OrderNum",
"OrderDate",
"OrderBy",
"Signer",
"OrderStatus",
]); //ค้นหา คอลัมน์ คอลัมน์ที่แสดง
// หัวตาราง // หัวตาราง
const columns = ref<QTableProps["columns"]>([ const columns = ref<QTableProps["columns"]>([
{ {
@ -274,13 +290,15 @@ const columns = ref<QTableProps["columns"]>([
style: "font-size: 14px", style: "font-size: 14px",
}, },
{ {
name: "fiscalYear", name: "OrderType",
align: "left", align: "left",
label: "ปีงบประมาณ", label: "ประเภท",
sortable: true, sortable: false,
field: "fiscalYear", field: "OrderType",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
sort: (a: string, b: string) =>
a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
}, },
{ {
name: "OrderDate", name: "OrderDate",
@ -327,15 +345,13 @@ const columns = ref<QTableProps["columns"]>([
a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }), a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
}, },
{ {
name: "OrderType", name: "fiscalYear",
align: "left", align: "left",
label: "ประเภท", label: "ปีงบประมาณ",
sortable: false, sortable: true,
field: "OrderType", field: "fiscalYear",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
sort: (a: string, b: string) =>
a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
}, },
]); ]);
@ -364,9 +380,9 @@ const rows = ref<FormOrderPlacementMainData[]>([
}, },
{ {
Order: "คำสั่งแต่งตั้งผู้สอบแข่งขันได้", Order: "คำสั่งแต่งตั้งผู้สอบแข่งขันได้",
OrderNum: "1/2565", OrderNum: "1/2564",
fiscalYear: 2565, fiscalYear: 2564,
OrderDate: "30 พ.ค. 2565", OrderDate: "30 พ.ค. 2564",
OrderBy: "สำนักงาน กทม.", OrderBy: "สำนักงาน กทม.",
Signer: "นาม สมคิด ยอดใจ ", Signer: "นาม สมคิด ยอดใจ ",
OrderStatus: "บัญชีแนบท้าย", OrderStatus: "บัญชีแนบท้าย",
@ -374,19 +390,29 @@ const rows = ref<FormOrderPlacementMainData[]>([
}, },
{ {
Order: "คำสั่งแต่งตั้งผู้สอบแข่งขันได้", Order: "คำสั่งแต่งตั้งผู้สอบแข่งขันได้",
OrderNum: "1/2565", OrderNum: "1/2564",
fiscalYear: 2565, fiscalYear: 2564,
OrderDate: "30 พ.ค. 2565", OrderDate: "30 พ.ค. 2564",
OrderBy: "สำนักงาน กทม.", OrderBy: "สำนักงาน กทม.",
Signer: "นาม สมคิด ยอดใจ ", Signer: "นาม สมคิด ยอดใจ ",
OrderStatus: "บัญชีแนบท้าย", OrderStatus: "บัญชีแนบท้าย",
OrderType: "คำสั่งบรรจุและแต่งตั้ง", OrderType: "คำสั่งย้าย",
}, },
{ {
Order: "คำสั่งแต่งตั้งผู้สอบแข่งขันได้", Order: "คำสั่งแต่งตั้งผู้สอบแข่งขันได้",
OrderNum: "1/2565", OrderNum: "1/2564",
fiscalYear: 2565, fiscalYear: 2564,
OrderDate: "30 พ.ค. 2565", OrderDate: "30 พ.ค. 2564",
OrderBy: "สำนักงาน กทม.",
Signer: "นาม สมคิด ยอดใจ ",
OrderStatus: "ส่งสำเนาคำสั่ง",
OrderType: "คำสั่งย้าย",
},
{
Order: "คำสั่งแต่งตั้งผู้สอบแข่งขันได้",
OrderNum: "1/2564",
fiscalYear: 2564,
OrderDate: "30 พ.ค. 2564",
OrderBy: "สำนักงาน กทม.", OrderBy: "สำนักงาน กทม.",
Signer: "นาม สมคิด ยอดใจ ", Signer: "นาม สมคิด ยอดใจ ",
OrderStatus: "ส่งสำเนาคำสั่ง", OrderStatus: "ส่งสำเนาคำสั่ง",
@ -394,19 +420,9 @@ const rows = ref<FormOrderPlacementMainData[]>([
}, },
{ {
Order: "คำสั่งแต่งตั้งผู้สอบแข่งขันได้", Order: "คำสั่งแต่งตั้งผู้สอบแข่งขันได้",
OrderNum: "1/2565", OrderNum: "1/2566",
fiscalYear: 2565, fiscalYear: 2566,
OrderDate: "30 พ.ค. 2565", OrderDate: "30 พ.ค. 2566",
OrderBy: "สำนักงาน กทม.",
Signer: "นาม สมคิด ยอดใจ ",
OrderStatus: "ส่งสำเนาคำสั่ง",
OrderType: "คำสั่งบรรจุและแต่งตั้ง",
},
{
Order: "คำสั่งแต่งตั้งผู้สอบแข่งขันได้",
OrderNum: "1/2565",
fiscalYear: 2565,
OrderDate: "30 พ.ค. 2565",
OrderBy: "สำนักงาน กทม.", OrderBy: "สำนักงาน กทม.",
Signer: "นาม สมคิด ยอดใจ ", Signer: "นาม สมคิด ยอดใจ ",
OrderStatus: "รอลงนาม", OrderStatus: "รอลงนาม",
@ -414,13 +430,13 @@ const rows = ref<FormOrderPlacementMainData[]>([
}, },
{ {
Order: "คำสั่งแต่งตั้งผู้สอบแข่งขันได้", Order: "คำสั่งแต่งตั้งผู้สอบแข่งขันได้",
OrderNum: "1/2565", OrderNum: "1/2566",
fiscalYear: 2565, fiscalYear: 2566,
OrderDate: "30 พ.ค. 2565", OrderDate: "30 พ.ค. 2566",
OrderBy: "สำนักงาน กทม.", OrderBy: "สำนักงาน กทม.",
Signer: "นาม สมคิด ยอดใจ ", Signer: "นาม สมคิด ยอดใจ ",
OrderStatus: "ออกคำสั่งแล้ว", OrderStatus: "ออกคำสั่งแล้ว",
OrderType: "คำสั่งบรรจุและแต่งตั้ง", OrderType: "คำสั่งแต่งตั้ง",
}, },
{ {
Order: "คำสั่งแต่งตั้งผู้สอบแข่งขันได้", Order: "คำสั่งแต่งตั้งผู้สอบแข่งขันได้",
@ -434,19 +450,19 @@ const rows = ref<FormOrderPlacementMainData[]>([
}, },
{ {
Order: "คำสั่งแต่งตั้งผู้สอบแข่งขันได้", Order: "คำสั่งแต่งตั้งผู้สอบแข่งขันได้",
OrderNum: "1/2565", OrderNum: "1/2566",
fiscalYear: 2565, fiscalYear: 2566,
OrderDate: "30 พ.ค. 2565", OrderDate: "30 พ.ค. 2566",
OrderBy: "สำนักงาน กทม.", OrderBy: "สำนักงาน กทม.",
Signer: "นาม สมคิด ยอดใจ ", Signer: "นาม สมคิด ยอดใจ ",
OrderStatus: "ออกคำสั่งแล้ว", OrderStatus: "ออกคำสั่งแล้ว",
OrderType: "คำสั่งบรรจุและแต่งตั้ง", OrderType: "คำสั่งแต่งตั้ง",
}, },
{ {
Order: "คำสั่งแต่งตั้งผู้สอบแข่งขันได้", Order: "คำสั่งแต่งตั้งผู้สอบแข่งขันได้",
OrderNum: "1/2565", OrderNum: "1/2566",
fiscalYear: 2565, fiscalYear: 2566,
OrderDate: "30 พ.ค. 2565", OrderDate: "30 พ.ค. 2566",
OrderBy: "สำนักงาน กทม.", OrderBy: "สำนักงาน กทม.",
Signer: "นาม สมคิด ยอดใจ ", Signer: "นาม สมคิด ยอดใจ ",
OrderStatus: "ออกคำสั่งแล้ว", OrderStatus: "ออกคำสั่งแล้ว",
@ -687,14 +703,6 @@ const resetFilter = () => {
}; };
const attrs = ref<any>(useAttrs()); const attrs = ref<any>(useAttrs());
const visibleColumns = ref<string[]>([
"Order",
"OrderNum",
"OrderDate",
"OrderBy",
"Signer",
"OrderStatus",
]); //ค้นหา คอลัมน์ คอลัมน์ที่แสดง
const searchFilterTable = async () => { const searchFilterTable = async () => {
// console.log('Input value changed:', examTime.value, examType.value, expiredAccount.value); // console.log('Input value changed:', examTime.value, examType.value, expiredAccount.value);

12
src/modules/05_placement/store.ts
View file

@ -231,7 +231,7 @@ export const useOrderPlacementDataStore = defineStore("placementOrder", () => {
if (filter_1 === "" && filter_2 === "" && filterYear === 0) { if (filter_1 === "" && filter_2 === "" && filterYear === 0) {
DataMainUpdateOrder.value = DataMainOrigOrder.value; DataMainUpdateOrder.value = DataMainOrigOrder.value;
} else if (filter_1 !== "" && filter_2 === "" && filterYear === null) { } else if (filter_1 !== "" && filter_2 === "" && filterYear === 0) {
DataMainUpdateOrder.value = DataMainOrigOrder.value.filter( DataMainUpdateOrder.value = DataMainOrigOrder.value.filter(
(item) => item.OrderType === filter_1 (item) => item.OrderType === filter_1
); );
@ -239,15 +239,15 @@ export const useOrderPlacementDataStore = defineStore("placementOrder", () => {
DataMainUpdateOrder.value = DataMainOrigOrder.value.filter( DataMainUpdateOrder.value = DataMainOrigOrder.value.filter(
(item) => item.OrderType === filter_1 && item.OrderStatus === filter_2 (item) => item.OrderType === filter_1 && item.OrderStatus === filter_2
); );
} else if (filter_1 !== "" && filter_2 === "" && filterYear !== null) { } else if (filter_1 !== "" && filter_2 === "" && filterYear !== 0) {
DataMainUpdateOrder.value = DataMainOrigOrder.value.filter( DataMainUpdateOrder.value = DataMainOrigOrder.value.filter(
(item) => item.OrderType === filter_1 && item.fiscalYear === filterYear (item) => item.OrderType === filter_1 && item.fiscalYear === filterYear
); );
} else if (filter_1 === "" && filter_2 !== "" && filterYear === null) { } else if (filter_1 === "" && filter_2 !== "" && filterYear === 0) {
DataMainUpdateOrder.value = DataMainOrigOrder.value.filter( DataMainUpdateOrder.value = DataMainOrigOrder.value.filter(
(item) => item.OrderStatus === filter_2 (item) => item.OrderStatus === filter_2
); );
} else if (filter_1 === "" && filter_2 === "" && filterYear !== null) { } else if (filter_1 === "" && filter_2 === "" && filterYear !== 0) {
DataMainUpdateOrder.value = DataMainOrigOrder.value.filter( DataMainUpdateOrder.value = DataMainOrigOrder.value.filter(
(item) => item.fiscalYear === filterYear (item) => item.fiscalYear === filterYear
); );
@ -256,6 +256,10 @@ export const useOrderPlacementDataStore = defineStore("placementOrder", () => {
(item) => (item) =>
item.OrderStatus === filter_2 && item.fiscalYear === filterYear item.OrderStatus === filter_2 && item.fiscalYear === filterYear
); );
} else if (filter_1 !== "" && filter_2 !== "" && filterYear === 0) {
DataMainUpdateOrder.value = DataMainOrigOrder.value.filter(
(item) => item.OrderStatus === filter_2 && item.OrderType === filter_1
);
} else if (filter_1 !== "" && filter_2 !== "" && filterYear !== null) { } else if (filter_1 !== "" && filter_2 !== "" && filterYear !== null) {
DataMainUpdateOrder.value = DataMainOrigOrder.value.filter( DataMainUpdateOrder.value = DataMainOrigOrder.value.filter(
(item) => (item) =>