format Date เรื่องร้องเรียนและรายการออกคำสั่งลงโทษทางวินัย

src/modules/11_discipline/components/1_Complaint/MainPage.vue

@@ -29,18 +29,18 @@ async function fetchListComplaints() {
       detail: "มีข้อร้องเรียนเรื่องการทุจริตทางการเงิน",
       complainant: "นางศิรินภา คงน้อย",
       offenseDescription: "ร้ายแรง",
-      creationDate: "20 ก.พ. 2566",
+      creationDate: new Date("2023-12-01"),
       considerationLevel: "ด่วนมาก",
-      considerationDeadlineDate: "20 ก.พ. 2566",
+      considerationDeadlineDate: new Date("2023-12-02"),
     },
     {
       subject: "ทุจริตในหน้าที่",
       detail: "มีข้อร้องเรียนเรื่องการทุจริตทางการเงิน",
       complainant: "นายแก้ว คำ",
       offenseDescription: "ร้ายแรง",
-      creationDate: "20 ก.พ. 2566",
+      creationDate: new Date("2023-12-01"),
       considerationLevel: "ด่วนมาก",
-      considerationDeadlineDate: "20 ก.พ. 2566",
+      considerationDeadlineDate: new Date("2023-12-02"),
     },
     {
       subject: "ทุจริตในหน้าที่",
@@ -48,9 +48,9 @@ async function fetchListComplaints() {
         "มีข้อร้องเรียนเรื่องการทุจริตทางการเงิน มีข้อร้องเรียนเรื่องการทุจริตทางการเงิน มีข้อร้องเรียนเรื่องการทุจริตทางการเงิน มีข้อร้องเรียนเรื่องการทุจริตทางการเงิน มีข้อร้องเรียนเรื่องการทุจริตทางการเงิน มีข้อร้องเรียนเรื่องการทุจริตทางการเงิน มีข้อร้องเรียนเรื่องการทุจริตทางการเงิน มีข้อร้องเรียนเรื่องการทุจริตทางการเงิน มีข้อร้องเรียนเรื่องการทุจริตทางการเงิน มีข้อร้องเรียนเรื่องการทุจริตทางการเงิน มีข้อร้องเรียนเรื่องการทุจริตทางการเงิน",
       complainant: "นายภัทรานุย คงนอย",
       offenseDescription: "ร้ายแรง",
-      creationDate: "20 ก.พ. 2566",
+      creationDate: new Date("2023-12-01"),
       considerationLevel: "ด่วนมาก",
-      considerationDeadlineDate: "20 ก.พ. 2566",
+      considerationDeadlineDate: new Date("2023-12-02"),
     },
   ];
   await fetchComplainst(listData);

src/modules/11_discipline/components/4_Order/MainPage.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref, onMounted } from "vue";
 import { useRouter } from "vue-router";
-import type { DataList } from "../../interface/response/order";
+import type { DataList, DataListRes } from "../../interface/response/order";
 
 // importStroe
 import { useOrderStore } from "@/modules/11_discipline/store/OrderStore";
