แก้ select /input

src/modules/11_discipline/components/8_AppealComplain/MainPage.vue

@@ -223,7 +223,7 @@ async function getData() {
       totalList.value = Math.ceil(
         res.data.result.total / pagination.value.rowsPerPage
       );
-       total.value = res.data.result.total;
+      total.value = res.data.result.total;
       fetchAppealComplain(res.data.result.data);
     })
     .catch((e) => {
@@ -279,7 +279,6 @@ function filterOptionFnType(val: string, update: Function) {
 function updatePagination(newPagination: any) {
   pagination.value.page = 1;
   pagination.value.rowsPerPage = newPagination.rowsPerPage;
-
 }
 
 function getSearch() {
@@ -335,12 +334,7 @@ onMounted(async () => {
         @keydown.enter.prevent="filterFn"
       >
         <template v-slot:append>
-          <q-icon
-            v-if="filterKeyword !== ''"
-            name="clear"
-            class="cursor-pointer"
-            @click="resetFilter"
-          />
+          <q-icon name="search" />
         </template>
       </q-input>
 
@@ -417,6 +411,8 @@ onMounted(async () => {
               outlined
               emit-value
               map-options
+              hide-selected
+              fill-input
               option-label="name"
               option-value="id"
               :options="optionType"
@@ -449,6 +445,8 @@ onMounted(async () => {
               dense
               outlined
               emit-value
+              hide-selected
+              fill-input
               map-options
               option-label="name"
               option-value="id"