แก้ รายการตัวชี้วัดตามตำแหน่ง

src/modules/14_KPI/views/indicatorByRole.vue

@@ -74,10 +74,9 @@ function fetchList() {
   http
     .get(
       config.API.kpiRoleMainList +
-        `?page=${formFilter.page}&pageSize=${formFilter.pageSize}&kpiPeriodId=${formFilter.round}&position=${formFilter.position}&year=2024`
+        `?page=${formFilter.page}&pageSize=${formFilter.pageSize}&kpiPeriodId=${formFilter.round}&position=${formFilter.position}`
     )
     .then((res) => {
-      console.log(res);
       const data = res.data.result.data;
       maxPage.value = Math.ceil(res.data.result.total / formFilter.pageSize);
       rows.value = data;
@@ -172,7 +171,6 @@ function getRound() {
         id: item.id,
         name: statusTothai(item.durationKPI),
       }))
-      console.log(roundOp.value)
     })
     .finally(() => {
       hideLoader()
@@ -192,6 +190,10 @@ function statusTothai(val: string) {
   }
 }
 
+function setModel(val:string){
+  formFilter.position = val
+}
+
 onMounted(async () => {
   await getOptions();
   await getRound();
@@ -208,17 +210,20 @@ onMounted(async () => {
       <div class="row q-gutter-sm">
         <q-select
           dense
-          v-model="formFilter.position"
+          :model-value="formFilter.position"
           label="ตำแหน่ง"
           outlined
           emit-value
           map-options
+          fill-input
+          hide-selected
           hide-bottom-space
           option-label="name"
           option-value="id"
           class="inputgreen"
           :options="positionOp"
           use-input
+          @input-value="setModel"
           @filter="(inputValue:any,doneFn:Function) => filterOption(inputValue, doneFn) "
           @update:model-value="fetchList"
         >