แก้ select /input

src/modules/11_discipline/components/3_InvestigateDisciplinary/Form.vue

@@ -451,7 +451,7 @@ async function fetchDListDirector() {
       config.API.directorList(
         pagination.value.page,
         pagination.value.rowsPerPage,
-        filterKeyword2.value,
+        filterKeyword2.value.trim(),
         mainStore.pathDirector(route.name as string)
       )
     )
@@ -782,6 +782,8 @@ onMounted(async () => {
                     option-label="name"
                     emit-value
                     use-input
+                    hide-selected
+                    fill-input
                     map-options
                     hide-bottom-space
                     :options="complainstStore.complainantoptions"
@@ -818,6 +820,8 @@ onMounted(async () => {
                     outlined
                     option-label="name"
                     option-value="id"
+                    hide-selected
+                    fill-input
                     map-options
                     v-model="organization"
                     :options="optionOrganization"
@@ -1768,6 +1772,8 @@ onMounted(async () => {
                         :options="option"
                         label="ผลการสอบสวน"
                         emit-value
+                        hide-selected
+                        fill-input
                         hide-bottom-space
                         map-options
                         option-label="name"
@@ -1793,6 +1799,8 @@ onMounted(async () => {
                         :readonly="isReadonly || checkRoutePermisson"
                         for="#fault"
                         outlined
+                        hide-selected
+                        fill-input
                         dense
                         ref="disciplinaryCauseTextRef"
                         v-model="formData.disciplinaryCauseText"

src/modules/11_discipline/components/3_InvestigateDisciplinary/MainPage.vue

@@ -33,7 +33,7 @@ async function fetchListDisciplinary() {
   await http
     .get(
       config.API.disciplineDisciplinary() +
-        `?page=${pagination.value.page}&pageSize=${pagination.value.rowsPerPage}&keyword=${filter.value}&status=${status.value}`
+        `?page=${pagination.value.page}&pageSize=${pagination.value.rowsPerPage}&keyword=${filter.value.trim()}&status=${status.value}`
     )
     .then((res) => {
       const data = res.data.result.data;

src/modules/11_discipline/components/3_InvestigateDisciplinary/Table.vue

@@ -123,7 +123,6 @@ function filterFn() {
  * @param update function
  */
 function filterOptionFn(val: string, update: Function) {
-  statusFilter.value = "";
   update(() => {
     option.value = dataInvestigateDis.statusOptions.filter(
       (e: any) => e.name.search(val) !== -1
@@ -146,6 +145,8 @@ function updatePagination(newPagination: any) {
         dense
         outlined
         emit-value
+        hide-selected
+        fill-input
         map-options
         option-label="name"
         option-value="id"
@@ -187,13 +188,7 @@ function updatePagination(newPagination: any) {
       @keydown.enter.prevent="filterFn"
     >
       <template v-slot:append>
-        <q-icon v-if="inputfilter == ''" name="search" />
-        <q-icon
-          v-if="inputfilter !== ''"
-          name="clear"
-          class="cursor-pointer"
-          @click="resetFilter"
-        />
+        <q-icon name="search" />
       </template>
     </q-input>
     <!-- แสดงคอลัมน์ใน table -->