Merge branch 'dev-bagus' of https://github.com/defuj/eis into dev-defuj

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

@@ -4,6 +4,7 @@
   <Filters
     :report-button="true"
     @reset-form="data = []"
+    @run-report="() => exportToPDF(reportMeta, data, true)"
     @run-search="() => filterData(filters)"
     class="mb-4"
   >
@@ -866,8 +867,6 @@ import {
   DxSummary,
   DxTotalItem
 } from 'devextreme-vue/data-grid'
-import { jsPDF } from 'jspdf'
-import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
 import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
 import { saveAs } from 'file-saver'
 import { Workbook } from 'exceljs'
@@ -878,6 +877,7 @@ 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 } from '@/report/Gangguan/Rekap/RGangguan_PerPosko'
 
 const client = apolloClient()
 provideApolloClient(client)
@@ -892,6 +892,11 @@ const dataSubSelected = ref<any>()
 const dialogDetail = ref(false)
 const loadingData = ref(false)
 const loadingSubData = ref(false)
+const reportMeta = ref({
+  uid: { id: 0, name: 'Semua Unit Induk Distribusi/Wilayah' },
+  up3: { id: 0, name: 'Semua Unit Pelaksanaan Pelayanan Pelanggan' },
+  periode: ''
+})
 
 const getDetail = () => {
   loadingSubData.value = true
@@ -953,15 +958,7 @@ const closeDialog = () => {
 
 const onExporting = (e: any) => {
   if (e.format === 'pdf') {
-    const doc = new jsPDF()
-
-    exportToPdf({
-      jsPDFDocument: doc,
-      component: e.component,
-      indent: 5
-    }).then(() => {
-      doc.save(`.pdf`)
-    })
+    exportToPDF(reportMeta.value, data.value)
   } else {
     const workbook = new Workbook()
     const worksheet = workbook.addWorksheet('Employees')
@@ -1018,6 +1015,8 @@ const filterData = (params: any) => {
       console.table(result)
       data.value = result.sort((a: any, b: any) => a?.nama_up3.localeCompare(b?.nama_up3))
     }
+
+    reportMeta.value = filters.value
   })
 
   onError((error) => {

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

@@ -2,10 +2,11 @@
   <Filters
     @reset-form="data = []"
     @run-search="() => filterData(filters)"
+    @run-report="() => exportToPDF(reportMeta, data, true)"
     :report-button="true"
     class="mb-4"
   >
-    <Type9 @update:filters="(value) => (filters = value)" />
+    <Type9 @update:filters="(value) => updateFilters(value)" />
   </Filters>
 
   <div id="data">
@@ -886,6 +887,7 @@ 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 } from '@/report/Gangguan/Rekap/RGangguan_PerRegu'
 
 const client = apolloClient()
 provideApolloClient(client)
@@ -900,6 +902,13 @@ const dataSubSelected = ref<any>()
 const dialogDetail = ref(false)
 const loadingData = ref(false)
 const loadingSubData = ref(false)
+const reportMeta = ref({
+  uid: { id: 0, name: 'Semua Unit Induk Distribusi/Wilayah' },
+  up3: { id: 0, name: 'Semua Unit Pelaksanaan Pelayanan Pelanggan' },
+  posko: { id: 0, name: 'Semua Posko' },
+  periode: '',
+  groupBy: false
+})
 
 const getDetail = () => {
   loadingSubData.value = true
@@ -958,17 +967,15 @@ const showDetail = () => {
 const closeDialog = () => {
   dialogDetail.value = false
 }
+
+const updateFilters = (value: any) => {
+  filters.value = value
+  reportMeta.value.groupBy = value.groupBy
+}
+
 const onExporting = (e: any) => {
   if (e.format === 'pdf') {
-    const doc = new jsPDF()
-
-    exportToPdf({
-      jsPDFDocument: doc,
-      component: e.component,
-      indent: 5
-    }).then(() => {
-      doc.save(`.pdf`)
-    })
+    exportToPDF(reportMeta.value, data.value)
   } else {
     const workbook = new Workbook()
     const worksheet = workbook.addWorksheet('Employees')
@@ -1020,6 +1027,19 @@ const filterData = (params: any) => {
     if (queryResult.data != undefined) {
       data.value = queryResult.data.rekapitulasiGangguanPerRegu
     }
+
+    const { posko, uid, up3 } = params
+
+    reportMeta.value = {
+      uid: { id: uid ? uid.id : 0, name: uid ? uid.name : 'Semua Unit Induk Distribusi/Wilayah' },
+      up3: {
+        id: up3 ? up3.id : 0,
+        name: up3 ? up3.name : 'Semua Unit Pelaksanaan Pelayanan Pelanggan'
+      },
+      posko: { id: posko ? posko.id : 0, name: posko ? posko.name : 'Semua Posko' },
+      periode: params.periode,
+      groupBy: params.groupBy
+    }
   })
 
   onError((error) => {