diff --git a/src/modules/05_placement/components/OrderPlacement/MainOrderPlacement.vue b/src/modules/05_placement/components/OrderPlacement/MainOrderPlacement.vue index 05efb0570..09bc164d9 100644 --- a/src/modules/05_placement/components/OrderPlacement/MainOrderPlacement.vue +++ b/src/modules/05_placement/components/OrderPlacement/MainOrderPlacement.vue @@ -161,6 +161,13 @@ > {{ props.row.OrderNum }} + + {{ props.row.OrderType }} + {{ props.row.OrderStatus }} - { return dateText(value); }; +const visibleColumns = ref([ + "Order", + "OrderType", + "OrderNum", + "OrderDate", + "OrderBy", + "Signer", + "OrderStatus", +]); //ค้นหา คอลัมน์ คอลัมน์ที่แสดง + // หัวตาราง const columns = ref([ { @@ -274,13 +290,15 @@ const columns = ref([ style: "font-size: 14px", }, { - name: "fiscalYear", + name: "OrderType", align: "left", - label: "ปีงบประมาณ", - sortable: true, - field: "fiscalYear", + label: "ประเภท", + sortable: false, + field: "OrderType", headerStyle: "font-size: 14px", style: "font-size: 14px", + sort: (a: string, b: string) => + a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }), }, { name: "OrderDate", @@ -327,15 +345,13 @@ const columns = ref([ a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }), }, { - name: "OrderType", + name: "fiscalYear", align: "left", - label: "ประเภท", - sortable: false, - field: "OrderType", + label: "ปีงบประมาณ", + sortable: true, + field: "fiscalYear", headerStyle: "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([ }, { Order: "คำสั่งแต่งตั้งผู้สอบแข่งขันได้", - OrderNum: "1/2565", - fiscalYear: 2565, - OrderDate: "30 พ.ค. 2565", + OrderNum: "1/2564", + fiscalYear: 2564, + OrderDate: "30 พ.ค. 2564", OrderBy: "สำนักงาน กทม.", Signer: "นาม สมคิด ยอดใจ ", OrderStatus: "บัญชีแนบท้าย", @@ -374,19 +390,29 @@ const rows = ref([ }, { Order: "คำสั่งแต่งตั้งผู้สอบแข่งขันได้", - OrderNum: "1/2565", - fiscalYear: 2565, - OrderDate: "30 พ.ค. 2565", + OrderNum: "1/2564", + fiscalYear: 2564, + OrderDate: "30 พ.ค. 2564", OrderBy: "สำนักงาน กทม.", Signer: "นาม สมคิด ยอดใจ ", OrderStatus: "บัญชีแนบท้าย", - OrderType: "คำสั่งบรรจุและแต่งตั้ง", + OrderType: "คำสั่งย้าย", }, { Order: "คำสั่งแต่งตั้งผู้สอบแข่งขันได้", - OrderNum: "1/2565", - fiscalYear: 2565, - OrderDate: "30 พ.ค. 2565", + OrderNum: "1/2564", + fiscalYear: 2564, + OrderDate: "30 พ.ค. 2564", + OrderBy: "สำนักงาน กทม.", + Signer: "นาม สมคิด ยอดใจ ", + OrderStatus: "ส่งสำเนาคำสั่ง", + OrderType: "คำสั่งย้าย", + }, + { + Order: "คำสั่งแต่งตั้งผู้สอบแข่งขันได้", + OrderNum: "1/2564", + fiscalYear: 2564, + OrderDate: "30 พ.ค. 2564", OrderBy: "สำนักงาน กทม.", Signer: "นาม สมคิด ยอดใจ ", OrderStatus: "ส่งสำเนาคำสั่ง", @@ -394,19 +420,9 @@ const rows = ref([ }, { Order: "คำสั่งแต่งตั้งผู้สอบแข่งขันได้", - OrderNum: "1/2565", - fiscalYear: 2565, - OrderDate: "30 พ.ค. 2565", - OrderBy: "สำนักงาน กทม.", - Signer: "นาม สมคิด ยอดใจ ", - OrderStatus: "ส่งสำเนาคำสั่ง", - OrderType: "คำสั่งบรรจุและแต่งตั้ง", - }, - { - Order: "คำสั่งแต่งตั้งผู้สอบแข่งขันได้", - OrderNum: "1/2565", - fiscalYear: 2565, - OrderDate: "30 พ.ค. 2565", + OrderNum: "1/2566", + fiscalYear: 2566, + OrderDate: "30 พ.ค. 2566", OrderBy: "สำนักงาน กทม.", Signer: "นาม สมคิด ยอดใจ ", OrderStatus: "รอลงนาม", @@ -414,13 +430,13 @@ const rows = ref([ }, { Order: "คำสั่งแต่งตั้งผู้สอบแข่งขันได้", - OrderNum: "1/2565", - fiscalYear: 2565, - OrderDate: "30 พ.ค. 2565", + OrderNum: "1/2566", + fiscalYear: 2566, + OrderDate: "30 พ.ค. 2566", OrderBy: "สำนักงาน กทม.", Signer: "นาม สมคิด ยอดใจ ", OrderStatus: "ออกคำสั่งแล้ว", - OrderType: "คำสั่งบรรจุและแต่งตั้ง", + OrderType: "คำสั่งแต่งตั้ง", }, { Order: "คำสั่งแต่งตั้งผู้สอบแข่งขันได้", @@ -434,19 +450,19 @@ const rows = ref([ }, { Order: "คำสั่งแต่งตั้งผู้สอบแข่งขันได้", - OrderNum: "1/2565", - fiscalYear: 2565, - OrderDate: "30 พ.ค. 2565", + OrderNum: "1/2566", + fiscalYear: 2566, + OrderDate: "30 พ.ค. 2566", OrderBy: "สำนักงาน กทม.", Signer: "นาม สมคิด ยอดใจ ", OrderStatus: "ออกคำสั่งแล้ว", - OrderType: "คำสั่งบรรจุและแต่งตั้ง", + OrderType: "คำสั่งแต่งตั้ง", }, { Order: "คำสั่งแต่งตั้งผู้สอบแข่งขันได้", - OrderNum: "1/2565", - fiscalYear: 2565, - OrderDate: "30 พ.ค. 2565", + OrderNum: "1/2566", + fiscalYear: 2566, + OrderDate: "30 พ.ค. 2566", OrderBy: "สำนักงาน กทม.", Signer: "นาม สมคิด ยอดใจ ", OrderStatus: "ออกคำสั่งแล้ว", @@ -687,14 +703,6 @@ const resetFilter = () => { }; const attrs = ref(useAttrs()); -const visibleColumns = ref([ - "Order", - "OrderNum", - "OrderDate", - "OrderBy", - "Signer", - "OrderStatus", -]); //ค้นหา คอลัมน์ คอลัมน์ที่แสดง const searchFilterTable = async () => { // console.log('Input value changed:', examTime.value, examType.value, expiredAccount.value); diff --git a/src/modules/05_placement/store.ts b/src/modules/05_placement/store.ts index e143902f5..634c46309 100644 --- a/src/modules/05_placement/store.ts +++ b/src/modules/05_placement/store.ts @@ -231,7 +231,7 @@ export const useOrderPlacementDataStore = defineStore("placementOrder", () => { if (filter_1 === "" && filter_2 === "" && filterYear === 0) { 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( (item) => item.OrderType === filter_1 ); @@ -239,15 +239,15 @@ export const useOrderPlacementDataStore = defineStore("placementOrder", () => { DataMainUpdateOrder.value = DataMainOrigOrder.value.filter( (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( (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( (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( (item) => item.fiscalYear === filterYear ); @@ -256,6 +256,10 @@ export const useOrderPlacementDataStore = defineStore("placementOrder", () => { (item) => 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) { DataMainUpdateOrder.value = DataMainOrigOrder.value.filter( (item) =>