From 816b6dd5c90f4c8961c8f975a95753189b1a2db5 Mon Sep 17 00:00:00 2001
From: setthawutttty <stw.ttty@gmail.com>
Date: Mon, 18 Mar 2024 16:52:10 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=A5=E0=B8=B9=E0=B8=81=E0=B8=88=E0=B9=89?=
 =?UTF-8?q?=E0=B8=B2=E0=B8=87=20download?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../13_salary/views/salaryEmployeeRate.vue    | 29 +++++++++++++++++--
 1 file changed, 27 insertions(+), 2 deletions(-)

diff --git a/src/modules/13_salary/views/salaryEmployeeRate.vue b/src/modules/13_salary/views/salaryEmployeeRate.vue
index d68e80d64..4879db35f 100644
--- a/src/modules/13_salary/views/salaryEmployeeRate.vue
+++ b/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