ลูกจ้าง download

src/modules/13_salary/views/salaryEmployeeRate.vue

@@ -4,6 +4,7 @@ import { useQuasar } from "quasar";
 import { useRouter, useRoute } from "vue-router";
 import http from "@/plugins/http";
 import config from "@/app.config";
+import genReportXLSX from "@/plugins/genreportxlsx";
 
 /** importType*/
 import type { QTableProps } from "quasar";
@@ -181,6 +182,23 @@ function updatePageSize(newPagination: NewPagination) {
   formFilter.pageSize = newPagination.rowsPerPage;
 }
 
+/** click download */
+function clickDownload() {
+  // showLoader();
+  // http
+  //   .get(config.API.salaryReportByid(salaryEmployeeId.value))
+  //   .then((res) => {
+  //     const dataList = res.data.result;
+  //     genReportXLSX(dataList, "อัตราเงินเดือน");
+  //   })
+  //   .catch((e) => {
+  //     messageError($q, e);
+  //   })
+  //   .finally(() => {
+  //     hideLoader();
+  //   });
+}
+
 watch(
   () => formFilter.pageSize,
   () => {
@@ -215,7 +233,14 @@ onMounted(() => {
         <q-tooltip>เพิ่ม </q-tooltip>
       </q-btn>
       <q-space />
-      <q-input
+      <q-btn
+        outline
+        label="ดาวน์โหลด"
+        icon="download"
+        color="blue"
+        @click="clickDownload()"
+      />
+      <!-- <q-input
         borderless
         dense
         outlined
@@ -242,7 +267,7 @@ onMounted(() => {
         options-cover
         style="min-width: 150px"
         class="col-xs-12 col-sm-3 col-md-2 q-ml-sm"
-      />
+      /> -->
     </q-toolbar>
     <div class="col-12">
       <d-table