แก้ select /input

src/components/Dialogs/AddPersonal.vue

@@ -49,8 +49,7 @@ const selected = ref<any>([]);
 
 const typeOps = ref<typeOp[]>([
   { id: "citizenId", name: "เลขประจำตัวประชาชน" },
-  { id: "firstname", name: "ชื่อ" },
-  { id: "lastname", name: "นามสกุล" },
+  { id: "fullName", name: "ชื่อ-นามสกุล" },
 ]);
 
 /** รับค่ามาจาก หน้าหลัก */
@@ -131,12 +130,11 @@ async function getSearch() {
   showLoader();
   const body = {
     fieldName: type.value,
-    keyword: search.value,
+    keyword: search.value ? search.value.trim():'',
   };
   await http
     .post(
-      config.API.orgSearchPersonal() +
-        `?page=${pagination.value.page}&pageSize=${pagination.value.rowsPerPage}&searchKeyword=${search.value}`,
+      config.API.orgSearchPersonal(),
       body
     )
     .then((res) => {
@@ -236,7 +234,7 @@ watch(
       </q-toolbar>
       <q-separator />
       <q-card-section class="q-pa-md scroll" style="max-height: 80vh">
-        <div class="row col-12 q-col-gutter-sm items-start">
+        <div class="row col-12 q-col-gutter-sm items-start q-mb-sm">
           <div class="col-12 col-sm-5 col-md-3">
             <q-select
               label="ค้นหาจาก"
@@ -260,14 +258,13 @@ watch(
               clearable
               dense
               label="คำค้น"
-              :rules="[(val:string) => !!val || `กรุณากรอกคำค้น`]"
             >
               <template v-slot:after>
                 <q-btn
                   color="primary"
                   icon="search"
                   label="ค้นหา"
-                  outline
+                  unelevated
                   class="full-width q-py-sm q-px-md"
                   @click="searchInput()"
                 >