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

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

@@ -6,7 +6,7 @@
     :report-button="true"
     class="mb-4"
   >
-    <Type9 @update:filters="(value) => updateFilters(value)" />
+    <Type9 @update:filters="(value) => (filters = value)" />
   </Filters>
 
   <div id="data">
@@ -998,11 +998,6 @@ 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') {
     exportToPDF(reportMeta.value, data.value)

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

@@ -6,7 +6,7 @@
     :report-button="true"
     class="mb-4"
   >
-    <Type9 @update:filters="(value) => updateFilters(value)" />
+    <Type9 @update:filters="(value) => (filters = value)" />
   </Filters>
 
   <div id="data">
@@ -918,11 +918,6 @@ const onExportingDetail = (e: any) => {
   }
 }
 
-const updateFilters = (value: any) => {
-  filters.value = value
-  reportMeta.value.groupBy = value.groupBy
-}
-
 const onDataSelectionChanged = ({ selectedRowsData }: any) => {
   if (selectedRowsData[0] != undefined) {
     dataSelected.value = selectedRowsData[0]

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/components/Pages/Keluhan/Rekap/RKeluhan_PerFungsiBidang.vue

@@ -1,5 +1,6 @@
 <template>
   <Filters
+    @run-report="() => exportToPDF(reportMeta, data, true)"
     @reset-form="data = []"
     @run-search="() => filterData(filters)"
     :report-button="true"
@@ -445,7 +446,7 @@
           :hover-state-enabled="true"
           @selection-changed="onDataSubSelectionChanged"
           :column-width="100"
-          @exporting="onExporting"
+          @exporting="onExportingDetail"
           :allow-column-resizing="true"
           column-resizing-mode="widget"
         >
@@ -763,6 +764,7 @@
       </div>
     </div>
   </DetailDialog>
+
   <BufferDialog v-if="loadingData || loadingSubData" />
 </template>
 
@@ -771,7 +773,7 @@ import DetailDialog from '@/components/Dialogs/DetailDialog.vue'
 import InputText from '@/components/InputText.vue'
 import Filters from '@/components/Form/Filters.vue'
 import Type13 from '@/components/Form/FiltersType/Type13.vue'
-import { ref, onMounted, watch } from 'vue'
+import { ref, onMounted } from 'vue'
 import { DxDataGrid } from 'devextreme-vue'
 import {
   DxColumn,
@@ -787,18 +789,18 @@ import {
   DxSelection,
   DxGrouping
 } 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'
-import { useQuery } from '@vue/apollo-composable'
 import { formatWaktu } from '@/components/Form/FiltersType/reference'
 import { queries, requestGraphQl } from '@/utils/api/api.graphql'
 import { formatNumber, isNumber, formatPercentage } from '@/utils/numbers'
 import { apolloClient } from '@/utils/api/api.graphql'
 import { provideApolloClient } from '@vue/apollo-composable'
 import BufferDialog from '@/components/Dialogs/BufferDialog.vue'
+import {
+  exportToPDF,
+  exportToXLSX,
+  exportDetailToPDF,
+  exportDetailToXLSX
+} from '@/report/Keluhan/Rekap/RKeluhan_PerFungsiBidang'
 
 const client = apolloClient()
 provideApolloClient(client)
@@ -817,6 +819,13 @@ const loadingSubData = ref(false)
 const agreeToShowDialog = ref(false)
 const progressSelected = ref(0)
 const isGroupBy = ref(false)
+const reportMeta = ref({
+  uid: { id: 0, name: 'Semua Unit Induk Distribusi/Wilayah' },
+  up3: { id: 0, name: 'Semua Unit Pelaksanaan Pelayanan Pelanggan' },
+  ulp: { id: 0, name: 'Semua Unit Layanan Pelanggan' },
+  periode: '',
+  groupBy: false
+})
 
 const setAgreementDialog = (status: boolean, progress: number) => {
   agreeToShowDialog.value = status
@@ -863,6 +872,14 @@ const filterData = async (params: any) => {
             }
           )
         }
+
+        reportMeta.value = {
+          uid: uid ? uid : { id: 0, name: 'Semua Unit Induk Distribusi/Wilayah' },
+          up3: up3 ? up3 : { id: 0, name: 'Semua Unit Pelaksanaan Pelayanan Pelanggan' },
+          ulp: ulp ? ulp : { id: 0, name: 'Semua Unit Layanan Pelanggan' },
+          periode: params.periode,
+          groupBy: params.groupBy
+        }
       } else {
         data.value = []
       }
@@ -930,30 +947,19 @@ const showDetail = () => {
 
 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 if (e.format === 'xlsx') {
+    exportToXLSX(reportMeta.value, e)
   } else {
-    const workbook = new Workbook()
-    const worksheet = workbook.addWorksheet('Employees')
+  }
+}
 
-    exportToExcel({
-      component: e.component,
-      worksheet,
-      autoFilterEnabled: true
-    }).then(() => {
-      workbook.xlsx.writeBuffer().then((buffer: any) => {
-        saveAs(new Blob([buffer], { type: 'application/octet-stream' }), 'DataGrid.xlsx')
-      })
-    })
-
-    e.cancel = true
+const onExportingDetail = (e: any) => {
+  if (e.format === 'pdf') {
+    exportDetailToPDF(reportMeta.value, dataSub.value)
+  } else if (e.format === 'xlsx') {
+    exportDetailToXLSX(reportMeta.value, e)
+  } else {
   }
 }