แก้ select /input

src/modules/11_discipline/components/2_InvestigateFacts/Form.vue

@@ -371,7 +371,7 @@ async function getList() {
       config.API.directorList(
         pagination.value.page,
         pagination.value.rowsPerPage,
-        filterKeyword2.value,
+        filterKeyword2.value.trim(),
         mainStore.pathDirector(route.name as string)
       )
     )
@@ -792,6 +792,8 @@ onMounted(async () => {
                   option-value="id"
                   option-label="name"
                   emit-value
+                  hide-selected
+                  fill-input
                   use-input
                   map-options
                   hide-bottom-space
@@ -828,6 +830,8 @@ onMounted(async () => {
                   option-label="name"
                   option-value="id"
                   v-model="organization"
+                  hide-selected
+                  fill-input
                   :options="option"
                   label="หน่วยงานที่ถูกร้องเรียน"
                   clearable
@@ -871,6 +875,8 @@ onMounted(async () => {
                   label="ลักษณะการสืบสวน"
                   emit-value
                   map-options
+                  hide-selected
+                  fill-input
                   clearable
                   option-label="name"
                   option-value="id"

src/modules/11_discipline/components/2_InvestigateFacts/MainPage.vue

@@ -50,7 +50,7 @@ async function getList() {
       config.API.investigateMain(
         pagination.value.page,
         pagination.value.rowsPerPage,
-        filterKeyword.value,
+        filterKeyword.value.trim(),
         statusFilter.value
       )
     )
@@ -141,6 +141,8 @@ onMounted(async () => {
           outlined
           emit-value
           map-options
+          hide-selected
+          fill-input
           option-label="name"
           option-value="id"
           :options="option"
@@ -180,13 +182,7 @@ onMounted(async () => {
         @keydown.enter.prevent="getSerach()"
       >
         <template v-slot:append>
-          <q-icon v-if="filterKeyword == ''" name="search" />
-          <q-icon
-            v-if="filterKeyword !== ''"
-            name="clear"
-            class="cursor-pointer"
-            @click="resetFilter"
-          />
+          <q-icon  name="search" />
         </template>
       </q-input>
 
@@ -202,7 +198,6 @@ onMounted(async () => {
         map-options
         :options="dataInvestigate.columns"
         option-value="name"
-        
         style="min-width: 140px"
         class="col-xs-12 col-sm-3 col-md-2"
       />