From 11b1dd0cd8b3e5e86af77bac8aa854dfab25e952 Mon Sep 17 00:00:00 2001 From: Dede Fuji Abdul Date: Thu, 7 Mar 2024 22:50:12 +0700 Subject: [PATCH] fix error --- src/components/Pages/Cico/LaporanCICO.vue | 4 +- .../Pages/Gangguan/Daftar/DGangguan_BM.vue | 6 +- .../Pages/Gangguan/Daftar/DGangguan_DKPL.vue | 5 +- .../Gangguan/Daftar/DGangguan_DMAPKT.vue | 8 +- .../Pages/Gangguan/Daftar/DGangguan_MLD1K.vue | 3 +- .../Daftar/DGangguan_RecoveryTime.vue | 47 +-- .../Daftar/DGangguan_ResponseTime.vue | 43 +- .../Pages/Gangguan/Daftar/DGangguan_STIDP.vue | 35 +- .../Gangguan/Rekap/RGangguan_AlihPosko.vue | 9 +- .../Rekap/RGangguan_BerdasarMedia.vue | 13 +- .../Pages/Gangguan/Rekap/RGangguan_CTTM.vue | 3 +- .../Pages/Gangguan/Rekap/RGangguan_DMAPKT.vue | 139 ++++--- .../Rekap/RGangguan_JenisGangguan.vue | 4 +- .../Rekap/RGangguan_JenisGangguanSE.vue | 12 +- .../Pages/Gangguan/Rekap/RGangguan_KTI.vue | 3 +- .../Gangguan/Rekap/RGangguan_PerPosko.vue | 10 +- .../Gangguan/Rekap/RGangguan_PerRegu.vue | 3 +- .../Gangguan/Rekap/RGangguan_PerTanggal.vue | 3 +- .../Rekap/RGangguan_RatingPerPosko.vue | 3 +- .../Rekap/RGangguan_RatingPerRegu.vue | 3 +- .../Keluhan/Daftar/DKeluhan_BerdasarMedia.vue | 38 +- .../Pages/Keluhan/Daftar/DKeluhan_DKUL.vue | 19 +- .../Pages/Keluhan/Daftar/DKeluhan_PLD1K.vue | 29 +- .../Keluhan/Daftar/DKeluhan_RecoveryTime.vue | 43 +- .../Keluhan/Daftar/DKeluhan_ResponseTime.vue | 46 ++- .../Pages/Keluhan/Daftar/DKeluhan_STIDP.vue | 39 +- .../Keluhan/Daftar/DKeluhan_SelesaiCC.vue | 40 +- .../Pages/Keluhan/Rekap/RKeluhan_ALL.vue | 17 +- .../Keluhan/Rekap/RKeluhan_BerdasarMedia.vue | 2 +- .../Rekap/RKeluhan_PerFungsiBidang.vue | 381 ++++++++++++++---- .../Rekap/RKeluhan_PerJenisKeluhan.vue | 9 +- .../Rekap/RKeluhan_PerKelompokKeluhan.vue | 26 +- .../Keluhan/Rekap/RKeluhan_PerTanggal.vue | 9 +- .../Pages/Keluhan/Rekap/RKeluhan_PerUnit.vue | 6 +- .../Keluhan/Rekap/RKeluhan_RatingPerUnit.vue | 5 +- .../MonalisaGR_DispatchingTimeGangguan.vue | 3 +- .../Gangguan/Rekap/MonalisaGR_ENSGangguan.vue | 3 +- .../Rekap/MonalisaGR_GangguanBelumSelesai.vue | 3 +- .../MonalisaGR_GangguanPerJenisGangguan.vue | 3 +- .../MonalisaGR_JumlahDDRPTRCTGangguan.vue | 3 +- .../Rekap/MonalisaGR_JumlahKaliGangguan.vue | 3 +- .../Gangguan/Rekap/MonalisaGR_LaporUlang.vue | 2 +- .../Rekap/MonalisaGR_RecoveryTimeGangguan.vue | 3 +- .../Rekap/MonalisaGR_ResponseTimeGangguan.vue | 3 +- .../Rekap/MonalisaKR_JumlahKaliKeluhan.vue | 3 +- .../Rekap/MonalisaKR_RecoveryTimeKeluhan.vue | 3 +- .../Bulanan/MonalisaLB_AgingComplaint.vue | 3 +- .../Bulanan/MonalisaLB_EnergyNotSales.vue | 4 +- .../Bulanan/MonalisaLB_KADDalamPelaporan.vue | 3 +- .../MonalisaLB_PenurunanJumlahKomplain.vue | 2 +- .../Kumulatif/MonalisaLK_AgingComplaint.vue | 3 +- .../Kumulatif/MonalisaLK_EnergyNotSales.vue | 13 +- .../Kumulatif/MonalisaLK_KDADPelaporan.vue | 92 ++--- .../MonalisaLK_PenurunanJumlahKomplain.vue | 3 +- 54 files changed, 731 insertions(+), 489 deletions(-) diff --git a/src/components/Pages/Cico/LaporanCICO.vue b/src/components/Pages/Cico/LaporanCICO.vue index a8570a6..4b7d30e 100755 --- a/src/components/Pages/Cico/LaporanCICO.vue +++ b/src/components/Pages/Cico/LaporanCICO.vue @@ -56,6 +56,7 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter' import { saveAs } from 'file-saver' import { Workbook } from 'exceljs' import Filters from '@/components/Form/Filters.vue' +import { Type1 } from '@/components/Form/FiltersType' import { useQuery } from '@vue/apollo-composable' import { queries } from '@/utils/api/api.graphql' const position = { of: '#data' } @@ -137,5 +138,4 @@ const { onResult, onError, loading, refetch } = useQuery(queries.cico.laporanChe }) const filters = ref() - -@/utils/api/graphql \ No newline at end of file + \ No newline at end of file diff --git a/src/components/Pages/Gangguan/Daftar/DGangguan_BM.vue b/src/components/Pages/Gangguan/Daftar/DGangguan_BM.vue index 2711418..88293e6 100755 --- a/src/components/Pages/Gangguan/Daftar/DGangguan_BM.vue +++ b/src/components/Pages/Gangguan/Daftar/DGangguan_BM.vue @@ -86,6 +86,7 @@ import { } from 'devextreme-vue/data-grid' import { useQuery } from '@vue/apollo-composable' import { dummyData } from '@/utils/dummy' +import { queries } from '@/utils/api/api.graphql' const position = { of: '#data' } const showIndicator = ref(true) @@ -93,7 +94,7 @@ const shading = ref(true) const showPane = ref(true) const data = ref([]) -const { onResult, onErr or, loading, refetch } = useQuery(qu eries.gangguan.daftar.berdasarkanMedia, { +const { onResult, onError, loading, refetch } = useQuery(queries.gangguan.daftar.berdasarkanMedia, { dateFrom: new Date().toISOString().slice(0, 10), dateTo: new Date().toISOString().slice(0, 10), posko: 0, @@ -134,5 +135,4 @@ const filters = ref() onMounted(() => { data.value = dummyData.gangguan.daftar.daftarGangguanBerdasarkanMedia }) - -@/utils/api/graphql \ No newline at end of file + \ No newline at end of file diff --git a/src/components/Pages/Gangguan/Daftar/DGangguan_DKPL.vue b/src/components/Pages/Gangguan/Daftar/DGangguan_DKPL.vue index 2afa14e..948ac1d 100755 --- a/src/components/Pages/Gangguan/Daftar/DGangguan_DKPL.vue +++ b/src/components/Pages/Gangguan/Daftar/DGangguan_DKPL.vue @@ -203,7 +203,7 @@ import InputText from '@/components/InputText.vue' import { useQuery } from '@vue/apollo-composable' import { queries } from '@/utils/api/api.graphql' import { dummyData } from '@/utils/dummy' -impo rt { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter' +import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter' const position = { of: '#dataTable' } const showIndicator = ref(true) @@ -354,5 +354,4 @@ const filters = ref() onMounted(() => { data.value = dummyData.gangguan.daftar.dialihkanKePoskoLain }) - -@/utils/api/graphql \ No newline at end of file + \ No newline at end of file diff --git a/src/components/Pages/Gangguan/Daftar/DGangguan_DMAPKT.vue b/src/components/Pages/Gangguan/Daftar/DGangguan_DMAPKT.vue index 8eba36c..90f2347 100755 --- a/src/components/Pages/Gangguan/Daftar/DGangguan_DMAPKT.vue +++ b/src/components/Pages/Gangguan/Daftar/DGangguan_DMAPKT.vue @@ -86,15 +86,16 @@ import { } from 'devextreme-vue/data-grid' import { useQuery } from '@vue/apollo-composable' import { dummyData } from '@/utils/dummy' +import { queries } from '@/utils/api/api.graphql' const position = { of: '#data' } const showIndicator = ref(true) const shading = ref(true) const showPane = ref(true) -const data = ref < a ny[]> ([]) +const data = ref([]) const { onResult, onError, loading, refetch } = useQuery( - q ueries.gangguan.daftar.diselesaikanMobileAPKT, + queries.gangguan.daftar.diselesaikanMobileAPKT, { dateFrom: new Date('2023-10-01').toISOString().slice(0, 10), dateTo: new Date('2023-10-01').toISOString().slice(0, 10), @@ -136,5 +137,4 @@ const filters = ref() onMounted(() => { data.value = dummyData.gangguan.daftar.daftarGangguanDiselesaikanMobileAPKT }) - -@/utils/api/graphql \ No newline at end of file + \ No newline at end of file diff --git a/src/components/Pages/Gangguan/Daftar/DGangguan_MLD1K.vue b/src/components/Pages/Gangguan/Daftar/DGangguan_MLD1K.vue index 48e553f..4f97d1d 100755 --- a/src/components/Pages/Gangguan/Daftar/DGangguan_MLD1K.vue +++ b/src/components/Pages/Gangguan/Daftar/DGangguan_MLD1K.vue @@ -243,5 +243,4 @@ const filterData = (params: any) => { onMounted(() => { data.value = dummyData.gangguan.daftar.melaporLebihDariSatuKali }) - -@/utils/api/graphql \ No newline at end of file + \ No newline at end of file diff --git a/src/components/Pages/Gangguan/Daftar/DGangguan_RecoveryTime.vue b/src/components/Pages/Gangguan/Daftar/DGangguan_RecoveryTime.vue index 7aa76ca..740c438 100755 --- a/src/components/Pages/Gangguan/Daftar/DGangguan_RecoveryTime.vue +++ b/src/components/Pages/Gangguan/Daftar/DGangguan_RecoveryTime.vue @@ -196,7 +196,7 @@ import { queries } from '@/utils/api/api.graphql' import { dummyData } from '@/utils/dummy' const position = { of: '#data' } -cons t showIndicator = ref(true) +const showIndicator = ref(true) const shading = ref(true) const showPane = ref(true) const data = ref([]) @@ -213,31 +213,33 @@ const showData = () => showDetail.value = true const closeDetail = () => showDetail.value = false const filterData = (params: any) => { - const { minT maxTime, posko, uid, up3 } = params - console.t(param + const { minTime, maxTime, posko, uid, up3 } = params + console.table(params); + const dateValue = params.periode.split(' s/d ') - refetch(dateFrom: dateValue[0] - ? dateValue[0].sp '-').r se().join('-') + refetch({ + dateFrom: dateValue[0] + ? dateValue[0].split('-').reverse().join('-') + : new Date().toISOString().slice(0, 10), + dateTo: dateValue[1] + ? dateValue[1].split('-').reverse().join('-') : new Date().toISOString().slice(0, 10), - dateTo: dateValue[1] - ? dateValue[1].split('-').reverse().join('-') - : new Date().toISOString().slice(0, 10), minDurasiRecoveryTime: minTime ? minTime : 0, - maxDurasiRecoveryTime: maxTime ? maxTime : 1, - posko: posko ? posko.id : 0, - idUid: uid ? uid.id : 0, - idUp3: up3 ? up3.id : 0 + maxDurasiRecoveryTime: maxTime ? maxTime : 1, + posko: posko ? posko.id : 0, + idUid: uid ? uid.id : 0, + idUp3: up3 ? up3.id : 0 + }) + onResult((queryResult) => { + if (queryResult.data != undefined) { + data.value = queryResult.data.daftarGangguanRecoveryTime + } + console.log(queryResult.loading) + console.log(queryResult.networkStatus) + }) + onError((error) => { + console.log(error) }) -onResult((queryResult) => { - if (queryResult.data != undefined) { - data.value = queryResult.data.daftarGangguanRecoveryTime - } - console.log(queryResult.loading) - console.log(queryResult.networkStatus) -}) -onError((error) => { - console.log(error) -}) } @@ -256,4 +258,3 @@ onMounted(() => { data.value = dummyData.gangguan.daftar.gangguanRecoveryTime }) -@/utils/api/graphql \ No newline at end of file diff --git a/src/components/Pages/Gangguan/Daftar/DGangguan_ResponseTime.vue b/src/components/Pages/Gangguan/Daftar/DGangguan_ResponseTime.vue index 9d9f5bb..8071818 100755 --- a/src/components/Pages/Gangguan/Daftar/DGangguan_ResponseTime.vue +++ b/src/components/Pages/Gangguan/Daftar/DGangguan_ResponseTime.vue @@ -182,14 +182,14 @@ import { queries } from '@/utils/api/api.graphql' import { dummyData } from '@/utils/dummy' const position = { of: '#data' } -cons t showIndicator = ref(true) +const showIndicator = ref(true) const shading = ref(true) const showPane = ref(true) const data = ref([]) const dataDetail = ref({}) const showDetail = ref(false) -const onSelectionChanged = ({ selected RowsData }: any) => { +const onSelectionChanged = ({ selectedRowsData }: any) => { const data = selectedRowsData[0] dataDetail.value = data } @@ -203,27 +203,27 @@ const filterData = (params: any) => { const dateValue = params.periode.split(' s/d ') refetch({ dateFrom: dateValue[0] - ? dateVa 0].split('-').reverse().join('-') - : new Da.toISO ng().slice(0, 10), - dateTo: dateValue[1] - ? dateValue split('-').reverse().join('-') - : new Date(ISOStr).slice(0, 10), - minDurasiResponseTime: minTime ? minTime : 0, + ? dateValue[0].split('-').reverse().join('-') + : new Date().toISOString().slice(0, 10), + dateTo: dateValue[1] + ? dateValue[1].split('-').reverse().join('-') + : new Date().toISOString().slice(0, 10), + minDurasiResponseTime: minTime ? minTime : 0, maxDurasiResponseTime: maxTime ? maxTime : 1, - posko: posko ? posko.id : 0, - idUid: uid ? uid.id : 0, - idUp3: up3 ? up3.id : 0 + posko: posko ? posko.id : 0, + idUid: uid ? uid.id : 0, + idUp3: up3 ? up3.id : 0 + }) + onResult((queryResult) => { + if (queryResult.data != undefined) { + data.value = queryResult.data.daftarGangguanResponseTime + } + console.log(queryResult.loading) + console.log(queryResult.networkStatus) + }) + onError((error) => { + console.log(error) }) -onResult((queryResult) => { - if (queryResult.data != undefined) { - data.value = queryResult.data.daftarGangguanResponseTime - } - console.log(queryResult.loading) - console.log(queryResult.networkStatus) -}) -onError((error) => { - console.log(error) -}) } const { onResult, onError, loading, refetch } = useQuery(queries.gangguan.daftar.responseTime, { @@ -241,4 +241,3 @@ onMounted(() => { data.value = dummyData.gangguan.daftar.gangguanResponseTime }) -@/utils/api/graphql \ No newline at end of file diff --git a/src/components/Pages/Gangguan/Daftar/DGangguan_STIDP.vue b/src/components/Pages/Gangguan/Daftar/DGangguan_STIDP.vue index c810810..203eaab 100755 --- a/src/components/Pages/Gangguan/Daftar/DGangguan_STIDP.vue +++ b/src/components/Pages/Gangguan/Daftar/DGangguan_STIDP.vue @@ -70,14 +70,13 @@ -@/utils/api/graphql \ No newline at end of file diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_AlihPosko.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_AlihPosko.vue index 699b738..6175d92 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_AlihPosko.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_AlihPosko.vue @@ -85,10 +85,10 @@ 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/apoll o-composable' +import { useQuery } from '@vue/apollo-composable' import { queries } from '@/utils/api/api.graphql' -import { dummyData } from "@/ut " -import { formatNumber, isNumber } from '@/utils /numbers' +import { dummyData } from '@/utils/dummy' +import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers' const position = { of: '#data' } const showIndicator = ref(true) @@ -169,5 +169,4 @@ const filters = ref() onMounted(() => { data.value = dummyData.gangguan.rekap.rekapitulasiGangguanAlihPosko }) - -@/utils/api/graphql \ No newline at end of file + \ No newline at end of file diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_BerdasarMedia.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_BerdasarMedia.vue index fa05cc5..892fafa 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_BerdasarMedia.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_BerdasarMedia.vue @@ -91,12 +91,14 @@ import { saveAs } from 'file-saver' import { Workbook } from 'exceljs' import { useQuery } from '@vue/apollo-composable' import { queries } from '@/utils/api/api.graphql' -import { formatPercentage, isNumber } from '@/utils/numbers' +import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers' +import { dummyData } from '@/utils/dummy' const position = { of: '#data' } -const showIndicator = -const shading = ref(true) wPane = ref(true) -const onExpo rting = (e: any) => { +const showIndicator = ref(true) +const shading = ref(true) +const showPane = ref(true) +const onExporting = (e: any) => { if (e.format === 'pdf') { const doc = new jsPDF() @@ -172,5 +174,4 @@ const filters = ref() onMounted(() => { data.value = dummyData.gangguan.rekap.rekapitulasiGangguanBerdasarkanMedia }) - -@/utils/api/graphql \ No newline at end of file + \ No newline at end of file diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_CTTM.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_CTTM.vue index b1d2450..26c7a41 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_CTTM.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_CTTM.vue @@ -143,5 +143,4 @@ const filterData = (params: any) => { }) } const filters = ref() - -@/utils/api/graphql \ No newline at end of file + \ No newline at end of file diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_DMAPKT.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_DMAPKT.vue index d750b38..d42873b 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_DMAPKT.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_DMAPKT.vue @@ -180,86 +180,85 @@ import { import { jsPDF } from 'jspdf' import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter' import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter' -import { saveAs } from 'file-save r' -import { Workbook } from 'exceljs ' -import { useQuery } from '@vue/apo llo-composable' +import { saveAs } from 'file-saver' +import { Workbook } from 'exceljs' +import { useQuery } from '@vue/apollo-composable' import { queries } from '@/utils/api/api.graphql' -const position = { - of: '#data showIndicator = ref(true) - ing = ref(true) +const position = { of: '#data' } +const showIndicator = ref(true) +const shading = ref(true) const showPane = ref(true) const onExporting = (e: any) => { - if (e.format === 'pdf') { - const doc = new jsPDF() + if (e.format === 'pdf') { + const doc = new jsPDF() - exportToPdf({ - jsPDFDocument: doc, - component: e.component, - indent: 5 - }).then(() => { - doc.save(`.pdf`) + exportToPdf({ + jsPDFDocument: doc, + component: e.component, + indent: 5 + }).then(() => { + doc.save(`.pdf`) + }) + } 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') }) - } 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 - } + e.cancel = true } +} const onSelectionChanged = ({ selectedRowsData }: any) => { - const data = selectedRowsData[0] - console.log(data) - } + const data = selectedRowsData[0] + console.log(data) +} const data = ref([]) const { onResult, onError, loading, refetch } = useQuery( - queries.gangguan.rekap.gangguanDiselesaikanMobileAPKT, - { - dateFrom: new Date('2023-10-01').toISOString().slice(0, 10), - dateTo: new Date('2023-10-01').toISOString().slice(0, 10), - posko: 0, - idUid: 0, - idUp3: 0 - } - ) -const filterData = (params: any) => { - const dateValue = params.periode.split(' s/d ') - const { posko, uid, up3 } = params - refetch({ - dateFrom: dateValue[0] - ? dateValue[0].split('-').reverse().join('-') - : new Date().toISOString().slice(0, 10), - dateTo: dateValue[1] - ? dateValue[1].split('-').reverse().join('-') - : new Date().toISOString().slice(0, 10), - posko: posko ? posko.id : 0, - idUid: uid ? uid.id : 0, - idUp3: up3 ? up3.id : 0 - }) - const filters = useFiltersStore() - - onResult((queryResult) => { - if (queryResult.data != undefined) { - data.value = queryResult.data.rekapitulasiGangguanDiselesaikanMobileAPKT - } - console.log(queryResult.data) - console.log(queryResult.loading) - console.log(queryResult.networkStatus) - }) - onError((error) => { - console.log(error) - }) + queries.gangguan.rekap.gangguanDiselesaikanMobileAPKT, + { + dateFrom: new Date('2023-10-01').toISOString().slice(0, 10), + dateTo: new Date('2023-10-01').toISOString().slice(0, 10), + posko: 0, + idUid: 0, + idUp3: 0 } +) +const filterData = (params: any) => { + const dateValue = params.periode.split(' s/d ') + const { posko, uid, up3 } = params + refetch({ + dateFrom: dateValue[0] + ? dateValue[0].split('-').reverse().join('-') + : new Date().toISOString().slice(0, 10), + dateTo: dateValue[1] + ? dateValue[1].split('-').reverse().join('-') + : new Date().toISOString().slice(0, 10), + posko: posko ? posko.id : 0, + idUid: uid ? uid.id : 0, + idUp3: up3 ? up3.id : 0 + }) + const filters = useFiltersStore() + + onResult((queryResult) => { + if (queryResult.data != undefined) { + data.value = queryResult.data.rekapitulasiGangguanDiselesaikanMobileAPKT + } + console.log(queryResult.data) + console.log(queryResult.loading) + console.log(queryResult.networkStatus) + }) + onError((error) => { + console.log(error) + }) +} const filters = ref() - -@/utils/api/graphql \ No newline at end of file + \ No newline at end of file diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguan.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguan.vue index 4bcd1c9..8496896 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguan.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguan.vue @@ -172,6 +172,9 @@ import { 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 { queries } from '@/utils/api/api.graphql' import { dummyData } from '@/utils/dummy' import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers' @@ -344,4 +347,3 @@ onMounted(() => { ) }) -@/utils/api/graphql \ No newline at end of file diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguanSE.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguanSE.vue index f17a003..9e31081 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguanSE.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguanSE.vue @@ -124,6 +124,7 @@ import { DxSearchPanel, DxSelection } 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' @@ -132,16 +133,16 @@ import { Workbook } from 'exceljs' import { useQuery } from '@vue/apollo-composable' import { queries } from '@/utils/api/api.graphql' import { dummyData } from '@/utils/dummy' -import { formatNumber, formatPercentage, isNumber } from '@/utils/n umbers' -const position = { of: '#dat a' } +import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers' +const position = { of: '#data' } const showIndicator = ref(true) const shading = ref(true) const showPane = ref(true) const data = ref([]) -cons ing = (e: any) => { - if ( == 'pdf') { - const doc = ne w jsPDF() +const onExporting = (e: any) => { + if (e.format === 'pdf') { + const doc = new jsPDF() exportToPdf({ jsPDFDocument: doc, @@ -212,4 +213,3 @@ onMounted(() => { data.value = dummyData.gangguan.rekap.rekapitulasiJenisGangguanSE004 }) -@/utils/api/graphql \ No newline at end of file diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_KTI.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_KTI.vue index 3ab1114..b1c5473 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_KTI.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_KTI.vue @@ -147,5 +147,4 @@ const filterData = (params: any) => { }) } const filters = ref() - -@/utils/api/graphql \ No newline at end of file + \ No newline at end of file diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_PerPosko.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_PerPosko.vue index 6e00241..8d6784f 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_PerPosko.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_PerPosko.vue @@ -205,12 +205,11 @@ 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/apo llo-composable' -import { queries } from f +import { Workbook } from 'exceljs' +import { useQuery } from '@vue/apollo-composable' +import { queries } from '@/utils/api/api.graphql' import { dummyData } from '@/utils/dummy' -import { formatNumber, isNumber } from '@ bers' -om '@/utils/api/api.graphql' +import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers' const position = { of: '#data' } const showIndicator = ref(true) @@ -372,4 +371,3 @@ onMounted(() => { }) }) -@/utils/api/graphql \ No newline at end of file diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_PerRegu.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_PerRegu.vue index 1ce2832..bc9585e 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_PerRegu.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_PerRegu.vue @@ -374,5 +374,4 @@ onMounted(() => { } }) }) - -@/utils/api/graphql \ No newline at end of file + \ No newline at end of file diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_PerTanggal.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_PerTanggal.vue index 7f015b6..3a9fc5c 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_PerTanggal.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_PerTanggal.vue @@ -211,5 +211,4 @@ const filters = ref({ groupBy: false }) onMounted(() => { data.value = dummyData.gangguan.rekap.rekapitulasiGangguanPerTanggal }) - -@/utils/api/graphql \ No newline at end of file + \ No newline at end of file diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_RatingPerPosko.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_RatingPerPosko.vue index 11545bd..296df1e 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_RatingPerPosko.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_RatingPerPosko.vue @@ -195,5 +195,4 @@ const filterData = (params: any) => { }) } const filters = ref() - -@/utils/api/graphql \ No newline at end of file + \ No newline at end of file diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_RatingPerRegu.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_RatingPerRegu.vue index b43c529..aec1e6c 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_RatingPerRegu.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_RatingPerRegu.vue @@ -161,5 +161,4 @@ const filterData = (params: any) => { }) } const filters = ref() - -@/utils/api/graphql \ No newline at end of file + \ No newline at end of file diff --git a/src/components/Pages/Keluhan/Daftar/DKeluhan_BerdasarMedia.vue b/src/components/Pages/Keluhan/Daftar/DKeluhan_BerdasarMedia.vue index 5dc97c6..80a1d0b 100755 --- a/src/components/Pages/Keluhan/Daftar/DKeluhan_BerdasarMedia.vue +++ b/src/components/Pages/Keluhan/Daftar/DKeluhan_BerdasarMedia.vue @@ -157,22 +157,22 @@ import { formatWaktu } from '@/components/Form/FiltersType/reference' import { ref } from 'vue' import { DxDataGrid } from 'devextreme-vue' import { - DxColumn, - DxColumnFixing, - DxExport, - DxLoadPanel, - DxPager, - DxPaging, - DxSearchPanel, - DxSelection + DxColumn, + DxColumnFixing, + DxExport, + DxLoadPanel, + DxPager, + DxPaging, + DxSearchPanel, + DxSelection } 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 f +import { saveAs } from 'file-saver' import { Workbook } from 'exceljs' +import { useQuery } from '@vue/apollo-composable' import { queries } from '@/utils/api/api.graphql' -om 'file-saver' -im port { useQuery } from '@vue/apollo-composable' const position = { of: '#data' } const showIndicator = ref(true) @@ -182,18 +182,23 @@ const dataDetail = ref() const showDetail = ref(false) const closeDetail = () => { -value = false + showDetail.value = false } const showData = () => { - lue = true + showDetail.value = true } -const onSelectionChanged = ({ sele : any) taDetail.value = sta[0] +const onSelectionChanged = ({ selectedRowsData }: any) => { + dataDetail.value = selectedRowsData[0] console.log(selectedRowsData[0]) } - ting = (e: any) => { - if (e.format === 'pdf') { = new exportToPdf({ + +const onExporting = (e: any) => { + if (e.format === 'pdf') { + const doc = new jsPDF() + + exportToPdf({ jsPDFDocument: doc, component: e.component, indent: 5 @@ -258,4 +263,3 @@ const filterData = (params: any) => { const filters = ref() -@/utils/api/graphql \ No newline at end of file diff --git a/src/components/Pages/Keluhan/Daftar/DKeluhan_DKUL.vue b/src/components/Pages/Keluhan/Daftar/DKeluhan_DKUL.vue index 2918e1e..d9b34d3 100755 --- a/src/components/Pages/Keluhan/Daftar/DKeluhan_DKUL.vue +++ b/src/components/Pages/Keluhan/Daftar/DKeluhan_DKUL.vue @@ -88,14 +88,14 @@ import { formatWaktu } from '@/components/Form/FiltersType/reference' import { onMounted, ref } from 'vue' import { DxDataGrid } from 'devextreme-vue' import { - DxColumn, - DxColumnFixing, - DxExport, - DxLoadPanel, - DxPager, - DxPaging, - DxSearchPanel, - DxSelection + DxColumn, + DxColumnFixing, + DxExport, + DxLoadPanel, + DxPager, + DxPaging, + DxSearchPanel, + DxSelection } from 'devextreme-vue/data-grid' import { jsPDF } from 'jspdf' import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter' @@ -192,5 +192,4 @@ const filters = ref() onMounted(() => { data.value = dummyData.keluhan.daftar.daftarKeluhanDialihkanKeUnitLain }) - -@/utils/api/graphql \ No newline at end of file + \ No newline at end of file diff --git a/src/components/Pages/Keluhan/Daftar/DKeluhan_PLD1K.vue b/src/components/Pages/Keluhan/Daftar/DKeluhan_PLD1K.vue index 76ef5ae..5a21f6e 100755 --- a/src/components/Pages/Keluhan/Daftar/DKeluhan_PLD1K.vue +++ b/src/components/Pages/Keluhan/Daftar/DKeluhan_PLD1K.vue @@ -161,26 +161,27 @@ import { formatWaktu } from '@/components/Form/FiltersType/reference' import { ref } from 'vue' import { DxDataGrid } from 'devextreme-vue' import { - DxColumn, - DxColumnFixing, - DxExport, - DxLoadPanel, - DxPager, - DxPaging, - DxSearchPanel, - DxSelection + DxColumn, + DxColumnFixing, + DxExport, + DxLoadPanel, + DxPager, + DxPaging, + DxSearchPanel, + DxSelection } 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 'fil e-saver' -import { Workbook } from 'e xceljs' -import { useQuery } from '@v ue/apollo-composable' +import { saveAs } from 'file-saver' +import { Workbook } from 'exceljs' +import { useQuery } from '@vue/apollo-composable' import { queries } from '@/utils/api/api.graphql' -const position = { of: -const showIndicator = ref st shading = ref(true) -const s howPane = ref(true) +const position = { of: '#data' } +const showIndicator = ref(true) +const shading = ref(true) +const showPane = ref(true) const dataDetail = ref() const showDetail = ref(false) diff --git a/src/components/Pages/Keluhan/Daftar/DKeluhan_RecoveryTime.vue b/src/components/Pages/Keluhan/Daftar/DKeluhan_RecoveryTime.vue index 82a07df..9df330a 100755 --- a/src/components/Pages/Keluhan/Daftar/DKeluhan_RecoveryTime.vue +++ b/src/components/Pages/Keluhan/Daftar/DKeluhan_RecoveryTime.vue @@ -87,16 +87,16 @@

