feat: create xlsx export in detail rekapitulasi gangguan all

src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue

@@ -1084,7 +1084,12 @@ import DetailDialog from '@/components/Dialogs/DetailDialog.vue'
 import InputText from '@/components/InputText.vue'
 import { apolloClient } from '@/utils/api/api.graphql'
 import { provideApolloClient } from '@vue/apollo-composable'
-import { exportToPDF, exportToXLSX, exportDetailToPDF } from '@/report/Gangguan/Rekap/RGangguan_ALL'
+import {
+  exportToPDF,
+  exportToXLSX,
+  exportDetailToPDF,
+  exportDetailToXLSX
+} from '@/report/Gangguan/Rekap/RGangguan_ALL'
 
 const client = apolloClient()
 provideApolloClient(client)
@@ -1332,7 +1337,7 @@ const onExportingDetail = (e: any) => {
   if (e.format === 'pdf') {
     exportDetailToPDF(reportMeta.value, dataSub.value)
   } else if (e.format === 'xlsx') {
-    // exportToXLSX(reportMeta.value, e)
+    exportDetailToXLSX(reportMeta.value, e)
   } else {
   }
 }

src/report/Gangguan/Rekap/RGangguan_ALL.ts

@@ -616,10 +616,9 @@ const exportDetailToPDF = (reportMeta: any, rawData: any) => {
     margin: { left: 230 }
   })
 
-  window.open(doc.output('bloburl'))
-  // doc.save(`Laporan Detail ${reportName}.pdf`, { returnPromise: true }).then(() => {
-  //   console.log('pdf berhasil disimpan')
-  // })
+  doc.save(`Laporan Detail ${reportName}.pdf`, { returnPromise: true }).then(() => {
+    console.log('pdf berhasil disimpan')
+  })
 }
 
 const exportToXLSX = (reportMeta: any, e: any) => {
@@ -687,4 +686,39 @@ const exportToXLSX = (reportMeta: any, e: any) => {
   e.cancel = true
 }
 
-export { exportToPDF, exportToXLSX, exportDetailToPDF }
+const exportDetailToXLSX = (reportMeta: any, e: any) => {
+  const meta = formatMetaData(reportMeta)
+  const workbook = new Workbook()
+  const worksheet = workbook.addWorksheet(`${reportName}`)
+
+  setHeaderStyle(worksheet, 1, 1, 'PT. PLN(Persero)')
+  setHeaderStyle(worksheet, 3, 8, `Daftar Detail ${reportName}`.toUpperCase(), true)
+  setHeaderStyle(
+    worksheet,
+    4,
+    8,
+    `PERIODE TANGGAL : ${meta.dateFromFormat} SD TGL ${meta.dateToFormat}`,
+    true
+  )
+
+  worksheet.mergeCells('H3:J3')
+  worksheet.mergeCells('H4:J4')
+
+  exportToExcel({
+    component: e.component,
+    worksheet,
+    autoFilterEnabled: true,
+    topLeftCell: { row: 6, column: 1 }
+  }).then(() => {
+    workbook.xlsx.writeBuffer().then((buffer: any) => {
+      saveAs(
+        new Blob([buffer], { type: 'application/octet-stream' }),
+        `Laporan Detail ${reportName}.xlsx`
+      )
+    })
+  })
+
+  e.cancel = true
+}
+
+export { exportToPDF, exportToXLSX, exportDetailToPDF, exportDetailToXLSX }