From ce38a5711ce41bd217caa0baadfb4d53fe2787f7 Mon Sep 17 00:00:00 2001 From: Dede Fuji Abdul Date: Thu, 7 Mar 2024 22:01:44 +0700 Subject: [PATCH] change file name and directory network.ts n graphql --- src/components/Form/FiltersType/reference.ts | 2 +- src/components/Pages/Cico/LaporanCICO.vue | 4 +- .../Pages/Gangguan/Daftar/DGangguan_BM.vue | 4 +- .../Pages/Gangguan/Daftar/DGangguan_DKPL.vue | 5 +- .../Gangguan/Daftar/DGangguan_DMAPKT.vue | 6 +- .../Pages/Gangguan/Daftar/DGangguan_MLD1K.vue | 3 +- .../Daftar/DGangguan_RecoveryTime.vue | 49 +- .../Daftar/DGangguan_ResponseTime.vue | 45 +- .../Pages/Gangguan/Daftar/DGangguan_STIDP.vue | 35 +- .../Pages/Gangguan/Rekap/RGangguan_ALL.vue | 4 +- .../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 | 6 +- .../Rekap/RGangguan_JenisGangguanSE.vue | 14 +- .../Pages/Gangguan/Rekap/RGangguan_KTI.vue | 3 +- .../Gangguan/Rekap/RGangguan_PerPosko.vue | 10 +- .../Gangguan/Rekap/RGangguan_PerRegu.vue | 7 +- .../Gangguan/Rekap/RGangguan_PerTanggal.vue | 3 +- .../Rekap/RGangguan_RatingPerPosko.vue | 3 +- .../Rekap/RGangguan_RatingPerRegu.vue | 3 +- .../Keluhan/Daftar/DKeluhan_BerdasarMedia.vue | 285 +++------ .../Pages/Keluhan/Daftar/DKeluhan_DKUL.vue | 19 +- .../Pages/Keluhan/Daftar/DKeluhan_PLD1K.vue | 279 +++------ .../Keluhan/Daftar/DKeluhan_RecoveryTime.vue | 265 +++------ .../Keluhan/Daftar/DKeluhan_ResponseTime.vue | 268 +++------ .../Pages/Keluhan/Daftar/DKeluhan_STIDP.vue | 278 +++------ .../Keluhan/Daftar/DKeluhan_SelesaiCC.vue | 242 ++------ .../Pages/Keluhan/Rekap/RKeluhan_ALL.vue | 246 ++------ .../Keluhan/Rekap/RKeluhan_BerdasarMedia.vue | 5 +- .../Rekap/RKeluhan_PerFungsiBidang.vue | 382 +++--------- .../Rekap/RKeluhan_PerJenisKeluhan.vue | 9 +- .../Rekap/RKeluhan_PerKelompokKeluhan.vue | 402 +++---------- .../Keluhan/Rekap/RKeluhan_PerTanggal.vue | 391 +++---------- .../Pages/Keluhan/Rekap/RKeluhan_PerUnit.vue | 544 ++++-------------- .../Keluhan/Rekap/RKeluhan_RatingPerUnit.vue | 21 +- .../MonalisaGR_DispatchingTimeGangguan.vue | 19 +- .../Gangguan/Rekap/MonalisaGR_ENSGangguan.vue | 3 +- .../Rekap/MonalisaGR_GangguanBelumSelesai.vue | 3 +- .../MonalisaGR_GangguanPerJenisGangguan.vue | 3 +- .../MonalisaGR_JumlahDDRPTRCTGangguan.vue | 3 +- .../Rekap/MonalisaGR_JumlahKaliGangguan.vue | 4 +- .../Gangguan/Rekap/MonalisaGR_LaporUlang.vue | 5 +- .../Rekap/MonalisaGR_RecoveryTimeGangguan.vue | 19 +- .../Rekap/MonalisaGR_ResponseTimeGangguan.vue | 19 +- .../Rekap/MonalisaKR_JumlahKaliKeluhan.vue | 3 +- .../Rekap/MonalisaKR_RecoveryTimeKeluhan.vue | 3 +- .../Bulanan/MonalisaLB_AgingComplaint.vue | 20 +- .../Bulanan/MonalisaLB_EnergyNotSales.vue | 23 +- .../Bulanan/MonalisaLB_KADDalamPelaporan.vue | 31 +- .../MonalisaLB_PenurunanJumlahKomplain.vue | 32 +- .../Kumulatif/MonalisaLK_AgingComplaint.vue | 3 +- .../Kumulatif/MonalisaLK_EnergyNotSales.vue | 16 +- .../Kumulatif/MonalisaLK_KDADPelaporan.vue | 96 ++-- .../MonalisaLK_PenurunanJumlahKomplain.vue | 5 +- src/main.ts | 2 +- src/utils/{graphql.ts => api/api.graphql.ts} | 0 src/utils/{network.ts => api/api.rest.ts} | 1 - 59 files changed, 1182 insertions(+), 3137 deletions(-) rename src/utils/{graphql.ts => api/api.graphql.ts} (100%) rename src/utils/{network.ts => api/api.rest.ts} (98%) diff --git a/src/components/Form/FiltersType/reference.ts b/src/components/Form/FiltersType/reference.ts index 3f0f354..528e96a 100755 --- a/src/components/Form/FiltersType/reference.ts +++ b/src/components/Form/FiltersType/reference.ts @@ -1,6 +1,6 @@ import { usePostsStore } from '@/stores/posts' import { useUlpStore } from '@/stores/ulp' -import { getUid, getUp3, getPosko, getUlp, getRegional, getUidRegional } from '@/utils/network' +import { getUid, getUp3, getPosko, getUlp, getRegional, getUidRegional } from '@/utils/api/api.rest' import { ref } from 'vue' interface Item { id: any diff --git a/src/components/Pages/Cico/LaporanCICO.vue b/src/components/Pages/Cico/LaporanCICO.vue index f499260..a8570a6 100755 --- a/src/components/Pages/Cico/LaporanCICO.vue +++ b/src/components/Pages/Cico/LaporanCICO.vue @@ -55,10 +55,9 @@ 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 { Type1 } from '@/components/Form/FiltersType' import Filters from '@/components/Form/Filters.vue' import { useQuery } from '@vue/apollo-composable' -import { queries } from '@/utils/graphql' +import { queries } from '@/utils/api/api.graphql' const position = { of: '#data' } const showIndicator = ref(true) const shading = ref(true) @@ -139,3 +138,4 @@ const { onResult, onError, loading, refetch } = useQuery(queries.cico.laporanChe const filters = ref() +@/utils/api/graphql \ 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 a2f7119..2711418 100755 --- a/src/components/Pages/Gangguan/Daftar/DGangguan_BM.vue +++ b/src/components/Pages/Gangguan/Daftar/DGangguan_BM.vue @@ -85,7 +85,6 @@ import { DxSelection } from 'devextreme-vue/data-grid' import { useQuery } from '@vue/apollo-composable' -import { queries } from '@/utils/graphql' import { dummyData } from '@/utils/dummy' const position = { of: '#data' } @@ -94,7 +93,7 @@ const shading = ref(true) const showPane = ref(true) const data = ref([]) -const { onResult, onError, loading, refetch } = useQuery(queries.gangguan.daftar.berdasarkanMedia, { +const { onResult, onErr or, loading, refetch } = useQuery(qu eries.gangguan.daftar.berdasarkanMedia, { dateFrom: new Date().toISOString().slice(0, 10), dateTo: new Date().toISOString().slice(0, 10), posko: 0, @@ -136,3 +135,4 @@ onMounted(() => { data.value = dummyData.gangguan.daftar.daftarGangguanBerdasarkanMedia }) +@/utils/api/graphql \ 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 e2f08bd..2afa14e 100755 --- a/src/components/Pages/Gangguan/Daftar/DGangguan_DKPL.vue +++ b/src/components/Pages/Gangguan/Daftar/DGangguan_DKPL.vue @@ -196,14 +196,14 @@ import { formatWaktu } from '@/components/Form/FiltersType/reference' import { onMounted, ref } from 'vue' import { jsPDF } from 'jspdf' import autoTable from 'jspdf-autotable' -import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter' import { saveAs } from 'file-saver' import { Workbook } from 'exceljs' import DetailDialog from '@/components/Dialogs/DetailDialog.vue' import InputText from '@/components/InputText.vue' import { useQuery } from '@vue/apollo-composable' -import { queries } from '@/utils/graphql' +import { queries } from '@/utils/api/api.graphql' import { dummyData } from '@/utils/dummy' +impo rt { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter' const position = { of: '#dataTable' } const showIndicator = ref(true) @@ -355,3 +355,4 @@ onMounted(() => { data.value = dummyData.gangguan.daftar.dialihkanKePoskoLain }) +@/utils/api/graphql \ 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 4aae0d7..8eba36c 100755 --- a/src/components/Pages/Gangguan/Daftar/DGangguan_DMAPKT.vue +++ b/src/components/Pages/Gangguan/Daftar/DGangguan_DMAPKT.vue @@ -85,17 +85,16 @@ import { DxSelection } from 'devextreme-vue/data-grid' import { useQuery } from '@vue/apollo-composable' -import { queries } from '@/utils/graphql' import { dummyData } from '@/utils/dummy' const position = { of: '#data' } const showIndicator = ref(true) const shading = ref(true) const showPane = ref(true) -const data = ref([]) +const data = ref < a ny[]> ([]) const { onResult, onError, loading, refetch } = useQuery( - queries.gangguan.daftar.diselesaikanMobileAPKT, + q ueries.gangguan.daftar.diselesaikanMobileAPKT, { dateFrom: new Date('2023-10-01').toISOString().slice(0, 10), dateTo: new Date('2023-10-01').toISOString().slice(0, 10), @@ -138,3 +137,4 @@ onMounted(() => { data.value = dummyData.gangguan.daftar.daftarGangguanDiselesaikanMobileAPKT }) +@/utils/api/graphql \ 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 ee9612c..48e553f 100755 --- a/src/components/Pages/Gangguan/Daftar/DGangguan_MLD1K.vue +++ b/src/components/Pages/Gangguan/Daftar/DGangguan_MLD1K.vue @@ -179,7 +179,7 @@ import { import DetailDialog from '@/components/Dialogs/DetailDialog.vue' import InputText from '@/components/InputText.vue' import { useQuery } from '@vue/apollo-composable' -import { queries } from '@/utils/graphql' +import { queries } from '@/utils/api/api.graphql' import { dummyData } from '@/utils/dummy' import { formatNumber, isNumber } from '@/utils/numbers' @@ -244,3 +244,4 @@ onMounted(() => { data.value = dummyData.gangguan.daftar.melaporLebihDariSatuKali }) +@/utils/api/graphql \ 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 9aaef40..7aa76ca 100755 --- a/src/components/Pages/Gangguan/Daftar/DGangguan_RecoveryTime.vue +++ b/src/components/Pages/Gangguan/Daftar/DGangguan_RecoveryTime.vue @@ -192,11 +192,11 @@ import { DxSelection } from 'devextreme-vue/data-grid' import { useQuery } from '@vue/apollo-composable' -import { queries } from '@/utils/graphql' +import { queries } from '@/utils/api/api.graphql' import { dummyData } from '@/utils/dummy' const position = { of: '#data' } -const showIndicator = ref(true) +cons t showIndicator = ref(true) const shading = ref(true) const showPane = ref(true) const data = ref([]) @@ -213,33 +213,31 @@ const showData = () => showDetail.value = true const closeDetail = () => showDetail.value = false const filterData = (params: any) => { - const { minTime, maxTime, posko, uid, up3 } = params - console.table(params); - + const { minT maxTime, posko, uid, up3 } = params + console.t(param const dateValue = params.periode.split(' s/d ') - refetch({ - dateFrom: dateValue[0] - ? dateValue[0].split('-').reverse().join('-') - : new Date().toISOString().slice(0, 10), - dateTo: dateValue[1] - ? dateValue[1].split('-').reverse().join('-') + refetch(dateFrom: dateValue[0] + ? dateValue[0].sp '-').r se().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 - }) - onResult((queryResult) => { - if (queryResult.data != undefined) { - data.value = queryResult.data.daftarGangguanRecoveryTime - } - console.log(queryResult.loading) - console.log(queryResult.networkStatus) - }) - onError((error) => { - console.log(error) + 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) +}) } @@ -258,3 +256,4 @@ 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 83edf27..9d9f5bb 100755 --- a/src/components/Pages/Gangguan/Daftar/DGangguan_ResponseTime.vue +++ b/src/components/Pages/Gangguan/Daftar/DGangguan_ResponseTime.vue @@ -178,18 +178,18 @@ import { import DetailDialog from '@/components/Dialogs/DetailDialog.vue' import InputText from '@/components/InputText.vue' import { useQuery } from '@vue/apollo-composable' -import { queries } from '@/utils/graphql' +import { queries } from '@/utils/api/api.graphql' import { dummyData } from '@/utils/dummy' const position = { of: '#data' } -const showIndicator = ref(true) +cons t showIndicator = ref(true) const shading = ref(true) const showPane = ref(true) const data = ref([]) const dataDetail = ref({}) const showDetail = ref(false) -const onSelectionChanged = ({ selectedRowsData }: any) => { +const onSelectionChanged = ({ selected RowsData }: 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] - ? 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, + ? 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, maxDurasiResponseTime: 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.daftarGangguanResponseTime - } - console.log(queryResult.loading) - console.log(queryResult.networkStatus) - }) - onError((error) => { - console.log(error) + 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) +}) } const { onResult, onError, loading, refetch } = useQuery(queries.gangguan.daftar.responseTime, { @@ -241,3 +241,4 @@ 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 ed6afc5..c810810 100755 --- a/src/components/Pages/Gangguan/Daftar/DGangguan_STIDP.vue +++ b/src/components/Pages/Gangguan/Daftar/DGangguan_STIDP.vue @@ -70,13 +70,14 @@ +@/utils/api/graphql \ No newline at end of file diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue index d5287e0..116ba70 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue @@ -352,7 +352,7 @@ 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/graphql' +import { queries } from '@/utils/api/api.graphql' import { dummyData } from '@/utils/dummy' import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers' import DetailDialog from '@/components/Dialogs/DetailDialog.vue' @@ -449,4 +449,4 @@ const filters = ref() onMounted(() => { data.value = dummyData.gangguan.rekap.rekapitulasiAllGangguan }) - +@/utils/api/graphql diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_AlihPosko.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_AlihPosko.vue index 547b21b..699b738 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/apollo-composable' -import { queries } from '@/utils/graphql' -import { dummyData } from '@/utils/dummy' -import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers' +import { useQuery } from '@vue/apoll o-composable' +import { queries } from '@/utils/api/api.graphql' +import { dummyData } from "@/ut " +import { formatNumber, isNumber } from '@/utils /numbers' const position = { of: '#data' } const showIndicator = ref(true) @@ -170,3 +170,4 @@ onMounted(() => { data.value = dummyData.gangguan.rekap.rekapitulasiGangguanAlihPosko }) +@/utils/api/graphql \ 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 caf6915..fa05cc5 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_BerdasarMedia.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_BerdasarMedia.vue @@ -90,15 +90,13 @@ 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/graphql' -import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers' -import { dummyData } from '@/utils/dummy' +import { queries } from '@/utils/api/api.graphql' +import { formatPercentage, isNumber } from '@/utils/numbers' const position = { of: '#data' } -const showIndicator = ref(true) -const shading = ref(true) -const showPane = ref(true) -const onExporting = (e: any) => { +const showIndicator = +const shading = ref(true) wPane = ref(true) +const onExpo rting = (e: any) => { if (e.format === 'pdf') { const doc = new jsPDF() @@ -175,3 +173,4 @@ onMounted(() => { data.value = dummyData.gangguan.rekap.rekapitulasiGangguanBerdasarkanMedia }) +@/utils/api/graphql \ 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 6cc70f1..b1d2450 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_CTTM.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_CTTM.vue @@ -69,7 +69,7 @@ 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/graphql' +import { queries } from '@/utils/api/api.graphql' const position = { of: '#data' } const showIndicator = ref(true) const shading = ref(true) @@ -144,3 +144,4 @@ const filterData = (params: any) => { } const filters = ref() +@/utils/api/graphql \ 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 970dad6..d750b38 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_DMAPKT.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_DMAPKT.vue @@ -180,85 +180,86 @@ 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/graphql' -const position = { of: '#data' } -const showIndicator = ref(true) -const shading = ref(true) +import { saveAs } from 'file-save r' +import { Workbook } from 'exceljs ' +import { useQuery } from '@vue/apo llo-composable' +import { queries } from '@/utils/api/api.graphql' +const position = { + of: '#data showIndicator = ref(true) + ing = 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`) - }) - } 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') + exportToPdf({ + jsPDFDocument: doc, + component: e.component, + indent: 5 + }).then(() => { + doc.save(`.pdf`) }) - }) + } else { + const workbook = new Workbook() + const worksheet = workbook.addWorksheet('Employees') - e.cancel = true + 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 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 + 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 } - console.log(queryResult.data) - console.log(queryResult.loading) - console.log(queryResult.networkStatus) - }) - onError((error) => { - console.log(error) - }) -} + ) +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 diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguan.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguan.vue index 8005a89..4bcd1c9 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguan.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguan.vue @@ -172,10 +172,7 @@ 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/graphql' +import { queries } from '@/utils/api/api.graphql' import { dummyData } from '@/utils/dummy' import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers' @@ -347,3 +344,4 @@ 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 98d592b..f17a003 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguanSE.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguanSE.vue @@ -124,25 +124,24 @@ 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' import { Workbook } from 'exceljs' import { useQuery } from '@vue/apollo-composable' -import { queries } from '@/utils/graphql' +import { queries } from '@/utils/api/api.graphql' import { dummyData } from '@/utils/dummy' -import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers' -const position = { of: '#data' } +import { formatNumber, formatPercentage, isNumber } from '@/utils/n umbers' +const position = { of: '#dat a' } const showIndicator = ref(true) const shading = ref(true) const showPane = ref(true) const data = ref([]) -const onExporting = (e: any) => { - if (e.format === 'pdf') { - const doc = new jsPDF() +cons ing = (e: any) => { + if ( == 'pdf') { + const doc = ne w jsPDF() exportToPdf({ jsPDFDocument: doc, @@ -213,3 +212,4 @@ 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 f16fa19..3ab1114 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_KTI.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_KTI.vue @@ -69,7 +69,7 @@ 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/graphql' +import { queries } from '@/utils/api/api.graphql' const position = { of: '#data' } const showIndicator = ref(true) const shading = ref(true) @@ -148,3 +148,4 @@ const filterData = (params: any) => { } const filters = ref() +@/utils/api/graphql \ 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 369ea8f..6e00241 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_PerPosko.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_PerPosko.vue @@ -205,11 +205,12 @@ 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/graphql' +import { Workbook } from 'exceljs ' +import { useQuery } from '@vue/apo llo-composable' +import { queries } from f import { dummyData } from '@/utils/dummy' -import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers' +import { formatNumber, isNumber } from '@ bers' +om '@/utils/api/api.graphql' const position = { of: '#data' } const showIndicator = ref(true) @@ -371,3 +372,4 @@ 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 4ffaf5a..1ce2832 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_PerRegu.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_PerRegu.vue @@ -206,7 +206,7 @@ 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/graphql' +import { queries } from '@/utils/api/api.graphql' import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers' import { dummyData } from '@/utils/dummy' @@ -291,8 +291,8 @@ const filterData = (params: any) => { } }, responseTime: { - menit: { - total: item.total_durasi_response, + it: { + total: l_durasi_response, rataRata: item.avg_durasi_response, max: item.max_durasi_response, min: item.min_durasi_response @@ -375,3 +375,4 @@ onMounted(() => { }) }) +@/utils/api/graphql \ 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 8115b54..7f015b6 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_PerTanggal.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_PerTanggal.vue @@ -129,7 +129,7 @@ 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/graphql' +import { queries } from '@/utils/api/api.graphql' import { dummyData } from '@/utils/dummy' import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers' @@ -212,3 +212,4 @@ onMounted(() => { data.value = dummyData.gangguan.rekap.rekapitulasiGangguanPerTanggal }) +@/utils/api/graphql \ 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 e6862d6..11545bd 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_RatingPerPosko.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_RatingPerPosko.vue @@ -87,7 +87,7 @@ 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/graphql' +import { queries } from '@/utils/api/api.graphql' const position = { of: '#data' } const showIndicator = ref(true) const shading = ref(true) @@ -196,3 +196,4 @@ const filterData = (params: any) => { } const filters = ref() +@/utils/api/graphql \ 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 a950a4b..b43c529 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_RatingPerRegu.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_RatingPerRegu.vue @@ -87,7 +87,7 @@ 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/graphql' +import { queries } from '@/utils/api/api.graphql' const position = { of: '#data' } const showIndicator = ref(true) const shading = ref(true) @@ -162,3 +162,4 @@ 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_BerdasarMedia.vue b/src/components/Pages/Keluhan/Daftar/DKeluhan_BerdasarMedia.vue index 8da91ef..5dc97c6 100755 --- a/src/components/Pages/Keluhan/Daftar/DKeluhan_BerdasarMedia.vue +++ b/src/components/Pages/Keluhan/Daftar/DKeluhan_BerdasarMedia.vue @@ -4,170 +4,52 @@
- + - - + + - + - - - - - - - + + + + + + + - + - - - - - - - + + + + + + +