From c7f13b41f987ae4e0cedac115d3b10ac388e7985 Mon Sep 17 00:00:00 2001 From: Dede Fuji Abdul Date: Fri, 1 Mar 2024 19:57:15 +0700 Subject: [PATCH] Refactor MonalisaLK_EnergyNotSales.vue component --- .../Kumulatif/MonalisaLK_AgingComplaint.vue | 191 ++++++------------ .../Kumulatif/MonalisaLK_EnergyNotSales.vue | 153 +++++--------- 2 files changed, 116 insertions(+), 228 deletions(-) diff --git a/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_AgingComplaint.vue b/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_AgingComplaint.vue index 6f17c45..3739dc9 100755 --- a/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_AgingComplaint.vue +++ b/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_AgingComplaint.vue @@ -3,119 +3,54 @@
- + - + - + - + - - - - + + + + - - - + + + - - + + - + + + +
@@ -142,6 +77,7 @@ import { saveAs } from 'file-saver' import { Workbook } from 'exceljs' import { useQuery } from '@vue/apollo-composable' import gql from 'graphql-tag' +import { getMonthName } from '@/utils/texts' const position = { of: '#data' } const showIndicator = ref(true) const shading = ref(true) @@ -149,6 +85,9 @@ const showPane = ref(true) const data = ref([]) const dataDetail = ref() const showDetail = ref(false) +const currentYear = ref(new Date().getFullYear()) +const currentMonth = ref(new Date().getMonth() + 1) + const onExporting = (e: any) => { if (e.format === 'pdf') { const doc = new jsPDF() @@ -184,61 +123,61 @@ const onSelectionChanged = ({ selectedRowsData }: any) => { } const agingComplaintKumulatif = gql` query DaftaragingComplaintKumulatif( - $regional: String - $posko: Int + #$regional: String + $idUlp: Int $idUid: Int $idUp3: Int $bulan: Int $tahun: Int ) { agingComplaintKumulatif( - regional: $regional - posko: $posko + #regional: $regional + idUlp: $idUlp idUid: $idUid idUp3: $idUp3 bulan: $bulan tahun: $tahun ) { - aging_komplain_gangguan - aging_komplain_keluhan - nama_posko - persen_rata_aging_komplain - rata_rct_gangguan_bulan - rata_rct_gangguan_sla - rata_rct_keluhan_bulan - rata_rct_keluhan_sla + nama_regional + id_uid + nama_uid + id_up3 + nama_up3 + id_ulp + nama_ulp + avg_durasi_recovery_gangguan + sla_gangguan + avg_durasi_recovery_keluhan + sla_keluhan + aging_complaint_gangguan + aging_complaint_keluhan + avg_aging_complaint } } ` const { onResult, onError, loading, refetch } = useQuery(agingComplaintKumulatif, { regional: '', - posko: '', + idUlp: 0, idUid: 0, idUp3: 0, bulan: 10, tahun: 2023 }) const filterData = (params: any) => { - const { regional, posko, idUid, idUp3, bulan, tahun } = params - + const { regional, ulp, uid, up3, bulan, tahun } = params + currentYear.value = tahun.id + currentMonth.value = bulan.id refetch({ regional: regional, - posko: posko ? posko.id : 0, - idUid: idUid ? idUid.id : 0, - idUp3: idUp3 ? idUp3.id : 0, + idUlp: ulp ? ulp.id : 0, + idUid: uid ? uid.id : 0, + idUp3: up3 ? up3.id : 0, bulan: bulan ? bulan.id : 10, tahun: bulan ? tahun.id : 2023 }) onResult((queryResult) => { if (queryResult.data != undefined) { - queryResult.data.agingComplaintKumulatif.forEach((item: any) => { - data.value = [ - ...data.value, - { - ...item - } - ] - }) + data.value = queryResult.data.agingComplaintKumulatif } console.log(queryResult.data) console.log(queryResult.loading) diff --git a/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_EnergyNotSales.vue b/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_EnergyNotSales.vue index 6fdfe0d..e81da07 100755 --- a/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_EnergyNotSales.vue +++ b/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_EnergyNotSales.vue @@ -3,91 +3,41 @@
- + - + - + - + - - - + + + - - + + + +
@@ -155,37 +105,43 @@ const onSelectionChanged = ({ selectedRowsData }: any) => { const data = selectedRowsData[0] console.log(data) } -const kepatuhandanAkurasiDalamPelaporanKumulatif = gql` - query DaftarkepatuhandanAkurasiDalamPelaporanKumulatif( - $regional: String - $posko: Int +const energyNotSalesKumulatif = gql` + query DaftarEnergyNotSalesKumulatif( + #$regional: String + $idUlp: Int $idUid: Int $idUp3: Int $bulan: Int $tahun: Int ) { - kepatuhandanAkurasiDalamPelaporanKumulatif( - regional: $regional - posko: $posko + energyNotSalesKumulatif( + #regional: $regional + idUlp: $idUlp idUid: $idUid idUp3: $idUp3 bulan: $bulan tahun: $tahun ) { - kepatuhan_akurasi_gangguan_berulang_bulan - kepatuhan_akurasi_gangguan_berulang_total - kepatuhan_akurasi_keluhan_berulang_bulan - kepatuhan_akurasi_keluhan_berulang_total - nama_posko - persen_komplain_pelanggan + nama_regional + id_uid + nama_uid + id_up3 + nama_up3 + id_ulp + nama_ulp + terencana + tidak_terencana + bencana_alam + total + kpi_ens } } ` const { onResult, onError, loading, refetch } = useQuery( - kepatuhandanAkurasiDalamPelaporanKumulatif, + energyNotSalesKumulatif, { regional: '', - posko: '', + idUlp: 0, idUid: 0, idUp3: 0, bulan: 10, @@ -193,26 +149,19 @@ const { onResult, onError, loading, refetch } = useQuery( } ) const filterData = (params: any) => { - const { regional, posko, idUid, idUp3, bulan, tahun } = params + const { regional, ulp, uid, up3, bulan, tahun } = params refetch({ regional: regional, - posko: posko ? posko.id : 0, - idUid: idUid ? idUid.id : 0, - idUp3: idUp3 ? idUp3.id : 0, + idUlp: ulp ? ulp.id : 0, + idUid: uid ? uid.id : 0, + idUp3: up3 ? up3.id : 0, bulan: bulan ? bulan.id : 10, tahun: bulan ? tahun.id : 2023 }) onResult((queryResult) => { if (queryResult.data != undefined) { - queryResult.data.kepatuhandanAkurasiDalamPelaporanKumulatif.forEach((item: any) => { - data.value = [ - ...data.value, - { - ...item - } - ] - }) + data.value = queryResult.data.energyNotSalesKumulatif } console.log(queryResult.data) console.log(queryResult.loading)