updated

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

@@ -170,10 +170,10 @@ function getRound() {
       roundOp.value = data.map((item: any) => ({
         id: item.id,
         name: statusTothai(item.durationKPI),
-      }))
+      }));
     })
     .finally(() => {
-      hideLoader()
+      hideLoader();
     });
 }
 
@@ -190,8 +190,8 @@ function statusTothai(val: string) {
   }
 }
 
-function setModel(val:string){
-  formFilter.position = val
+function setModel(val: string) {
+  formFilter.position = val;
 }
 
 onMounted(async () => {
@@ -256,13 +256,19 @@ onMounted(async () => {
           map-options
         /> -->
         <datepicker
+          style="width: 120px"
           menu-class-name="modalfix"
           v-model="formFilter.year"
           :locale="'th'"
           autoApply
           year-picker
           :enableTimePicker="false"
-          @update:model-value="(formFilter.page = 1),formFilter.round = '',getRound(),fetchList()"
+          @update:model-value="
+            (formFilter.page = 1),
+              (formFilter.round = ''),
+              getRound(),
+              fetchList()
+          "
         >
           <template #year="{ year }">{{ year + 543 }}</template>
           <template #year-overlay-value="{ value }">{{
@@ -301,6 +307,7 @@ onMounted(async () => {
             </q-input>
           </template>
         </datepicker>
+
         <q-select
           dense
           outlined
@@ -311,23 +318,21 @@ onMounted(async () => {
           option-value="id"
           emit-value
           map-options
-          
           @update:model-value="fetchList"
-          style="width: 200px;"
+          style="width: 160px"
         />
       </div>
-      <q-toolbar-title>
-        <q-btn
-          flat
-          round
-          dense
-          icon="add"
-          color="primary"
-          @click="onClickAddOrView()"
-        >
-          <q-tooltip>เพิ่ม</q-tooltip>
-        </q-btn>
-      </q-toolbar-title>
+
+      <q-btn
+        flat
+        round
+        dense
+        icon="add"
+        color="primary"
+        @click="onClickAddOrView()"
+      >
+        <q-tooltip>เพิ่ม</q-tooltip>
+      </q-btn>
 
       <q-space />
       <div class="row q-gutter-sm">