diff --git a/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_PenurunanJumlahKomplain.vue b/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_PenurunanJumlahKomplain.vue index 2a6a069..972e0fd 100755 --- a/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_PenurunanJumlahKomplain.vue +++ b/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_PenurunanJumlahKomplain.vue @@ -3,118 +3,77 @@
- + - + - + - - - - - - - + + + + + + + + + + - - - + + + + + + + + + + + - - - + + + + + + + + + + + + -
@@ -141,6 +100,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) @@ -148,6 +108,10 @@ const showPane = ref(true) const data = ref([]) const dataDetail = ref() const showDetail = ref(false) +const tahunSekarang = ref(new Date().getFullYear()) +const bulanSekarang = ref(new Date().getMonth()) +const tahunLalu = ref(tahunSekarang.value - 1) + const onExporting = (e: any) => { if (e.format === 'pdf') { const doc = new jsPDF() @@ -183,73 +147,75 @@ const onSelectionChanged = ({ selectedRowsData }: any) => { } const penurunanJumlahKomplainKumulatif = gql` query DaftarpenurunanJumlahKomplainKumulatif( - $regional: String - $posko: Int + #$regional: String + $idUlp: Int $idUid: Int $idUp3: Int $bulan: Int $tahun: Int ) { penurunanJumlahKomplainKumulatif( - regional: $regional - posko: $posko + #regional: $regional + idUlp: $idUlp idUid: $idUid idUp3: $idUp3 bulan: $bulan tahun: $tahun ) { - delta_penurunan_gangguan - delta_penurunan_informasi - delta_penurunan_keluhan - gangguan_bulan_ini - gangguan_bulan_lalu - informasi_gangguan_bulan_ini - informasi_gangguan_bulan_lalu - informasi_keluhan_bulan_ini - informasi_keluhan_bulan_lalu - keluhan_bulan_ini - keluhan_bulan_lalu - nama_posko - persen_penurunan_gangguan - persen_penurunan_informasi - persen_penurunan_keluhan - persen_penurunan_total - total_bulan_ini - total_bulan_lalu - total_komplain_bulan_ini - total_komplain_bulan_lalu + nama_regional + id_uid + nama_uid + id_up3 + nama_up3 + id_ulp + nama_ulp + total_gangguan_tahun_ini + total_keluhan_tahun_ini + total_gangguan_informasi_tahun_ini + total_keluhan_informasi_tahun_ini + total_informasi_tahun_ini + total_tahun_ini + total_gangguan_tahun_sebelumnya + total_keluhan_tahun_sebelumnya + total_gangguan_informasi_tahun_sebelumnya + total_keluhan_informasi_tahun_sebelumnya + total_informasi_tahun_sebelumnya + total_tahun_sebelumnya + delta_gangguan + delta_keluhan + delta_informasi + persen_delta_gangguan + persen_delta_keluhan + persen_delta_informasi + persen_delta_total } } ` const { onResult, onError, loading, refetch } = useQuery(penurunanJumlahKomplainKumulatif, { 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 + tahunSekarang.value = tahun.id + bulanSekarang.value = bulan.id + tahunLalu.value = tahun.id - 1 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.penurunanJumlahKomplainKumulatif.forEach((item: any) => { - data.value = [ - ...data.value, - { - ...item - } - ] - }) + data.value = queryResult.data.penurunanJumlahKomplainKumulatif } console.log(queryResult.data) console.log(queryResult.loading)