ปรับ ui

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

@@ -245,57 +245,9 @@ onMounted(async () => {
     รายการตัวชี้วัดตามตำแหน่ง
   </div>
   <q-card flat bordered class="q-pa-md">
-    <div class="row q-mb-sm">
-      <div class="col-12 row q-mb-sm" v-if="!$q.screen.gt.md">
+
+      <div class="row q-gutter-sm no-wrap q-mb-sm">
         <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="ตำแหน่ง"
@@ -397,22 +349,19 @@ onMounted(async () => {
             />
           </template>
         </q-select>
-      </div>
 
-      <q-btn
-        v-if="$q.screen.gt.md"
-        flat
-        round
-        dense
-        icon="add"
-        color="primary"
-        @click="onClickAddOrView()"
-      >
-        <q-tooltip>เพิ่ม</q-tooltip>
-      </q-btn>
+        <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">
+        <q-space />
         <q-input
           standout
           dense
@@ -449,7 +398,7 @@ onMounted(async () => {
           style="min-width: 150px"
         />
       </div>
-    </div>
+
 
     <div class="col-12">
       <d-table