@@ -21,11 +21,11 @@ onMounted(async () => {
 
 // เรียกรายการคำสั่ง จาก API
 async function fetchListOrder() {
-  const listData: DataList[] = [
+  const listData: DataListRes[] = [
     {
       subject: "ทุจริตในหน้าที่",
       ordernumber: "1/2556",
-      dateOrder: "1 ธ.ค. 2565",
+      dateOrder: new Date("2023-12-01"),
       orderby: "สำนักงานคณพกรรมการข้าราชการกรุงเทพฯ",
       signer: "นางศิรินภา คงน้อย",
       statusorder: "เสร็จสิ้นแล้ว",
@@ -33,7 +33,7 @@ async function fetchListOrder() {
     {
       subject: "ทุจริตในหน้าที่",
       ordernumber: "4/2556",
-      dateOrder: "1 ธ.ค. 2565",
+      dateOrder: new Date("2023-12-01"),
       orderby: "สำนักงานคณพกรรมการข้าราชการกรุงเทพฯ",
       signer: "นางศิรินภา คงน้อย",
       statusorder: "เสร็จสิ้นแล้ว",
@@ -41,7 +41,7 @@ async function fetchListOrder() {
     {
       subject: "ทุจริตในหน้าที่",
       ordernumber: "2/2556",
-      dateOrder: "1 ธ.ค. 2565",
+      dateOrder: new Date("2023-12-01"),
       orderby: "สำนักงานคณพกรรมการข้าราชการกรุงเทพฯ",
       signer: "นางศิรินภา คงน้อย",
       statusorder: "เสร็จสิ้นแล้ว",

src/modules/11_discipline/interface/response/complaint.ts

@@ -1,15 +1,25 @@
+interface DataListRow {
+    subject: string
+    detail: string
+    complainant: string
+    offenseDescription: string
+    creationDate: string | null
+    considerationLevel: string
+    considerationDeadlineDate: string | null
+}
 interface DataList {
     subject: string
     detail: string
     complainant: string
     offenseDescription: string
-    creationDate: string
+    creationDate: Date
     considerationLevel: string
-    considerationDeadlineDate: string
+    considerationDeadlineDate: Date
 }
 
 
 
 export type {
-    DataList
+    DataList,
+    DataListRow
 }

src/modules/11_discipline/interface/response/order.ts

@@ -1,15 +1,25 @@
 interface DataList {
     subject: string
     ordernumber: string
-    dateOrder: string
+    dateOrder: string | null;
     orderby: string
     signer: string
     statusorder: string
 
 }
 
+interface DataListRes {
+    subject: string
+    ordernumber: string
+    dateOrder: Date
+    orderby: string
+    signer: string
+    statusorder: string
+}
+
 
 
 export type {
-    DataList
+    DataList,
+    DataListRes
 }

src/modules/11_discipline/store/ComplaintsStore.ts

@@ -1,13 +1,17 @@
 import { defineStore } from "pinia";
 import { ref } from "vue";
+import { useCounterMixin } from "@/stores/mixin";
 
 import type { DataOption } from "@/modules/11_discipline/interface/index/Main";
-import type { DataList } from "@/modules/11_discipline/interface/response/complaint"
+import type { DataList, DataListRow } from "@/modules/11_discipline/interface/response/complaint"
 import type { QTableProps } from "quasar";
 
+const mixin = useCounterMixin()
+const { date2Thai } = mixin
+
 
 export const useComplainstDataStore = defineStore("DisciplineComplainst", () => {
-    const rows = ref<DataList[]>([])
+    const rows = ref<DataListRow[]>([])
     const visibleColumns = ref<string[]>([]);
     const columns = ref<QTableProps["columns"]>([]);
     function fetchComplainst(data: DataList[]) {
@@ -16,9 +20,9 @@ export const useComplainstDataStore = defineStore("DisciplineComplainst", () =>
             detail: e.detail,
             complainant: e.complainant,
             offenseDescription: e.offenseDescription,
-            creationDate: e.creationDate,
+            creationDate: date2Thai(e.creationDate),
             considerationLevel: e.considerationLevel,
-            considerationDeadlineDate: e.considerationDeadlineDate,
+            considerationDeadlineDate: date2Thai(e.considerationDeadlineDate),
         }))
         rows.value = datalist
     }

src/modules/11_discipline/store/OrderStore.ts

@@ -1,22 +1,25 @@
 import { defineStore } from "pinia";
 import { ref } from "vue";
-import type { QTableProps } from "quasar";
-import type { DataList } from "@/modules/11_discipline/interface/response/order"
 
+import { useCounterMixin } from "@/stores/mixin";
+
+import type { QTableProps } from "quasar";
+import type { DataList, DataListRes } from "@/modules/11_discipline/interface/response/order"
+
+const mixin = useCounterMixin()
+const { date2Thai } = mixin
 export const useOrderStore = defineStore("DisciplineOrder", () => {
     const rows = ref<DataList[]>([])
     const columns = ref<QTableProps["columns"]>([]);
     const visibleColumns = ref<string[]>([]);
-    async function fetchOrder(data: DataList[]) {
+    async function fetchOrder(data: DataListRes[]) {
-        let datalist = data.map((e: DataList) => ({
+        let datalist: DataList[] = data.map((e: DataListRes) => ({
             subject: e.subject,
             ordernumber: e.ordernumber,
-            dateOrder: e.dateOrder,
+            dateOrder: date2Thai(e.dateOrder),
             orderby: e.orderby,
             signer: e.signer,
             statusorder: e.statusorder
-
-
         }))
         rows.value = datalist
     }