fix bug ==> เครื่องราช

src/modules/07_insignia/views/02_ManageMain.vue

@@ -180,10 +180,7 @@ async function fecthInsignia() {
  */
 async function changround() {
   DataStore.roundId = round.value;
-  var organization =
+
-    DataStore.agency != null //ถ้ามี agency เรียกข้อมูลตาม agency  ถ้าไม่มีเรียนตาม Oc ที่เลือก
-      ? DataStore.agency
-      : DataStore.typeOc;
   // get round name
   await fecthStat(round.value); //เรียกดู Stat รอบที่เลือก
   const roundFilter = optionRound.value.find(
@@ -196,6 +193,10 @@ async function changround() {
       roundFilter.year + 543
     }`;
   }
+  var organization =
+    DataStore.agency != null //ถ้ามี agency เรียกข้อมูลตาม agency  ถ้าไม่มีเรียนตาม Oc ที่เลือก
+      ? DataStore.agency
+      : DataStore.typeOc;
   await fecthInsigniaByOc(round.value, organization, "officer", tab.value); // เรียกข้อมูลรายชื่อข้าราชการสามัญฯ ที่มีสิทธิ์ยื่นขอพระราชทานเครื่องราชอิสริยาภรณ์
 }
 
@@ -531,68 +532,66 @@ onMounted(async () => {
       </q-banner>
     </div>
 
+    <q-tabs
+      v-model="tab"
+      dense
+      class="text-grey"
+      active-color="primary"
+      active-class="bg-teal-1"
+      indicator-color="primary"
+      align="left"
+    >
+      <q-tab name="pending" label="คนที่ยื่นขอ" />
+      <q-tab name="reject" label="คนที่ไม่ยื่นขอ" />
+      <q-tab name="delete" label="คนที่ถูกลบออก" />
+      <q-tab
+        v-if="roleDataStore.adminRole"
+        name="organization"
+        label="หน่วยงานที่ยังไม่ได้ส่งรายชื่อ"
+      />
+    </q-tabs>
 
-      <q-tabs
+    <div class="col-12"><q-separator /></div>
-        v-model="tab"
+    <q-tab-panels v-model="tab" animated>
-        dense
+      <!-- แทบคนที่ยื่นขอ -->
-        class="text-grey"
+      <q-tab-panel name="pending" class="q-pa-none">
-        active-color="primary"
+        <tab1
-        active-class="bg-teal-1"
+          :tab="tab"
-        indicator-color="primary"
+          :round-id="round"
-        align="left"
+          :round-name="roundName"
-      >
+          :fecth-insignia-by-oc="fecthInsigniaByOc"
-        <q-tab name="pending" label="คนที่ยื่นขอ" />
+          :request-status="requestStatus"
-        <q-tab name="reject" label="คนที่ไม่ยื่นขอ" />
+          :fecth-stat="fecthStat"
-        <q-tab name="delete" label="คนที่ถูกลบออก" />
-        <q-tab
-          v-if="roleDataStore.adminRole"
-          name="organization"
-          label="หน่วยงานที่ยังไม่ได้ส่งรายชื่อ"
         />
-      </q-tabs>
+      </q-tab-panel>
 
-      <div class="col-12"><q-separator /></div>
+      <!-- แทบคนที่ไม่ยื่นขอ -->
-      <q-tab-panels v-model="tab" animated>
+      <q-tab-panel name="reject" class="q-pa-none">
-        <!-- แทบคนที่ยื่นขอ -->
+        <tab2
-        <q-tab-panel name="pending" class="q-pa-none">
+          :tab="tab"
-          <tab1
+          :round-id="round"
-            :tab="tab"
+          :fecth-insignia-by-oc="fecthInsigniaByOc"
-            :round-id="round"
+        />
-            :round-name="roundName"
+      </q-tab-panel>
-            :fecth-insignia-by-oc="fecthInsigniaByOc"
-            :request-status="requestStatus"
-            :fecth-stat="fecthStat"
-          />
-        </q-tab-panel>
 
-        <!-- แทบคนที่ไม่ยื่นขอ -->
+      <!-- แทบคนที่ถูกลบออก -->
-        <q-tab-panel name="reject" class="q-pa-none">
+      <q-tab-panel name="delete" class="q-pa-none">
-          <tab2
+        <tab3
-            :tab="tab"
+          :tab="tab"
-            :round-id="round"
+          :round-id="round"
-            :fecth-insignia-by-oc="fecthInsigniaByOc"
+          :fecth-insignia-by-oc="fecthInsigniaByOc"
-          />
+        />
-        </q-tab-panel>
+      </q-tab-panel>
-
-        <!-- แทบคนที่ถูกลบออก -->
-        <q-tab-panel name="delete" class="q-pa-none">
-          <tab3
-            :tab="tab"
-            :round-id="round"
-            :fecth-insignia-by-oc="fecthInsigniaByOc"
-          />
-        </q-tab-panel>
-
-        <!-- แทบหน่วยงานที่ยังไม่ได้ส่งรายชื่อ -->
-        <q-tab-panel
-          v-if="roleDataStore.adminRole"
-          name="organization"
-          class="q-pa-none"
-        >
-          <tab4 :tab="tab" :round-id="round" />
-        </q-tab-panel>
-      </q-tab-panels>
 
+      <!-- แทบหน่วยงานที่ยังไม่ได้ส่งรายชื่อ -->
+      <q-tab-panel
+        v-if="roleDataStore.adminRole"
+        name="organization"
+        class="q-pa-none"
+      >
+        <tab4 :tab="tab" :round-id="round" />
+      </q-tab-panel>
+    </q-tab-panels>
 
     <q-toolbar class="q-py-md text-right">
       <q-file