diff --git a/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_JumlahKaliKeluhan.vue b/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_JumlahKaliKeluhan.vue index a10b889..8cdaf1a 100755 --- a/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_JumlahKaliKeluhan.vue +++ b/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_JumlahKaliKeluhan.vue @@ -3,100 +3,42 @@
- + - + - + - + - - - + + + - - - + + + +
@@ -124,6 +66,7 @@ import { Workbook } from 'exceljs' import { useQuery } from '@vue/apollo-composable' import gql from 'graphql-tag' import { getMonthName } from '@/utils/texts' +import { queries } from '@/utils/graphql' const position = { of: '#data' } const showIndicator = ref(true) const shading = ref(true) @@ -158,57 +101,30 @@ const onExporting = (e: any) => { } } -const tahunSekarang = ref(new Date().getFullYear()) -const bulanSekarang = ref(new Date().getMonth()) -const tahunLalu = ref(tahunSekarang.value - 1) -const MONALISAJUMLAHKALIKELUHAN = gql` - query DaftarMonalisaJumlahKaliKeluhan( - $regional: String - $posko: Int - $idUid: Int - $idUp3: Int - $bulan: Int - $tahun: Int - ) { - monalisaJumlahKaliKeluhan( - regional: $regional - posko: $posko - idUid: $idUid - idUp3: $idUp3 - bulan: $bulan - tahun: $tahun - ) { - jumlah_bulan - jumlah_bulan_n_1 - jumlah_tahun - jumlah_tahun_n_1 - nama_posko - persen_bulan - persen_tahun - } - } -` -const { onResult, onError, loading, refetch } = useQuery(MONALISAJUMLAHKALIKELUHAN, { +const currentYear = ref(new Date().getFullYear()) +const currentMonth = ref(new Date().getMonth()) +const lastYear = ref(currentYear.value - 1) +const { onResult, onError, loading, refetch } = useQuery(queries.monalisa.keluhan.rekap.jumlahKaliKeluhan, { regional: '', - posko: '', + idUlp: 0, idUid: 0, idUp3: 0, - bulan: bulanSekarang.value, - tahun: tahunSekarang.value + bulan: currentMonth.value, + tahun: currentYear.value }) const filterData = (params: any) => { - const { regional, posko, idUid, idUp3, bulan, tahun } = params - bulanSekarang.value = bulan.id - tahunSekarang.value = tahun.id - tahunLalu.value = tahun.id - 1 + const { regional, ulp, uid, up3, bulan, tahun } = params + currentMonth.value = bulan.id + currentYear.value = tahun.id + lastYear.value = tahun.id - 1 refetch({ regional: regional, - posko: posko ? posko.id : 0, - idUid: idUid ? idUid.id : 0, - idUp3: idUp3 ? idUp3.id : 0, - bulan: bulan ? bulan.id : bulanSekarang.value, - tahun: bulan ? tahun.id : tahunSekarang.value + idUlp: ulp ? ulp.id : 0, + idUid: uid ? uid.id : 0, + idUp3: up3 ? up3.id : 0, + bulan: bulan ? bulan.id : currentMonth.value, + tahun: bulan ? tahun.id : currentYear.value }) onResult((queryResult) => { if (queryResult.data != undefined) { @@ -227,7 +143,7 @@ const onSelectionChanged = ({ selectedRowsData }: any) => { console.log(data) } onMounted(() => { - console.log(bulanSekarang.value) + console.log(currentMonth.value) }) const filters = ref() diff --git a/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_RecoveryTimeKeluhan.vue b/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_RecoveryTimeKeluhan.vue index c4387b7..045e94d 100755 --- a/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_RecoveryTimeKeluhan.vue +++ b/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_RecoveryTimeKeluhan.vue @@ -3,104 +3,42 @@
- + - + - + - - + + - - - + + + - - - + + + +
@@ -128,14 +66,15 @@ import { Workbook } from 'exceljs' import { useQuery } from '@vue/apollo-composable' import gql from 'graphql-tag' import { getMonthName } from '@/utils/texts' +import { queries } from '@/utils/graphql' const position = { of: '#data' } const showIndicator = ref(true) const shading = ref(true) const showPane = ref(true) const data = ref([]) -const tahunSekarang = ref(new Date().getFullYear()) -const bulanSekarang = ref(new Date().getMonth()) -const tahunLalu = ref(tahunSekarang.value - 1) +const currentYear = ref(new Date().getFullYear()) +const currentMonth = ref(new Date().getMonth()) +const lastYear = ref(currentYear.value - 1) const dataDetail = ref() const showDetail = ref(false) const onExporting = (e: any) => { @@ -166,64 +105,31 @@ const onExporting = (e: any) => { e.cancel = true } } -const monalisaDispatchingTimeKeluhan = gql` - query DaftarmonalisaDispatchingTimeKeluhan( - $regional: String - $posko: Int - $idUid: Int - $idUp3: Int - $bulan: Int - $tahun: Int - ) { - monalisaDispatchingTimeKeluhan( - regional: $regional - posko: $posko - idUid: $idUid - idUp3: $idUp3 - bulan: $bulan - tahun: $tahun - ) { - jumlah_bulan - jumlah_bulan_n_1 - jumlah_tahun - jumlah_tahun_n_1 - nama_posko - persen_bulan - persen_tahun - } - } -` -const { onResult, onError, loading, refetch } = useQuery(monalisaDispatchingTimeKeluhan, { + +const { onResult, onError, loading, refetch } = useQuery(queries.monalisa.keluhan.rekap.recoveryTimeKeluhan, { regional: '', - posko: '', + idUlp: 0, idUid: 0, idUp3: 0, bulan: 10, tahun: 2023 }) const filterData = (params: any) => { - const { regional, posko, idUid, idUp3, bulan, tahun } = params - bulanSekarang.value = bulan.id - tahunSekarang.value = tahun.id - tahunLalu.value = tahun.id - 1 + const { regional, ulp, uid, up3, bulan, tahun } = params + currentMonth.value = bulan.id + currentYear.value = tahun.id + lastYear.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.monalisaDispatchingTimeKeluhan.forEach((item: any) => { - data.value = [ - ...data.value, - { - ...item - } - ] - }) + data.value = queryResult.data.monalisaRecoveryTimeKeluhan } console.log(queryResult.data) console.log(queryResult.loading) diff --git a/src/utils/graphql.ts b/src/utils/graphql.ts index 4a131d8..b67a841 100755 --- a/src/utils/graphql.ts +++ b/src/utils/graphql.ts @@ -298,36 +298,74 @@ export const queries = { }, keluhan: { rekap: { - + jumlahKaliKeluhan: gql` + query DaftarMonalisaJumlahKaliKeluhan( + #$regional: String + $idUlp: Int + $idUid: Int + $idUp3: Int + $bulan: Int + $tahun: Int + ) { + monalisaJumlahKaliKeluhan( + #regional: $regional + idUlp: $idUlp + idUid: $idUid + idUp3: $idUp3 + bulan: $bulan + tahun: $tahun + ) { + nama_regional + id_uid + nama_uid + id_up3 + nama_up3 + id_ulp + nama_ulp + mom_bulan_ini + mom_bulan_kemarin + persen_mom + yoy_tahun_ini + yoy_tahun_kemarin + persen_yoy + } + } + `, + recoveryTimeKeluhan: gql` + query DaftarmonalisaRecoveryTimeKeluhan( + #$regional: String + $idUlp: Int + $idUid: Int + $idUp3: Int + $bulan: Int + $tahun: Int + ) { + monalisaRecoveryTimeKeluhan( + #regional: $regional + idUlp: $idUlp + idUid: $idUid + idUp3: $idUp3 + bulan: $bulan + tahun: $tahun + ) { + nama_regional + id_uid + nama_uid + id_up3 + nama_up3 + id_ulp + nama_ulp + mom_bulan_ini + mom_bulan_kemarin + persen_mom + yoy_tahun_ini + yoy_tahun_kemarin + persen_yoy + } + } + ` } } }, - MONALISAJUMLAHKALIKELUHAN: gql` - query DaftarMonalisaJumlahKaliKeluhan( - #$regional: String - $idUlp: Int - $idUid: Int - $idUp3: Int - $bulan: Int - $tahun: Int - ) { - monalisaJumlahKaliKeluhan( - #regional: $regional - idUlp: $idUlp - idUid: $idUid - idUp3: $idUp3 - bulan: $bulan - tahun: $tahun - ) { - jumlah_bulan - jumlah_bulan_n_1 - jumlah_tahun - jumlah_tahun_n_1 - nama_posko - persen_bulan - persen_tahun - } - } -` }