โครงสร้างอัตรากำลัง => แก้ไขการ fetch โครางสร้าง ประวัติ

src/modules/13_salary/components/SalaryLists/TabMain.vue

@@ -234,7 +234,7 @@ function fetchDataPeriod(id: string) {
 }
 
 /**function เปลี่ยนกลุ่ม*/
- function changeTabGroup() {
+function changeTabGroup() {
   formFilter.page = 1;
   formFilter.pageSize = 10;
   formFilter.keyword = "";
@@ -319,7 +319,25 @@ onMounted(async () => {
             </q-card>
           </div>
           <div class="row col justify-end items-center">
-            <q-btn color="blue-5" icon="download" label="ดาวน์โหลด" />
+            <q-btn-dropdown color="blue-5" label="ดาวน์โหลด">
+              <q-list>
+                <q-item
+                  v-for="(item, index) in store.roundMainCode === 'APR'
+                    ? store.itemDownloadApr
+                    : store.roundMainCode === 'OCT'
+                    ? store.itemDownloadOct
+                    : []"
+                  :key="index"
+                  clickable
+                  v-close-popup
+                >
+                  <q-item-section>
+                    <q-item-label>{{ item.name }}</q-item-label>
+                  </q-item-section>
+                </q-item>
+              </q-list>
+            </q-btn-dropdown>
+            <!-- <q-btn color="blue-5" icon="download" label="ดาวน์โหลด" /> -->
           </div>
         </div>
       </div>