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

src/modules/01_metadataNew/components/Indicators/indicatorByRole/DetailView.vue

@@ -184,6 +184,7 @@ function getDetail() {
       form.weight = data.weight;
       form.meaning = data.meaning;
       form.formula = data.formula;
+      form.documentInfoEvidence = data.documentInfoEvidence
 
       formScore.score1 = data.achievement1;
       formScore.score2 = data.achievement2;

src/modules/01_metadataNew/views/indicatorByRole.vue

@@ -84,10 +84,17 @@ const roundOp = ref<DataOption[]>([
 
 function fetchList() {
   http
-    .get(
-      config.API.kpiRoleMainList +
-        `?page=${formFilter.page}&pageSize=${formFilter.pageSize}&period=${formFilter.round}&position=${formFilter.position}&keyword=${formFilter.keyword}&year=${formFilter.year}`
-    )
+    .post(config.API.kpiRoleMainList + `/search`, {
+      // ?page=${formFilter.page}&pageSize=${formFilter.pageSize}&period=${formFilter.round}&position=${formFilter.position}&keyword=${formFilter.keyword}&year=${formFilter.year}
+      keyword: formFilter.keyword,
+      position: formFilter.position,
+      period: formFilter.round,
+      node: 0,
+      nodeId: "",
+      year: formFilter.year?.toString(),
+      pageSize: formFilter.pageSize,
+      page: formFilter.page,
+    })
     .then((res) => {
       const data = res.data.result.data;
       total.value = res.data.result.total;
@@ -218,9 +225,57 @@ onMounted(async () => {
     รายการตัวชี้วัดตามตำแหน่ง
   </div>
   <q-card flat bordered class="q-pa-md">
-    <q-toolbar class="q-pa-none">
+    <div class="row q-mb-sm">
+      <div class="col-12 row q-mb-sm" v-if="!$q.screen.gt.md">
+        <q-select
+          dense
+          :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"
+        >
+          <template v-slot:no-option>
+            <q-item>
+              <q-item-section class="text-grey"> ไม่มีข้อมูล </q-item-section>
+            </q-item>
+          </template>
+          <template v-if="formFilter.position" v-slot:append>
+            <q-icon
+              name="cancel"
+              @click.stop.prevent="
+                formFilter.position = '';
+                fetchList();
+              "
+              class="cursor-pointer"
+            />
+          </template>
+        </q-select>
+        <q-btn
+          flat
+          round
+          dense
+          icon="add"
+          color="primary"
+          @click="onClickAddOrView()"
+        >
+          <q-tooltip>เพิ่ม</q-tooltip>
+        </q-btn>
+      </div>
       <div class="row q-gutter-sm">
         <q-select
+        v-if="$q.screen.gt.md"
           dense
           :model-value="formFilter.position"
           label="ตำแหน่ง"
@@ -320,6 +375,7 @@ onMounted(async () => {
           dense
           outlined
           v-model="formFilter.round"
+          :model-value="formFilter.round === '' ? 'ทั้งหมด' : formFilter.round"
           class="inputgreen"
           :options="roundOp"
           label="รอบการประเมิน"
@@ -329,10 +385,19 @@ onMounted(async () => {
           map-options
           @update:model-value="fetchList"
           style="width: 160px"
-        />
+        >
+        <template v-if="formFilter.round" v-slot:append>
+            <q-icon
+              name="cancel"
+              @click.stop.prevent="(formFilter.round = ''), fetchList()"
+              class="cursor-pointer"
+            />
+          </template>
+      </q-select>
       </div>
 
       <q-btn
+      v-if="$q.screen.gt.md"
         flat
         round
         dense
@@ -381,7 +446,7 @@ onMounted(async () => {
           style="min-width: 150px"
         />
       </div>
-    </q-toolbar>
+    </div>
 
     <div class="col-12">
       <d-table