แก้ select /input

src/modules/13_salary/views/01_salaryMain.vue

@@ -105,7 +105,7 @@ async function fetchListSalaly() {
   showLoader();
   const page = formQuery.page.toString();
   const pageSize = formQuery.pageSize.toString();
-  const keyword = formQuery.keyword.toString();
+  const keyword = formQuery.keyword.toString().trim();
   await http
     .get(
       config.API.salaryChart +

src/modules/13_salary/views/04_salaryLists.vue

@@ -366,7 +366,6 @@ function filterSelector(val: string, update: Function, refData: string) {
   switch (refData) {
     case "agencyFilter":
       update(() => {
-        agencyFilter.value = val === "" ? agencyFilter.value : "";
         agencyOptions.value = agencyOptionsMain.value.filter(
           (v: DataOption) => v.name.indexOf(val) > -1
         );
@@ -501,6 +500,8 @@ onMounted(async () => {
         outlined
         emit-value
         map-options
+        hide-selected
+        fill-input
         option-label="name"
         option-value="id"
         :options="agencyOptions"

src/modules/13_salary/views/05_salaryListsEmployee.vue

@@ -357,7 +357,6 @@ function filterSelector(val: string, update: Function, refData: string) {
   switch (refData) {
     case "agencyFilter":
       update(() => {
-        agencyFilter.value = val === "" ? agencyFilter.value : "";
         agencyOptions.value = agencyOptionsMain.value.filter(
           (v: DataOption) => v.name.indexOf(val) > -1
         );
@@ -493,6 +492,8 @@ onMounted(async () => {
         map-options
         option-label="name"
         option-value="id"
+        hide-selected
+        fill-input
         :options="agencyOptions"
         lazy-rules
         hide-bottom-space