แก้ select /input

src/modules/13_salary/components/02_salaryEmployee/DialogFormCriteria.vue

@@ -537,6 +537,8 @@ watch(
                 lazy-rules
                 :options="groupOldOp"
                 map-options
+                hide-selected
+                fill-input
                 option-label="name"
                 option-value="id"
                 emit-value

src/modules/13_salary/components/02_salaryEmployee/TabCriteria.vue

@@ -186,7 +186,7 @@ function getData() {
   http
     .get(
       config.API.salaryFormula() +
-        `/?page=${formFilter.page}&pageSize=${formFilter.pageSize}&keyword=${formFilter.keyword}&posTypeId=${posType.value}`
+        `/?page=${formFilter.page}&pageSize=${formFilter.pageSize}&keyword=${formFilter.keyword.trim()}&posTypeId=${posType.value}`
     )
     .then((res) => {
       const data = res.data.result.data;
@@ -317,6 +317,8 @@ onMounted(async () => {
         option-value="id"
         emit-value
         map-options
+        hide-selected
+        fill-input
         use-input
         @update:model-value="filterFn"
         @filter="(inputValue: string,

src/modules/13_salary/components/02_salaryEmployee/TabStructure.vue

@@ -102,7 +102,7 @@ async function fetchListChart() {
   await http
     .get(
       config.API.salaryEmployeeChart +
-        `?page=${formFilter.page}&pageSize=${formFilter.pageSize}&keyword=${formFilter.keyword}`
+        `?page=${formFilter.page}&pageSize=${formFilter.pageSize}&keyword=${formFilter.keyword.trim()}`
     )
     .then((res) => {
       rows.value = res.data.result.data;