แก้ไขตาม task

src/modules/06_retirement/views/Main.vue

@@ -28,10 +28,11 @@ const actionOption = ref<resMain[]>([]);
 
 const visibleColumns = ref<string[]>([
   "no",
+  "signDate",
   "Date",
   "retireNumber",
   "typeReport",
-]); //ค้นหา คอลัมน์ คอลัมน์ที่แสดง
+]);
 
 // หัวตาราง
 const columns = ref<QTableProps["columns"]>([
@@ -43,6 +44,14 @@ const columns = ref<QTableProps["columns"]>([
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
   },
+  {
+    name: "signDate",
+    align: "left",
+    label: "ประกาศ ณ วันที่",
+    field: "signDate",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+  },
   {
     name: "Date",
     align: "left",
@@ -96,6 +105,7 @@ const fetchRetirement = async (type: string, year: any) => {
       let data = res.data.result;
       rows.value = data.map((items: any) => ({
         id: items.id,
+        signDate: date2Thai(items.signDate) ?? "-",
         Date: date2Thai(items.createdAt),
         year: items.year + 543,
         retireNumber: items.round,
@@ -133,6 +143,7 @@ const fetchRetirement = async (type: string, year: any) => {
         fiscalyear.value = year;
       }
       actionOption.value = rows.value;
+
       rows.value.sort((a, b) => a.round - b.round); // เรียงรอบมากไปน้อย
       checkststus(rows.value);
     })
@@ -352,6 +363,9 @@ const typeReportChangeName = (val: string) => {
                     <q-td key="no" :props="props">
                       {{ props.rowIndex + 1 }}
                     </q-td>
+                    <q-td key="signDate" :props="props">
+                      {{ props.row.signDate }}
+                    </q-td>
                     <q-td key="Date" :props="props">
                       {{ props.row.Date }}
                     </q-td>