Response Time:

Recovery Time:

@@ -164,6 +164,7 @@ import { } 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' @@ -176,16 +177,22 @@ const showPane = ref(true) const dataDetail = ref() const showDetail = ref(false) -const closeDetai showDetail.value = false +const closeDetail = () => { + showDetail.value = false } -const showData howDetail.value = true +const showData = () => { + showDetail.value = true } -const onSelectionChang edRows y) => { - dataDetalectedRowsData[0] - console.log(selectedRow onst onExporting = (e: any) => { - if (e.format con ew jsPDF() +const onSelectionChanged = ({ selectedRowsData }: any) => { + dataDetail.value = selectedRowsData[0] + console.log(selectedRowsData[0]) +} + +const onExporting = (e: any) => { + if (e.format === 'pdf') { + const doc = new jsPDF() exportToPdf({ jsPDFDocument: doc, @@ -200,16 +207,16 @@ const onSelectionChang edRows y) => { exportToExcel({ component: e.component, - worksheet, - autoFilterEnabled: true - }).then(() => { - workbook.xlsx.writeBuffer().then((buffer: any) => { - saveAs(new Blob([buffer], { type: 'application/octet-stream' }), 'DataGrid.xlsx') + worksheet, + autoFilterEnabled: true + }).then(() => { + workbook.xlsx.writeBuffer().then((buffer: any) => { + saveAs(new Blob([buffer], { type: 'application/octet-stream' }), 'DataGrid.xlsx') + }) }) - }) - e.cancel = true -} + e.cancel = true + } } const data = ref([]) diff --git a/src/components/Pages/Keluhan/Daftar/DKeluhan_ResponseTime.vue b/src/components/Pages/Keluhan/Daftar/DKeluhan_ResponseTime.vue index ee906eb..8ceb937 100755 --- a/src/components/Pages/Keluhan/Daftar/DKeluhan_ResponseTime.vue +++ b/src/components/Pages/Keluhan/Daftar/DKeluhan_ResponseTime.vue @@ -87,16 +87,16 @@

