feat: create export xlsx in rekapitulasi keluhan all

src/assets/css/style.css

@@ -5545,10 +5545,6 @@ body {
     grid-column-start: 2;
   }
 
-  .sm\:m-8 {
-    margin: 2rem;
-  }
-
   .sm\:mx-0 {
     margin-left: 0px;
     margin-right: 0px;

src/components/Pages/Keluhan/Rekap/RKeluhan_ALL.vue

@@ -8,6 +8,7 @@
   >
     <Type3 @update:filters="(value) => (filters = value)" />
   </Filters>
+
   <div>
     <DxDataGrid
       @cell-click="onCellClicked"
@@ -723,6 +724,7 @@
       </div>
     </div>
   </DetailDialog>
+
   <BufferDialog v-if="loadingData || loadingSubData" />
 </template>
 
@@ -731,7 +733,7 @@ import DetailDialog from '@/components/Dialogs/DetailDialog.vue'
 import InputText from '@/components/InputText.vue'
 import Filters from '@/components/Form/Filters.vue'
 import Type3 from '@/components/Form/FiltersType/Type3.vue'
-import { ref, onMounted, watch } from 'vue'
+import { ref, onMounted } from 'vue'
 import { DxDataGrid } from 'devextreme-vue'
 import {
   DxColumn,
@@ -752,7 +754,12 @@ import { queries, requestGraphQl } from '@/utils/api/api.graphql'
 import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
 import { apolloClient } from '@/utils/api/api.graphql'
 import { provideApolloClient } from '@vue/apollo-composable'
-import { exportToPDF, exportDetailToPDF } from '@/report/Keluhan/Rekap/RKeluhan_ALL'
+import {
+  exportToPDF,
+  exportDetailToPDF,
+  exportToXLSX,
+  exportDetailToXLSX
+} from '@/report/Keluhan/Rekap/RKeluhan_ALL'
 import BufferDialog from '@/components/Dialogs/BufferDialog.vue'
 
 const client = apolloClient()
@@ -986,6 +993,7 @@ const onExporting = (e: any) => {
   if (e.format === 'pdf') {
     exportToPDF(reportMeta.value, data.value)
   } else if (e.format === 'xlsx') {
+    exportToXLSX(reportMeta.value, e)
   } else {
   }
 }
@@ -994,6 +1002,7 @@ const onExportingDetail = (e: any) => {
   if (e.format === 'pdf') {
     exportDetailToPDF(reportMeta.value, dataSub.value)
   } else if (e.format === 'xlsx') {
+    exportDetailToXLSX(reportMeta.value, e)
   } else {
   }
 }

src/report/Keluhan/Rekap/RKeluhan_ALL.ts

@@ -567,32 +567,37 @@ const exportToXLSX = (reportMeta: any, e: any) => {
     worksheet,
     4,
     1,
-    `POSKO : ${
-      reportMeta.posko ? reportMeta.posko.name.toUpperCase() : 'Semua Posko'.toUpperCase()
+    `UNIT LAYANAN PELANGGAN : ${
+      reportMeta.ulp
+        ? reportMeta.ulp.name.toUpperCase()
+        : 'Semua Unit Layanan Pelanggan'.toUpperCase()
     }`
   )
 
-  setHeaderStyle(worksheet, 7, 8, `${reportName}`.toUpperCase(), true)
+  setHeaderStyle(worksheet, 6, 1, `${reportName}`.toUpperCase(), true)
   setHeaderStyle(
     worksheet,
-    8,
-    8,
+    7,
+    1,
     `PERIODE TANGGAL : ${meta.dateFromFormat} SD TGL ${meta.dateToFormat}`,
     true
   )
 
-  worksheet.mergeCells('A1:F1')
-  worksheet.mergeCells('A2:F2')
-  worksheet.mergeCells('A3:F3')
-  worksheet.mergeCells('A4:F4')
-  worksheet.mergeCells('H7:J7')
-  worksheet.mergeCells('H8:J8')
+  worksheet.mergeCells('A1:Q1')
+  worksheet.mergeCells('A2:Q2')
+  worksheet.mergeCells('A3:Q3')
+  worksheet.mergeCells('A4:Q4')
+  worksheet.mergeCells('A6:Q6')
+  worksheet.mergeCells('A7:Q7')
 
   exportToExcel({
     component: e.component,
     worksheet,
     autoFilterEnabled: true,
-    topLeftCell: { row: 10, column: 1 }
+    topLeftCell: { row: 9, column: 1 },
+    loadPanel: {
+      enabled: false
+    }
   }).then(() => {
     workbook.xlsx.writeBuffer().then((buffer: any) => {
       saveAs(new Blob([buffer], { type: 'application/octet-stream' }), `Laporan ${reportName}.xlsx`)
@@ -608,23 +613,27 @@ const exportDetailToXLSX = (reportMeta: any, e: any) => {
   const worksheet = workbook.addWorksheet(`Detail ${reportName}`)
 
   setHeaderStyle(worksheet, 1, 1, 'PT. PLN(Persero)')
-  setHeaderStyle(worksheet, 3, 8, `Daftar Detail ${reportName}`.toUpperCase(), true)
+  setHeaderStyle(worksheet, 3, 1, `Daftar Detail ${reportName}`.toUpperCase(), true)
   setHeaderStyle(
     worksheet,
     4,
-    8,
+    1,
     `PERIODE TANGGAL : ${meta.dateFromFormat} SD TGL ${meta.dateToFormat}`,
     true
   )
 
-  worksheet.mergeCells('H3:J3')
-  worksheet.mergeCells('H4:J4')
+  worksheet.mergeCells('A1:P1')
+  worksheet.mergeCells('A3:P3')
+  worksheet.mergeCells('A4:P4')
 
   exportToExcel({
     component: e.component,
     worksheet,
     autoFilterEnabled: true,
-    topLeftCell: { row: 6, column: 1 }
+    topLeftCell: { row: 6, column: 1 },
+    loadPanel: {
+      enabled: false
+    }
   }).then(() => {
     workbook.xlsx.writeBuffer().then((buffer: any) => {
       saveAs(