fixing layout & display

src/modules/04_registryPerson/views/requestEdit.vue

@@ -31,7 +31,7 @@ import { useCounterMixin } from "@/stores/mixin";
 const $q = useQuasar();
 const router = useRouter();
 const store = useRequestEditStore();
-const { showLoader, hideLoader, messageError } = useCounterMixin();
+const { showLoader, hideLoader, messageError, date2Thai } = useCounterMixin();
 
 /**
  * Table
@@ -44,11 +44,12 @@ const maxPage = ref<number>(0);
 
 const columns = ref<QTableProps["columns"]>([
   {
-    name: "no",
+    name: "lastUpdatedAt",
     align: "left",
-    label: "ลำดับ",
+    label: "วันที่ยื่นขอ",
-    sortable: false,
+    sortable: true,
-    field: (row) => rows.value.indexOf(row) + 1,
+    field: "lastUpdatedAt",
+    format: (v) => (v ? date2Thai(v, false, true) : "-"),
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
   },
@@ -103,7 +104,7 @@ const columns = ref<QTableProps["columns"]>([
   {
     name: "remark",
     align: "left",
-    label: "หมายเหตุ ",
+    label: "หมายเหตุ",
     sortable: true,
     field: "remark",
     format: (v) => (v ? v : "-"),
@@ -112,7 +113,8 @@ const columns = ref<QTableProps["columns"]>([
   },
 ]);
 const visibleColumns = ref<string[]>([
-  "no",
+  "lastUpdatedAt",
+
   "fullname",
   "topic",
   "detail",
@@ -124,7 +126,7 @@ const visibleColumns = ref<string[]>([
 /**
  * ตัวแปร
  */
-const status = ref<string>("");
+const status = ref<string>("PENDING");
 const keyword = ref<string>("");
 const statusOption = ref<DataOption[]>(store.optionStatus);
 const modalStatus = ref<boolean>(false);

src/modules/15_development/components/DialogRecordPerson.vue

@@ -350,6 +350,7 @@ watch(
                     class="inputgreen"
                     dense
                     outlined
+                    hide-bottom-space
                     :model-value="
                       formData.dateStart ? date2Thai(formData.dateStart) : null
                     "
@@ -386,6 +387,7 @@ watch(
                   <q-input
                     dense
                     outlined
+                    hide-bottom-space
                     class="inputgreen"
                     :model-value="
                       formData.dateEnd ? date2Thai(formData.dateEnd) : null
@@ -449,6 +451,7 @@ watch(
                     dense
                     outlined
                     class="inputgreen"
+                    hide-bottom-space
                     :model-value="
                       formData.commandDate
                         ? date2Thai(formData.commandDate)