เพิ่ม Report โครงสร้าง

src/modules/16_positionEmployee/components/TreeTable.vue

@@ -5,6 +5,7 @@ import { useQuasar } from "quasar";
 import { usePositionEmp } from "@/modules/16_positionEmployee/store/organizational";
 import { useCounterMixin } from "@/stores/mixin";
 import { checkPermission } from "@/utils/permissions";
+import genreport from "@/plugins/genreportxlsx";
 import config from "@/app.config";
 import http from "@/plugins/http";
 
@@ -15,6 +16,7 @@ import type { QTableProps } from "quasar";
 import type {
   ListMenu,
   NewPagination,
+  DataDocumentList,
 } from "@/modules/16_positionEmployee/interface/index/Main";
 import type { FilterMaster } from "@/modules/16_positionEmployee/interface/request/organizational";
 import type { PosMaster2 } from "@/modules/16_positionEmployee/interface/response/organizational";
@@ -101,6 +103,12 @@ const listMenu = ref<ListMenu[]>([
     color: "red",
   },
 ]);
+const documentItems = ref<DataDocumentList[]>([
+  {
+    name: "รายงานสรุปจำนวนกรอบอัตรากำลังของลูกจ้างประจำกรุงเทพมหานคร",
+    val: "report4",
+  },
+]);
 
 /** columns*/
 const columns = ref<QTableProps["columns"]>([
@@ -327,6 +335,26 @@ function getSummary() {
     });
 }
 
+/** function DownloadReport*/
+async function onClickDownloadReport(val: string, name: string) {
+  // รอ API
+  // showLoader();
+  // await http
+  //   .get(config.API.orgReport(val) + `/${orgRootId.value}`)
+  //   .then(async (res) => {
+  //     const data = res.data.result;
+  //     if (data) {
+  //       await genreport(data, name);
+  //     }
+  //   })
+  //   .catch((err) => {
+  //     messageError($q, err);
+  //   })
+  //   .finally(() => {
+  //     hideLoader();
+  //   });
+}
+
 const pagination = ref({
   page: reqMaster.value.page,
   rowsPerPage: reqMaster.value.pageSize,
@@ -383,6 +411,26 @@ watch(
         >
           <q-tooltip>ย้ายตำแหน่ง</q-tooltip>
         </q-btn>
+
+        <q-btn flat round dense color="deep-purple" icon="save_alt">
+          <q-menu>
+            <q-list
+              dense
+              style="min-width: 100px"
+              v-for="(item, index) in documentItems"
+              :key="index"
+            >
+              <q-item
+                clickable
+                v-close-popup
+                @click.stop="onClickDownloadReport(item.val, item.name)"
+              >
+                <q-item-section>{{ item.name }}</q-item-section>
+              </q-item>
+            </q-list>
+          </q-menu>
+          <q-tooltip>ดาวน์โหลด</q-tooltip>
+        </q-btn>
       </div>
 
       <q-space />

src/modules/16_positionEmployee/interface/index/Main.ts

@@ -127,6 +127,11 @@ interface NewPagination {
   sortBy: string;
 }
 
+interface DataDocumentList {
+  name: string;
+  val: string;
+}
+
 export type {
   Pagination,
   DataOption,
@@ -144,4 +149,5 @@ export type {
   HistoryPostType,
   FormPositionSelectRef,
   NewPagination,
+  DataDocumentList,
 };