Response Time:

Recovery Time:

@@ -164,8 +164,10 @@ import { } from 'devextreme-vue/data-grid' import { jsPDF } from 'jspdf' import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter' -import { saveAs } from 'fil e-saver' +import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter' +import { saveAs } from 'file-saver' import { Workbook } from 'exceljs' +import { useQuery } from '@vue/apollo-composable' import { queries } from '@/utils/api/api.graphql' const position = { of: '#data' } @@ -179,16 +181,22 @@ const closeDetail = () => { showDetail.value = false } -const showData = () tail.value = true +const showData = () => { + showDetail.value = true } -const onSelectionChang edRowsData }: any) => { - dataDetail.value = sel 0] - c(selectedRowsData[onExporting = (e: any) => { - if (e.format const doc = new jsPDF() +const onSelectionChanged = ({ selectedRowsData }: any) => { + dataDetail.value = selectedRowsData[0] + console.log(selectedRowsData[0]) +} + +const onExporting = (e: any) => { + if (e.format === 'pdf') { + const doc = new jsPDF() exportToPdf({ - ent: d component: e.component, + jsPDFDocument: doc, + component: e.component, indent: 5 }).then(() => { doc.save(`.pdf`) @@ -199,16 +207,16 @@ const onSelectionChang edRowsData }: any) => { exportToExcel({ component: e.component, - worksheet, - autoFilterEnabled: true - }).then(() => { - workbook.xlsx.writeBuffer().then((buffer: any) => { - saveAs(new Blob([buffer], { type: 'application/octet-stream' }), 'DataGrid.xlsx') + worksheet, + autoFilterEnabled: true + }).then(() => { + workbook.xlsx.writeBuffer().then((buffer: any) => { + saveAs(new Blob([buffer], { type: 'application/octet-stream' }), 'DataGrid.xlsx') + }) }) - }) - e.cancel = true -} + e.cancel = true + } } const data = ref([]) diff --git a/src/components/Pages/Keluhan/Daftar/DKeluhan_STIDP.vue b/src/components/Pages/Keluhan/Daftar/DKeluhan_STIDP.vue index e7c2544..c128a40 100755 --- a/src/components/Pages/Keluhan/Daftar/DKeluhan_STIDP.vue +++ b/src/components/Pages/Keluhan/Daftar/DKeluhan_STIDP.vue @@ -154,18 +154,20 @@ import { formatWaktu } from '@/components/Form/FiltersType/reference' import { ref } from 'vue' import { DxDataGrid } from 'devextreme-vue' import { - DxColumn, - DxColumnFixing, - DxExport, - DxLoadPanel, - DxPager, - DxPaging, - DxSearchPanel, - DxSelection + DxColumn, + DxColumnFixing, + DxExport, + DxLoadPanel, + DxPager, + DxPaging, + DxSearchPanel, + DxSelection } 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 'e xceljs' +import { Workbook } from 'exceljs' import { useQuery } from '@vue/apollo-composable' import { queries } from '@/utils/api/api.graphql' @@ -176,16 +178,22 @@ const showPane = ref(true) const dataDetail = ref() const showDetail = ref(false) -const closeDetail howDetail.value = false +const closeDetail = () => { + showDetail.value = false } -const showData = wDetail.value = true +const showData = () => { + showDetail.value = true } -const onSelectionChanged RowsDa => { - dataDetailctedRowsData[0] - console.log(selectedRowsD st onExporting = (e: any) => { - if (e.format == const jsPDF() +const onSelectionChanged = ({ selectedRowsData }: any) => { + dataDetail.value = selectedRowsData[0] + console.log(selectedRowsData[0]) +} + +const onExporting = (e: any) => { + if (e.format === 'pdf') { + const doc = new jsPDF() exportToPdf({ jsPDFDocument: doc, @@ -252,4 +260,3 @@ const filterData = (params: any) => { const filters = ref() -@/utils/api/graphql \ No newline at end of file diff --git a/src/components/Pages/Keluhan/Daftar/DKeluhan_SelesaiCC.vue b/src/components/Pages/Keluhan/Daftar/DKeluhan_SelesaiCC.vue index f78b197..62b3367 100755 --- a/src/components/Pages/Keluhan/Daftar/DKeluhan_SelesaiCC.vue +++ b/src/components/Pages/Keluhan/Daftar/DKeluhan_SelesaiCC.vue @@ -63,26 +63,27 @@ import Type3 from '@/components/Form/FiltersType/Type3.vue' import { ref } from 'vue' import { DxDataGrid } from 'devextreme-vue' import { - DxColumn, - DxColumnFixing, - DxExport, - DxLoadPanel, - DxPager, - DxPaging, - DxSearchPanel, - DxSelection + DxColumn, + DxColumnFixing, + DxExport, + DxLoadPanel, + DxPager, + DxPaging, + DxSearchPanel, + DxSelection } 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 { queries } from '@/utils/api/api.graphql' const position = { of: '#data' } -const sh owIndicator = ref(true) +const showIndicator = ref(true) const shading = ref(true) -cons t showPane = ref(true) +const showPane = ref(true) const onExporting = (e: any) => { if (e.format === 'pdf') { const doc = new jsPDF() @@ -103,16 +104,23 @@ const onExporting = (e: any) => { worksheet, autoFilterEnabled: true }).then(() => { - workbook.xlsx.writeBuffer().then((buf{ - saveAs(new Blob([buffer], { type: octet-stream' }), 'DataGrid.xlsx') + workbook.xlsx.writeBuffer().then((buffer: any) => { + saveAs(new Blob([buffer], { type: 'application/octet-stream' }), 'DataGrid.xlsx') }) - el = t -const onSelectionselectedRowsData }: any) => { - const data Data[0] + }) + + e.cancel = true + } +} + +const onSelectionChanged = ({ selectedRowsData }: any) => { + const data = selectedRowsData[0] console.log(data) } -const data = ref< nst { onError, loading, refetch } = useQuery(queries.keluhan.daftar.keluhanDiselesaikanCC123, { +const data = ref([]) + +const { onResult, onError, loading, refetch } = useQuery(queries.keluhan.daftar.keluhanDiselesaikanCC123, { dateFrom: new Date('2023-10-01').toISOString().slice(0, 10), dateTo: new Date('2023-10-01').toISOString().slice(0, 10), idUlp: 0, diff --git a/src/components/Pages/Keluhan/Rekap/RKeluhan_ALL.vue b/src/components/Pages/Keluhan/Rekap/RKeluhan_ALL.vue index 383d858..a7e335e 100755 --- a/src/components/Pages/Keluhan/Rekap/RKeluhan_ALL.vue +++ b/src/components/Pages/Keluhan/Rekap/RKeluhan_ALL.vue @@ -205,13 +205,13 @@ import Type3 from '@/components/Form/FiltersType/Type3.vue' import { ref } from 'vue' import { DxDataGrid } from 'devextreme-vue' import { - DxColumn, - DxColumnFixing, - DxExport, - DxLoadPanel, DxPaging, - DxScrolling, - DxSearchPanel, - DxSelection + DxColumn, + DxColumnFixing, + DxExport, + DxLoadPanel, DxPaging, + DxScrolling, + DxSearchPanel, + DxSelection } from 'devextreme-vue/data-grid' import { jsPDF } from 'jspdf' import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter' @@ -315,5 +315,4 @@ const filterData = (params: any) => { console.log(error) }) } - -@/utils/api/graphql \ No newline at end of file + \ No newline at end of file diff --git a/src/components/Pages/Keluhan/Rekap/RKeluhan_BerdasarMedia.vue b/src/components/Pages/Keluhan/Rekap/RKeluhan_BerdasarMedia.vue index 5a8bf67..b2c9f8e 100755 --- a/src/components/Pages/Keluhan/Rekap/RKeluhan_BerdasarMedia.vue +++ b/src/components/Pages/Keluhan/Rekap/RKeluhan_BerdasarMedia.vue @@ -73,7 +73,7 @@ const shading = ref(true) const showPane = ref(true) const onExporting = (e: any) => { if (e.format === 'pdf') { - const d oc = new jsPDF() + const doc = new jsPDF() exportToPdf({ jsPDFDocument: doc, diff --git a/src/components/Pages/Keluhan/Rekap/RKeluhan_PerFungsiBidang.vue b/src/components/Pages/Keluhan/Rekap/RKeluhan_PerFungsiBidang.vue index 0750eaa..14d9bc9 100755 --- a/src/components/Pages/Keluhan/Rekap/RKeluhan_PerFungsiBidang.vue +++ b/src/components/Pages/Keluhan/Rekap/RKeluhan_PerFungsiBidang.vue @@ -1,25 +1,58 @@