Merge branch 'develop' of https://github.com/Frappet/bma-ehr-frontend into develop

src/modules/05_placement/components/AppointMent/Detail.vue

@@ -42,7 +42,7 @@ const salary = ref<string>("");
 const educationOld = ref<string>("");
 const reason = ref<string>("");
 const date = ref<Date | null>(null);
-
+const status = ref<string>("");
 onMounted(async () => {
   await fecthappointmentByid();
 });
@@ -61,7 +61,8 @@ const fecthappointmentByid = async () => {
       title.value.organizationPositionOld = data.organizationPositionOld ?? "-";
       title.value.positionLevelOld = data.positionLevelOld ?? "-";
       title.value.positionTypeOld = data.positionTypeOld ?? "-";
-
+      status.value = data.status,
+      console.log("🚀 ~ file: Detail.vue:65 ~ .then ~ status:", status.value)
       educationOld.value = data.educationOld;
       organizationPositionOld.value = data.organizationPositionOld;
       positionTypeOld.value = data.positionTypeOld;
@@ -71,6 +72,7 @@ const fecthappointmentByid = async () => {
       // organization.value = data.organization; //ไม่มี
       reason.value = data.reason;
       date.value = data.positionDate;
+      
     })
     .catch((e) => {
       messageError($q, e);
@@ -189,7 +191,8 @@ const getClass = (val: boolean) => {
         แก้ไขข้อมูลเพื่อลงบัญชีแนบท้าย
       </div>
       <q-space />
-      <div class="q-gutter-sm" v-if="!edit">
+      <div  v-if="status !== 'DONE' && status !== 'REPORT'" >
+        <div class="q-gutter-sm" v-if="!edit">
         <q-btn outline color="primary" dense icon-right="mdi-file-edit-outline" class="q-px-sm" label="แก้ไข"
           style="width: 80px" @click="edit = !edit" />
       </div>
@@ -198,6 +201,10 @@ const getClass = (val: boolean) => {
         <q-btn outline color="red" dense class="q-px-sm" label="ยกเลิก" style="width: 80px" @click="edit = !edit" />
       </div>
     </div>
+
+
+     
+    </div>
     <div class="col-12"><q-separator /></div>
     <q-form ref="myForm">
       <div class="row col-12 q-pa-md">

src/modules/05_placement/components/AppointMent/Main.vue

@@ -8,6 +8,7 @@ import DialogOrgTree from "@/modules/05_placement/components/AppointMent/Appoint
 import { useCounterMixin } from "@/stores/mixin";
 import http from "@/plugins/http";
 import config from "@/app.config";
+import { WeekNumberContainer } from "@fullcalendar/core/internal";
 const mixin = useCounterMixin(); //เรียกฟังก์ชันกลาง
 const {
   showLoader,
@@ -53,6 +54,7 @@ const visibleColumns = ref<string[]>([
   "fullname",
   "organizationName",
   "birthday",
+  "createdAt",
   "status",
 ]);
 const visibleColumns2 = ref<string[]>([
@@ -105,6 +107,8 @@ const fecthlistappointment = async () => {
         positionNumber: e.positionNumber,
         positionPath: e.positionPath,
         status: status(e.status),
+        createdAt:date2Thai(e.createdAt),
+        
         birthday: e.dateOfBirth == null ? "-" : date2Thai(e.dateOfBirth),
       }));
       // console.log(rows.value);
@@ -169,8 +173,7 @@ const columns = ref<QTableProps["columns"]>([
     field: "organizationName",
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
-    sort: (a: string, b: string) =>
+
-      a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
   },
   {
     name: "birthday",
@@ -181,6 +184,17 @@ const columns = ref<QTableProps["columns"]>([
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
   },
+  {
+    name: "createdAt",
+    align: "left",
+    label: "วันที่ดำเนินการ",
+    sortable: true,
+    field: "createdAt",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+    sort: (a, b) => (b.createdAt) - (a.createdAt)
+    
+  },
   {
     name: "status",
     align: "left",
@@ -191,6 +205,7 @@ const columns = ref<QTableProps["columns"]>([
     style: "font-size: 14px",
   },
 ]);
+
 const columns2 = ref<QTableProps["columns"]>([
   {
     name: "no",
@@ -239,6 +254,7 @@ const columns2 = ref<QTableProps["columns"]>([
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
   },
+
 ]);
 
 const openModalTree = (id: string) => {
@@ -390,7 +406,7 @@ const status = (val: string) => {
             :columns="columns"
             :rows="rows"
             :filter="filterKeyword"
-            row-key="fullname"
+            row-key="citizenId"
             :visible-columns="visibleColumns"
           >
             <template v-slot:header="props">
@@ -469,11 +485,19 @@ const status = (val: string) => {
                 >
                   {{ props.row.birthday }}
                 </q-td>
+                <q-td
+                  key="createdAt"
+                  :props="props"
+                  @click="nextPage(props.row)"
+                >
+                  {{ props.row.createdAt }}
+                </q-td>
                 <q-td key="status" :props="props" @click="nextPage(props.row)">
                   {{ props.row.status }}
                 </q-td>
                 <q-td auto-width>
                   <q-btn
+                  v-if="props.row.status !== 'ส่งรายชื่อไปออกคำสั่ง' && props.row.status !== 'ออกคำสั่งแล้ว'"
                     icon="mdi-dots-vertical"
                     size="12px"
                     color="grey-7"

src/modules/05_placement/components/Other/Detail.vue

@@ -5,9 +5,7 @@ import { useRoute, useRouter } from "vue-router";
 import { useCounterMixin } from "@/stores/mixin";
 
 import type { ResponseTitle } from "@/modules/05_placement/interface/response/Receive";
-import type {
+import type { ResponseDataDetail } from "@/modules/05_placement/interface/response/Transfer";
-  ResponseDataDetail,
-} from "@/modules/05_placement/interface/response/Transfer";
 import type { QTableProps, QForm } from "quasar";
 
 import http from "@/plugins/http";
@@ -237,37 +235,43 @@ const getClass = (val: boolean) => {
         แก้ไขข้อมูลเพื่อลงบัญชีแนบท้าย
       </div>
       <q-space />
-      <div class="q-gutter-sm" v-if="!edit">
+      <div
-        <q-btn
+        v-if="
-          outline
+          responseData.status !== 'DONE' && responseData.status !== 'REPORT'
-          color="primary"
+        "
-          dense
+      >
-          icon-right="mdi-file-edit-outline"
+        <div class="q-gutter-sm" v-if="!edit">
-          class="q-px-sm"
+          <q-btn
-          label="แก้ไข"
+            outline
-          style="width: 80px"
+            color="primary"
-          @click="edit = !edit"
+            dense
-        />
+            icon-right="mdi-file-edit-outline"
-      </div>
+            class="q-px-sm"
-      <div class="q-gutter-sm" v-else>
+            label="แก้ไข"
-        <q-btn
+            style="width: 80px"
-          outline
+            @click="edit = !edit"
-          color="public"
+          />
-          dense
+        </div>
-          class="q-px-sm"
+        <div class="q-gutter-sm" v-else>
-          label="บันทึก"
+          <q-btn
-          style="width: 80px"
+            outline
-          @click="clickEdit"
+            color="public"
-        />
+            dense
-        <q-btn
+            class="q-px-sm"
-          outline
+            label="บันทึก"
-          color="red"
+            style="width: 80px"
-          dense
+            @click="clickEdit"
-          class="q-px-sm"
+          />
-          label="ยกเลิก"
+          <q-btn
-          style="width: 80px"
+            outline
-          @click="(edit = !edit), fecthOther()"
+            color="red"
-        />
+            dense
+            class="q-px-sm"
+            label="ยกเลิก"
+            style="width: 80px"
+            @click="(edit = !edit), fecthOther()"
+          />
+        </div>
       </div>
     </div>
     <div class="col-12"><q-separator /></div>

src/modules/05_placement/components/Other/Main.vue

@@ -54,7 +54,7 @@ const visibleColumns = ref<string[]>([
   "position",
   "positionLevel",
   "organizationPositionOld",
-
+  "createdAt",
   "statustext",
 ]);
 
@@ -92,7 +92,7 @@ const fecthlistOthet = async () => {
       // listRecevice.value = response;
       console.log(response);
       rows.value = response.map((r: any) => ({
-        createdAt: new Date(),
+        createdAt: date2Thai(r.createdAt),
         date: new Date(),
         firstName: r.firstname ?? "",
         personalId: r.id ?? "",
@@ -214,6 +214,15 @@ const columns = ref<QTableProps["columns"]>([
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
   },
+  {
+    name: "createdAt",
+    align: "left",
+    label: "วันที่ดำเนินการ",
+    sortable: true,
+    field: "createdAt",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+  },
   {
     name: "statustext",
     align: "left",
@@ -380,7 +389,7 @@ const status = (val: string) => {
             color="add"
             icon="mdi-account-arrow-right"
           >
-            <q-tooltip>ส่งไปออกคำสั่งรายการอื่นๆ</q-tooltip>
+            <q-tooltip>ประเภทคำสั่งรายการอื่นๆ</q-tooltip>
           </q-btn>
 
           <q-space />
@@ -472,11 +481,19 @@ const status = (val: string) => {
                   </q-tooltip> -->
                   </div>
                 </q-td>
+                <q-td key="createdAt" :props="props">
+                  {{ props.row.createdAt }}
+                </q-td>
                 <q-td key="statustext" :props="props">
                   {{ props.row.statustext }}
                 </q-td>
-                <q-td key="statustext" :props="props">
+
+                <q-td auto-width>
                   <q-btn
+                    v-if="
+                      props.row.status !== 'DONE' &&
+                      props.row.status !== 'REPORT'
+                    "
                     flat
                     round
                     class="text-red-14"
@@ -496,7 +513,7 @@ const status = (val: string) => {
 
   <q-dialog v-model="modal">
     <q-card style="width: 1200px; max-width: 80vw">
-      <DialogHeader title="ส่งไปออกคำสั่งอื่นๆ" :close="clickClose" />
+      <DialogHeader title="ประเภทคำสั่งอื่นๆ" :close="clickClose" />
       <q-separator />
       <q-card-section class="q-pt-none">
         <div class="row justify-between">

src/modules/05_placement/components/Relocation/RelocationMain.vue

@@ -45,6 +45,8 @@ const visibleColumns = ref<string[]>([
   "fullname",
   "organizationName",
   "dateOfBirth",
+  "createdAt",
+  "statusText",
   "btn",
 ]);
 const visibleColumns2 = ref<string[]>([
@@ -113,6 +115,25 @@ const columns = ref<QTableProps["columns"]>([
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
   },
+  {
+    name: "createdAt",
+    align: "left",
+    label: "วันที่ดำเนินการ",
+    sortable: true,
+    field: "createdAt",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+  },
+
+  {
+    name: "statusText",
+    align: "left",
+    label: "สถานะ",
+    sortable: true,
+    field: "statusText",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+  },
   {
     name: "btn",
     align: "left",
@@ -238,7 +259,7 @@ const getData = async () => {
         positionLevelOld: item.positionLevelOld,
         positionNumberOld: item.positionNumberOld,
         organizationPositionOld: item.organizationPositionOld,
-        createdAt: item.createdAt,
+        createdAt:date2Thai(item.createdAt),
       }));
       console.log(rows.value);
     })
@@ -449,6 +470,13 @@ onMounted(async () => {
                     props.row.dateOfBirth !== null ? props.row.dateOfBirth : "-"
                   }}
                 </q-td>
+                <q-td
+                  key="createdAt"
+                  :props="props"
+                  @click="openDetail(props.row.id)"
+                >
+                  {{ props.row.createdAt }}
+                </q-td>
                 <q-td
                   key="organizationPositionOld"
                   :props="props"
@@ -486,6 +514,7 @@ onMounted(async () => {
                 </q-td>
                 <q-td auto-width>
                   <q-btn
+                  v-if="props.row.status !== 'DONE' && props.row.status !== 'REPORT'"
                     icon="mdi-dots-vertical"
                     size="12px"
                     color="grey-7"

src/modules/05_placement/components/Relocation/RelocationbyId.vue

@@ -294,7 +294,7 @@ onMounted(async () => {
         แก้ไขข้อมูลเพื่อลงบัญชีแนบท้าย
       </div>
       <q-space />
-      <div class="q-gutter-sm" v-if="!edit">
+      <div v-if="status !== 'REPORT' && status !== 'DONE'">      <div class="q-gutter-sm" v-if="!edit">
         <q-btn
           outline
           color="primary"
@@ -325,7 +325,8 @@ onMounted(async () => {
           style="width: 80px"
           @click="cancelBtn"
         />
-      </div>
+      </div></div>
+
     </div>
     <div class="col-12"><q-separator /></div>
     <q-form ref="myForm">

src/modules/06_retirement/components/Discharged/dischargedMain.vue

@@ -43,6 +43,7 @@ const visibleColumns = ref<string[]>([
   "position",
   "positionLevel",
   "organizationPositionOld",
+  "createdAt",
   "statustext",
 ]);
 const visibleColumns2 = ref<string[]>([
@@ -114,6 +115,15 @@ const columns = ref<QTableProps["columns"]>([
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
   },
+  {
+    name: "createdAt",
+    align: "left",
+    label: "วันที่ดำเนินการ",
+    sortable: true,
+    field: "createdAt",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+  },
   {
     name: "statustext",
     align: "left",
@@ -206,7 +216,7 @@ const getData = async () => {
       let list: ResponseData[] = [];
       data.map((r: ResponseData) => {
         list.push({
-          createdAt: new Date(),
+          createdAt:date2Thai(r.createdAt),
           date: new Date(),
           firstName: r.firstName ?? "",
           id: r.id ?? "",
@@ -420,11 +430,19 @@ const saveOrder = async () => {
                     </q-tooltip> -->
                   </div>
                 </q-td>
+                <q-td
+                  key="createdAt"
+                  :props="props"
+                  @click="nextPage(props.row)"
+                >
+                  {{ props.row.createdAt }}
+                </q-td>
                 <q-td key="statustext" :props="props">
                   {{ props.row.statustext }}
                 </q-td>
                 <q-td auto-width>
                   <q-btn
+                  v-if="props.row.status !=='DONE' && props.row.status !=='REPORT'"
                     dense
                     size="12px"
                     flat

src/modules/06_retirement/components/Discharged/dischargedRegistry.vue

@@ -72,7 +72,8 @@
         แก้ไขข้อมูลเพื่อลงบัญชีแนบท้าย
       </div>
       <q-space />
-      <div class="q-gutter-sm" v-if="!edit">
+      <div v-if="responseData.status !=='DONE' && responseData.status !=='REPORT'">      
+        <div class="q-gutter-sm" v-if="!edit">
         <q-btn
           outline
           color="primary"
@@ -103,7 +104,8 @@
           style="width: 80px"
           @click="edit = !edit"
         />
-      </div>
+      </div></div>
+
     </div>
     <div class="col-12"><q-separator /></div>
     <q-form ref="myForm">

src/modules/06_retirement/components/DismissOrder/DismissOrder.vue

@@ -43,6 +43,7 @@ const visibleColumns = ref<string[]>([
   "position",
   "positionLevel",
   "organizationPositionOld",
+  "createdAt",
   "statustext",
 ]);
 const visibleColumns2 = ref<string[]>([
@@ -114,6 +115,15 @@ const columns = ref<QTableProps["columns"]>([
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
   },
+  {
+    name: "createdAt",
+    align: "left",
+    label: "วันที่ดำเนินการ",
+    sortable: true,
+    field: "createdAt",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+  },
   {
     name: "statustext",
     align: "left",
@@ -206,7 +216,7 @@ const getData = async () => {
       let list: ResponseData[] = [];
       data.map((r: ResponseData) => {
         list.push({
-          createdAt: new Date(),
+          createdAt:date2Thai(r.createdAt),
           date: new Date(),
           firstName: r.firstName ?? "",
           id: r.id ?? "",
@@ -420,11 +430,19 @@ const saveOrder = async () => {
                     </q-tooltip> -->
                   </div>
                 </q-td>
+                <q-td
+                  key="createdAt"
+                  :props="props"
+
+                >
+                  {{ props.row.createdAt }}
+                </q-td>
                 <q-td key="statustext" :props="props">
                   {{ props.row.statustext }}
                 </q-td>
                 <q-td auto-width>
                   <q-btn
+                  v-if="props.row.status !== 'DONE' && props.row.status !== 'REPORT'"
                     dense
                     size="12px"
                     flat

src/modules/06_retirement/components/DismissOrder/outRegistry.vue

@@ -72,37 +72,43 @@
         แก้ไขข้อมูลเพื่อลงบัญชีแนบท้าย
       </div>
       <q-space />
-      <div class="q-gutter-sm" v-if="!edit">
+      <div
-        <q-btn
+        v-if="
-          outline
+          responseData.status !== 'DONE' && responseData.status !== 'REPORT'
-          color="primary"
+        "
-          dense
+      >
-          icon-right="mdi-file-edit-outline"
+        <div class="q-gutter-sm" v-if="!edit">
-          class="q-px-sm"
+          <q-btn
-          label="แก้ไข"
+            outline
-          style="width: 80px"
+            color="primary"
-          @click="edit = !edit"
+            dense
-        />
+            icon-right="mdi-file-edit-outline"
-      </div>
+            class="q-px-sm"
-      <div class="q-gutter-sm" v-else>
+            label="แก้ไข"
-        <q-btn
+            style="width: 80px"
-          outline
+            @click="edit = !edit"
-          color="public"
+          />
-          dense
+        </div>
-          class="q-px-sm"
+        <div class="q-gutter-sm" v-else>
-          label="บันทึก"
+          <q-btn
-          style="width: 80px"
+            outline
-          @click="conditionSave"
+            color="public"
-        />
+            dense
-        <q-btn
+            class="q-px-sm"
-          outline
+            label="บันทึก"
-          color="red"
+            style="width: 80px"
-          dense
+            @click="conditionSave"
-          class="q-px-sm"
+          />
-          label="ยกเลิก"
+          <q-btn
-          style="width: 80px"
+            outline
-          @click="edit = !edit"
+            color="red"
-        />
+            dense
+            class="q-px-sm"
+            label="ยกเลิก"
+            style="width: 80px"
+            @click="edit = !edit"
+          />
+        </div>
       </div>
     </div>
     <div class="col-12"><q-separator /></div>
@@ -234,6 +240,7 @@
                     :outlined="edit"
                     dense
                     lazy-rules
+                    :readonly="!edit"
                     :borderless="!edit"
                     :model-value="date !== null ? date2Thai(date) : null"
                     :rules="[(val) => !!val || `${'กรุณาเลือกตั้งแต่วัน'}`]"
@@ -383,7 +390,7 @@ const getData = async () => {
     .get(config.API.outByid(dataId))
     .then((res: any) => {
       const data = res.data.result;
-      
+
       responseData.value.personId = data.profileId;
       responseData.value.createdAt = data.createdAt;
       responseData.value.date =

src/modules/06_retirement/components/Expulsion/expulsionMain.vue

@@ -43,6 +43,7 @@ const visibleColumns = ref<string[]>([
   "position",
   "positionLevel",
   "organizationPositionOld",
+  "createdAt",
   "statustext",
 ]);
 const visibleColumns2 = ref<string[]>([
@@ -114,6 +115,15 @@ const columns = ref<QTableProps["columns"]>([
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
   },
+  {
+    name: "createdAt",
+    align: "left",
+    label: "วันที่ดำเนินการ",
+    sortable: true,
+    field: "createdAt",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+  },
   {
     name: "statustext",
     align: "left",
@@ -206,7 +216,7 @@ const getData = async () => {
       let list: ResponseData[] = [];
       data.map((r: ResponseData) => {
         list.push({
-          createdAt: new Date(),
+          createdAt:date2Thai(r.createdAt),
           date: new Date(),
           firstName: r.firstName ?? "",
           id: r.id ?? "",
@@ -421,12 +431,20 @@ const saveOrder = async () => {
                     </q-tooltip> -->
                   </div>
                 </q-td>
+                <q-td
+                  key="createdAt"
+                  :props="props"
+
+                >
+                  {{ props.row.createdAt }}
+                </q-td>
                 <q-td key="statustext" :props="props">
                   {{ props.row.statustext }}
                 </q-td>
 
                 <q-td auto-width>
                   <q-btn
+                  v-if="props.row.status !== 'DONE' && props.row.status !=='REPORT'"
                     dense
                     size="12px"
                     flat

src/modules/06_retirement/components/Expulsion/expulsionRegistry.vue

@@ -72,37 +72,43 @@
         แก้ไขข้อมูลเพื่อลงบัญชีแนบท้าย
       </div>
       <q-space />
-      <div class="q-gutter-sm" v-if="!edit">
+      <div
-        <q-btn
+        v-if="
-          outline
+          responseData.status !== 'DONE' && responseData.status !== 'REPORT'
-          color="primary"
+        "
-          dense
+      >
-          icon-right="mdi-file-edit-outline"
+        <div class="q-gutter-sm" v-if="!edit">
-          class="q-px-sm"
+          <q-btn
-          label="แก้ไข"
+            outline
-          style="width: 80px"
+            color="primary"
-          @click="edit = !edit"
+            dense
-        />
+            icon-right="mdi-file-edit-outline"
-      </div>
+            class="q-px-sm"
-      <div class="q-gutter-sm" v-else>
+            label="แก้ไข"
-        <q-btn
+            style="width: 80px"
-          outline
+            @click="edit = !edit"
-          color="public"
+          />
-          dense
+        </div>
-          class="q-px-sm"
+        <div class="q-gutter-sm" v-else>
-          label="บันทึก"
+          <q-btn
-          style="width: 80px"
+            outline
-          @click="conditionSave"
+            color="public"
-        />
+            dense
-        <q-btn
+            class="q-px-sm"
-          outline
+            label="บันทึก"
-          color="red"
+            style="width: 80px"
-          dense
+            @click="conditionSave"
-          class="q-px-sm"
+          />
-          label="ยกเลิก"
+          <q-btn
-          style="width: 80px"
+            outline
-          @click="edit = !edit"
+            color="red"
-        />
+            dense
+            class="q-px-sm"
+            label="ยกเลิก"
+            style="width: 80px"
+            @click="edit = !edit"
+          />
+        </div>
       </div>
     </div>
     <div class="col-12"><q-separator /></div>

src/modules/06_retirement/components/resign/Deceased.vue

@@ -9,7 +9,7 @@ import config from "@/app.config";
 const router = useRouter();
 const $q = useQuasar();
 const mixin = useCounterMixin();
-const { showLoader, hideLoader, messageError, success } = mixin;
+const { showLoader, hideLoader, messageError, success ,date2Thai} = mixin;
 
 const rows = ref<any>([]);
 const columns = ref<QTableProps["columns"]>([
@@ -76,6 +76,15 @@ const columns = ref<QTableProps["columns"]>([
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
   },
+  {
+    name: "createdAt",
+    align: "left",
+    label: "วันที่ดำเนินการ",
+    sortable: true,
+    field: "createdAt",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+  },
 ]);
 const visibleColumns = ref<string[]>([
   "prefix",
@@ -85,6 +94,7 @@ const visibleColumns = ref<string[]>([
   "positionLevel",
   "positionExecutive",
   "oc",
+  "createdAt",
 ]);
 onMounted(() => {
   fectListDecased();
@@ -104,6 +114,7 @@ const fectListDecased = async () => {
         positionLevel: e.positionLevel,
         positionExecutive: e.positionExecutive,
         oc: e.organization,
+        createdAt:date2Thai(e.createdAt),
       }));
     })
     .catch((e) => {
@@ -237,6 +248,13 @@ const nextPage = (id: string) => {
                 <q-td key="oc" :props="props">
                   {{ props.row.oc }}
                 </q-td>
+                <q-td
+                  key="createdAt"
+                  :props="props"
+                  @click="nextPage(props.row)"
+                >
+                  {{ props.row.createdAt }}
+                </q-td>
               </q-tr>
             </template>
             <template v-slot:pagination="scope">

src/modules/06_retirement/interface/response/discharged.ts

@@ -1,5 +1,5 @@
 interface ResponseData {
-  createdAt: Date;
+  createdAt: any;
   date: Date;
   firstName: string;
   id: string;

src/modules/06_retirement/interface/response/expulsion.ts

@@ -1,5 +1,5 @@
 interface ResponseData {
-  createdAt: Date;
+  createdAt: any;
   date: Date;
   firstName: string;
   id: string;