ทะเบียนประวัติ ==> ข้อมูลส่วนตัว, รายการคำร้องขอแก้ไขทะเบียนประวัติ

src/modules/04_registryPerson/components/requestEdit/01_TabInformation.vue

@@ -129,7 +129,7 @@ function fetchListRequset() {
           page: page.value,
           pageSize: pageSize.value,
           status: status.value,
-          keyword: keyword.value,
+          keyword: keyword.value.trim(),
         },
       }
     )
@@ -197,59 +197,6 @@ function updatePageSizePagination(newPagination: Pagination) {
   pageSize.value = newPagination.rowsPerPage;
 }
 
-/**
- * function หาชื่อไฟล์
- * @param id รายการยื่นคำร้องขอแก้ไขข้อมูล
- */
-function onDownloadFile(id: string) {
-  showLoader();
-  http
-    .get(
-      config.API.file(
-        "ระบบทะเบียนประวัติ",
-        "เอกสารหลักฐานคำร้องขอแก้ไขข้อมูล",
-        id
-      )
-    )
-    .then(async (res) => {
-      if (res.data.length !== 0) {
-        await downloadUrl(id, res.data[0].fileName);
-      } else {
-        hideLoader();
-      }
-    })
-    .catch((e) => {
-      messageError($q, e);
-      hideLoader();
-    });
-}
-
-/**
- * function  โหลดไฟล์
- * @param id  รายการยื่นคำร้องขอแก้ไขข้อมูล
- * @param fileName  ชื่อไฟล์
- */
-async function downloadUrl(id: string, fileName: string) {
-  await http
-    .get(
-      config.API.fileByFile(
-        "ระบบทะเบียนประวัติ",
-        "เอกสารหลักฐานคำร้องขอแก้ไขข้อมูล",
-        id,
-        fileName
-      )
-    )
-    .then((res) => {
-      window.open(res.data.downloadUrl, "_blank");
-    })
-    .catch((e) => {
-      messageError($q, e);
-    })
-    .finally(() => {
-      hideLoader();
-    });
-}
-
 /**
  * ดูการเปลี่ยนแปลงของ pageSize
  * เมื่อมีการเปลี่ยนแปลงจำทำการ ดึงช้อมูลรายการคำร้องขอแก้ไขทะเบียนประวัติตามจำนวน pageSize
@@ -281,6 +228,8 @@ onMounted(() => {
           map-options
           option-label="name"
           option-value="id"
+          hide-selected
+          fill-input
           :options="statusOption"
           @update:model-value="updateStatusValue"
           :clearable="status !== ''"
@@ -301,13 +250,14 @@ onMounted(() => {
       <q-input
         v-model="keyword"
         outlined
-        clearable
         dense
         label="ค้นหา"
         style="min-width: 250px"
         @keydown.enter="updateStatusValue()"
-        class="col-xs-12 col-sm-3 col-md-2"
       >
+        <template v-slot:append>
+          <q-icon name="search" />
+        </template>
       </q-input>
 
       <q-select
@@ -321,7 +271,6 @@ onMounted(() => {
         map-options
         :options="columns"
         option-value="name"
-        class="col-xs-12 col-sm-3 col-md-2"
         style="min-width: 140px"
       />
     </div>