From ac50b832aecc91fcab67d70df1a3ee16d7a0cb8a Mon Sep 17 00:00:00 2001 From: Dede Fuji Abdul Date: Wed, 13 Mar 2024 11:10:59 +0700 Subject: [PATCH 01/51] Refactor filterData function and API queries in Anomali_LAPPGP.vue and Anomali_LAPPGU.vue --- .../Pages/Anomali/Gangguan/Anomali_LAPPGP.vue | 18 +++++++++-------- .../Pages/Anomali/Gangguan/Anomali_LAPPGU.vue | 18 +++++++++-------- src/utils/api/api.graphql.ts | 20 +++++++++---------- 3 files changed, 30 insertions(+), 26 deletions(-) diff --git a/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGP.vue b/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGP.vue index 194dc62..26b4cf7 100644 --- a/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGP.vue +++ b/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGP.vue @@ -34,8 +34,9 @@ const filterData = (params: any) => { ? queries.anomali.gangguan.petugasRatingNegatif : queries.anomali.gangguan.petugasSkipStep, { - dateFrom: new Date().toISOString().slice(0, 10), - dateTo: new Date().toISOString().slice(0, 10), + namaRegional: '', + // dateFrom: new Date().toISOString().slice(0, 10), + // dateTo: new Date().toISOString().slice(0, 10), idUlp: 0, idUid: 0, idUp3: 0 @@ -44,12 +45,13 @@ 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), + namaRegional: '', + // 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), idUlp: ulp ? ulp.id : 0, idUid: uid ? uid.id : 0, idUp3: up3 ? up3.id : 0 diff --git a/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGU.vue b/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGU.vue index 5607a4b..b36207c 100644 --- a/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGU.vue +++ b/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGU.vue @@ -34,8 +34,9 @@ const filterData = (params: any) => { ? queries.anomali.gangguan.unitRatingNegatif : queries.anomali.gangguan.unitSkipStep, { - dateFrom: new Date().toISOString().slice(0, 10), - dateTo: new Date().toISOString().slice(0, 10), + namaRegional: '', + // dateFrom: new Date().toISOString().slice(0, 10), + // dateTo: new Date().toISOString().slice(0, 10), idUlp: 0, idUid: 0, idUp3: 0 @@ -44,12 +45,13 @@ 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), + namaRegional: '', + // 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), idUlp: ulp ? ulp.id : 0, idUid: uid ? uid.id : 0, idUp3: up3 ? up3.id : 0 diff --git a/src/utils/api/api.graphql.ts b/src/utils/api/api.graphql.ts index 885a054..1886a2c 100755 --- a/src/utils/api/api.graphql.ts +++ b/src/utils/api/api.graphql.ts @@ -2116,13 +2116,13 @@ export const queries = { gangguan: { unitBerulang: gql` query anomaliPenangananPengaduanGangguanUnitBerulang( - #$namaRegional: String! + $namaRegional: String! $idUlp: Int! $idUid: Int! $idUp3: Int! ) { anomaliPenangananPengaduanGangguanUnitBerulang( - #namaRegional: $namaRegional + namaRegional: $namaRegional idUlp: $idUlp idUid: $idUid idUp3: $idUp3 @@ -2155,13 +2155,13 @@ export const queries = { `, unitRatingNegatif: gql` query anomaliPenangananPengaduanGangguanUnitRatingNegatif( - #$namaRegional: String! + $namaRegional: String! $idUlp: Int! $idUid: Int! $idUp3: Int! ) { anomaliPenangananPengaduanGangguanUnitRatingNegatif( - #namaRegional: $namaRegional + namaRegional: $namaRegional idUlp: $idUlp idUid: $idUid idUp3: $idUp3 @@ -2194,13 +2194,13 @@ export const queries = { `, unitSkipStep: gql` query anomaliPenangananPengaduanGangguanUnitSkipStep( - #$namaRegional: String! + $namaRegional: String! $idUlp: Int! $idUid: Int! $idUp3: Int! ) { anomaliPenangananPengaduanGangguanUnitSkipStep( - #namaRegional: $namaRegional + namaRegional: $namaRegional idUlp: $idUlp idUid: $idUid idUp3: $idUp3 @@ -2233,13 +2233,13 @@ export const queries = { `, petugasBerulang: gql` query anomaliPenangananPengaduanGangguanPetugasBerulang( - #$namaRegional: String! + $namaRegional: String! $idUlp: Int! $idUid: Int! $idUp3: Int! ) { anomaliPenangananPengaduanGangguanPetugasBerulang( - #namaRegional: $namaRegional + namaRegional: $namaRegional idUlp: $idUlp idUid: $idUid idUp3: $idUp3 @@ -2268,13 +2268,13 @@ export const queries = { `, petugasRatingNegatif: gql` query anomaliPenangananPengaduanGangguanPetugasRatingNegatif( - #$namaRegional: String! + $namaRegional: String! $idUlp: Int! $idUid: Int! $idUp3: Int! ) { anomaliPenangananPengaduanGangguanPetugasRatingNegatif( - #namaRegional: $namaRegional + namaRegional: $namaRegional idUlp: $idUlp idUid: $idUid idUp3: $idUp3 From acf6174b2a3671cc55f534bae0049746f2fa7c5c Mon Sep 17 00:00:00 2001 From: Dede Fuji Abdul Date: Wed, 13 Mar 2024 12:58:43 +0700 Subject: [PATCH 02/51] Refactor useQuery in Anomali_LAPPGP.vue and Anomali_LAPPGU.vue --- .../Pages/Anomali/Gangguan/Anomali_LAPPGP.vue | 44 +++++++++++-------- .../Pages/Anomali/Gangguan/Anomali_LAPPGU.vue | 44 +++++++++++-------- .../Pages/PencarianData/PencarianData.vue | 35 ++++++++------- 3 files changed, 70 insertions(+), 53 deletions(-) diff --git a/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGP.vue b/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGP.vue index 26b4cf7..fb733a1 100644 --- a/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGP.vue +++ b/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGP.vue @@ -22,27 +22,35 @@ import { Type4 } from '@/components/Form/FiltersType' import Filters from '@/components/Form/Filters.vue' import { queries } from '@/utils/api/api.graphql' const data = ref([]) -const loading = ref(false) +const filters = ref({ + jenisLaporan: { + id: 1, + name: 'Laporan Berulang Unit' + }, + ulp: 0, + uid: 0, + up3: 0 +}) + +const { onResult, onError, loading, refetch } = useQuery( + filters.value.jenisLaporan.name == 'Laporan Berulang Unit' + ? queries.anomali.gangguan.petugasBerulang + : filters.value.jenisLaporan.name == 'Laporan Rating Negatif' + ? queries.anomali.gangguan.petugasRatingNegatif + : queries.anomali.gangguan.petugasSkipStep, + { + namaRegional: '', + // dateFrom: new Date().toISOString().slice(0, 10), + // dateTo: new Date().toISOString().slice(0, 10), + idUlp: 0, + idUid: 0, + idUp3: 0 + } +) const filterData = (params: any) => { const { ulp, uid, up3, jenisLaporan } = params - const { onResult, onError, loading, refetch } = useQuery( - jenisLaporan.name == 'Laporan Berulang Unit' - ? queries.anomali.gangguan.petugasBerulang - : jenisLaporan.name == 'Laporan Rating Negatif' - ? queries.anomali.gangguan.petugasRatingNegatif - : queries.anomali.gangguan.petugasSkipStep, - { - namaRegional: '', - // dateFrom: new Date().toISOString().slice(0, 10), - // dateTo: new Date().toISOString().slice(0, 10), - idUlp: 0, - idUid: 0, - idUp3: 0 - } - ) - const dateValue = params.periode.split(' s/d ') refetch({ namaRegional: '', @@ -79,8 +87,6 @@ const filterData = (params: any) => { }) } -const filters = ref() - onMounted(() => { if (import.meta.env.DEV) { data.value = [ diff --git a/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGU.vue b/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGU.vue index b36207c..c655133 100644 --- a/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGU.vue +++ b/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGU.vue @@ -22,27 +22,35 @@ import { useQuery } from '@vue/apollo-composable' import { onMounted, ref, watch } from 'vue' import { queries } from '@/utils/api/api.graphql' const data = ref([]) -const loading = ref(false) +const filters = ref({ + jenisLaporan: { + id: 1, + name: 'Laporan Berulang Unit' + }, + ulp: 0, + uid: 0, + up3: 0 +}) + +const { onResult, onError, loading, refetch } = useQuery( + filters.value.jenisLaporan.name == 'Laporan Berulang Unit' + ? queries.anomali.gangguan.unitBerulang + : filters.value.jenisLaporan.name == 'Laporan Rating Negatif' + ? queries.anomali.gangguan.unitRatingNegatif + : queries.anomali.gangguan.unitSkipStep, + { + namaRegional: '', + // dateFrom: new Date().toISOString().slice(0, 10), + // dateTo: new Date().toISOString().slice(0, 10), + idUlp: 0, + idUid: 0, + idUp3: 0 + } +) const filterData = (params: any) => { const { ulp, uid, up3, jenisLaporan } = params - const { onResult, onError, loading, refetch } = useQuery( - jenisLaporan.name == 'Laporan Berulang Unit' - ? queries.anomali.gangguan.unitBerulang - : jenisLaporan.name == 'Laporan Rating Negatif' - ? queries.anomali.gangguan.unitRatingNegatif - : queries.anomali.gangguan.unitSkipStep, - { - namaRegional: '', - // dateFrom: new Date().toISOString().slice(0, 10), - // dateTo: new Date().toISOString().slice(0, 10), - idUlp: 0, - idUid: 0, - idUp3: 0 - } - ) - const dateValue = params.periode.split(' s/d ') refetch({ namaRegional: '', @@ -79,8 +87,6 @@ const filterData = (params: any) => { }) } -const filters = ref() - onMounted(() => { if (import.meta.env.DEV) { data.value = [ diff --git a/src/components/Pages/PencarianData/PencarianData.vue b/src/components/Pages/PencarianData/PencarianData.vue index 65b3c45..19b3cda 100755 --- a/src/components/Pages/PencarianData/PencarianData.vue +++ b/src/components/Pages/PencarianData/PencarianData.vue @@ -231,7 +231,7 @@ \ 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 b1c5473..7e67a17 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_KTI.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_KTI.vue @@ -1,67 +1,960 @@ \ No newline at end of file +onMounted(() => { + if (import.meta.env.DEV) { + data.value = [ + { + id: 0, + id_uid: 2, + nama_uid: 'DISTRIBUSI JAKARTA RAYA', + id_up3: 11, + nama_up3: 'UP3 JATINEGARA', + id_ulp: 54410, + nama_ulp: 'UP3 JATINEGARA', + month1: 0, + month2: 1, + month3: 0, + month4: 0, + month5: 0, + month6: 0, + month7: 0, + month8: 0, + month9: 0, + month10: 0, + month11: 0, + month12: 0 + }, + { + id: 1, + id_uid: 120, + nama_uid: 'WILAYAH SUMATERA UTARA', + id_up3: 12100, + nama_up3: 'UP3 PEMATANG SIANTAR', + id_ulp: 12113, + nama_ulp: 'ULP PARAPAT', + month1: 0, + month2: 1, + month3: 0, + month4: 0, + month5: 0, + month6: 0, + month7: 0, + month8: 0, + month9: 0, + month10: 0, + month11: 0, + month12: 0 + }, + { + id: 2, + id_uid: 131, + nama_uid: 'WILAYAH SUMATERA BARAT', + id_up3: 13100, + nama_up3: 'UP3 PADANG', + id_ulp: 13105, + nama_ulp: 'ULP LUBUK ALUNG', + month1: 0, + month2: 4, + month3: 0, + month4: 0, + month5: 0, + month6: 0, + month7: 0, + month8: 0, + month9: 0, + month10: 0, + month11: 0, + month12: 0 + }, + { + id: 3, + id_uid: 140, + nama_uid: 'WILAYAH SUMATERA SELATAN, JAMBI & BENGKULU (S2JB)', + id_up3: 1404, + nama_up3: 'UP3 JAMBI', + id_ulp: 14310, + nama_ulp: 'ULP KOTA BARU', + month1: 0, + month2: 8, + month3: 0, + month4: 0, + month5: 0, + month6: 0, + month7: 0, + month8: 0, + month9: 0, + month10: 0, + month11: 0, + month12: 0 + }, + { + id: 4, + id_uid: 110, + nama_uid: 'WILAYAH ACEH', + id_up3: 116, + nama_up3: 'UP3 SIGLI', + id_ulp: 11660, + nama_ulp: 'ULP SIGLI', + month1: 0, + month2: 17, + month3: 0, + month4: 0, + month5: 0, + month6: 0, + month7: 0, + month8: 0, + month9: 0, + month10: 0, + month11: 0, + month12: 0 + }, + { + id: 5, + id_uid: 56, + nama_uid: 'DISTRIBUSI BANTEN', + id_up3: 18, + nama_up3: 'UP3 CIKUPA', + id_ulp: 56640, + nama_ulp: 'UP3 CIKUPA', + month1: 0, + month2: 7, + month3: 0, + month4: 0, + month5: 0, + month6: 0, + month7: 0, + month8: 0, + month9: 0, + month10: 0, + month11: 0, + month12: 0 + }, + { + id: 6, + id_uid: 101, + nama_uid: 'DISTRIBUSI JAWA TENGAH & DIY', + id_up3: 52550, + nama_up3: 'UP3 DEMAK', + id_ulp: 52554, + nama_ulp: 'ULP WIROSARI', + month1: 0, + month2: 4, + month3: 0, + month4: 0, + month5: 0, + month6: 0, + month7: 0, + month8: 0, + month9: 0, + month10: 0, + month11: 0, + month12: 0 + }, + { + id: 7, + id_uid: 101, + nama_uid: 'DISTRIBUSI JAWA TENGAH & DIY', + id_up3: 52050, + nama_up3: 'UP3 SURAKARTA', + id_ulp: 52058, + nama_ulp: 'ULP SRAGEN', + month1: 0, + month2: 1, + month3: 0, + month4: 0, + month5: 0, + month6: 0, + month7: 0, + month8: 0, + month9: 0, + month10: 0, + month11: 0, + month12: 0 + }, + { + id: 8, + id_uid: 103, + nama_uid: 'DISTRIBUSI JAWA TIMUR', + id_up3: 150, + nama_up3: 'UP3 PAMEKASAN', + id_ulp: 51715, + nama_ulp: 'ULP KEPULAUAN KANGEAN', + month1: 0, + month2: 2, + month3: 0, + month4: 0, + month5: 0, + month6: 0, + month7: 0, + month8: 0, + month9: 0, + month10: 0, + month11: 0, + month12: 0 + }, + { + id: 9, + id_uid: 2, + nama_uid: 'DISTRIBUSI JAKARTA RAYA', + id_up3: 23, + nama_up3: 'UP3 LENTENG AGUNG', + id_ulp: 54740, + nama_ulp: 'UP3 LENTENG AGUNG', + month1: 0, + month2: 9, + month3: 0, + month4: 0, + month5: 0, + month6: 0, + month7: 0, + month8: 0, + month9: 0, + month10: 0, + month11: 0, + month12: 0 + }, + { + id: 10, + id_uid: 180, + nama_uid: 'WILAYAH RIAU DAN KEPULAUAN RIAU', + id_up3: 183, + nama_up3: 'UP3 TANJUNGPINANG', + id_ulp: 18306, + nama_ulp: 'ULP TANJUNG BATU', + month1: 0, + month2: 1, + month3: 0, + month4: 0, + month5: 0, + month6: 0, + month7: 0, + month8: 0, + month9: 0, + month10: 0, + month11: 0, + month12: 0 + }, + { + id: 11, + id_uid: 32, + nama_uid: 'WILAYAH SULAWESI SELATAN, TENGGARA DAN BARAT', + id_up3: 32500, + nama_up3: 'UP3 PARE PARE', + id_ulp: 32550, + nama_ulp: 'ULP PANGSID', + month1: 0, + month2: 3, + month3: 0, + month4: 0, + month5: 0, + month6: 0, + month7: 0, + month8: 0, + month9: 0, + month10: 0, + month11: 0, + month12: 0 + }, + { + id: 12, + id_uid: 140, + nama_uid: 'WILAYAH SUMATERA SELATAN, JAMBI & BENGKULU (S2JB)', + id_up3: 1404, + nama_up3: 'UP3 JAMBI', + id_ulp: 14320, + nama_ulp: 'ULP SEBERANG KOTA', + month1: 0, + month2: 1, + month3: 0, + month4: 0, + month5: 0, + month6: 0, + month7: 0, + month8: 0, + month9: 0, + month10: 0, + month11: 0, + month12: 0 + }, + { + id: 13, + id_uid: 32, + nama_uid: 'WILAYAH SULAWESI SELATAN, TENGGARA DAN BARAT', + id_up3: 32300, + nama_up3: 'UP3 KENDARI', + id_ulp: 32320, + nama_ulp: 'ULP WUA WUA', + month1: 0, + month2: 1, + month3: 0, + month4: 0, + month5: 0, + month6: 0, + month7: 0, + month8: 0, + month9: 0, + month10: 0, + month11: 0, + month12: 0 + }, + { + id: 14, + id_uid: 110, + nama_uid: 'WILAYAH ACEH', + id_up3: 114, + nama_up3: 'UP3 MEULABOH', + id_ulp: 11444, + nama_ulp: 'ULP TEUNOM', + month1: 0, + month2: 3, + month3: 0, + month4: 0, + month5: 0, + month6: 0, + month7: 0, + month8: 0, + month9: 0, + month10: 0, + month11: 0, + month12: 0 + } + ] + } +}) + diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_RatingPerPosko.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_RatingPerPosko.vue index 83946da..a2257f4 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_RatingPerPosko.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_RatingPerPosko.vue @@ -65,7 +65,7 @@ cell-template="formatText" /> - +
- + - + - + - - - + + + - + - - + + - - + + - - - - - - - + + + + + + + - - + + + + + + + + + +
+ + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+
+

No Laporan:

+ +
+ +
+

Rating:

+ +
+ +
+

Tgl Lapor:

+ +
+ +
+

Tgl Datang:

+ +
+ +
+

Tgl Nyala:

+ +
+ +
+

Durasi Response Time:

+ +
+ +
+

Durasi Recovery Time:

+ +
+ +
+

Referensi Marking:

+ +
+ +
+

IDPEL/NO METER:

+ +
+ +
+

Nama Pelapor:

+ +
+ +
+

Alamat Pelapor:

+ +
+ +
+

No Telp Pelapor:

+ +
+ +
+

Keterangan Pelapor:

+ +
+ +
+

Posko:

+ +
+ +
+

Tindakan:

+ +
+ +
+

Penyebab:

+ +
+
+
+ \ No newline at end of file +onMounted(() => { + if (import.meta.env.DEV) { + data.value = [ + { + id: 0, + nama_regional: 'REGIONAL JMB', + id_uid: 101, + nama_uid: 'DISTRIBUSI JAWA TENGAH & DIY', + id_up3: 52050, + nama_up3: 'UP3 SURAKARTA', + id_ulp: 52058, + nama_ulp: 'ULP SRAGEN', + id_posko: 520581, + nama_posko: 'POSKO ULP SRAGEN', + total: 5, + total_selesai: 5, + persen_selesai: 100, + total_inproses: 0, + persen_inproses: 0, + total_rating: 2, + persen_rating: 40, + nilai_rating1: 0, + nilai_rating2: 0, + nilai_rating3: 0, + nilai_rating4: 0, + nilai_rating5: 2, + indeks_rating: 1, + total_nonrating: 3, + persen_nonrating: 60 + }, + { + id: 1, + nama_regional: 'REGIONAL JMB', + id_uid: 103, + nama_uid: 'DISTRIBUSI JAWA TIMUR', + id_up3: 150, + nama_up3: 'UP3 PAMEKASAN', + id_ulp: 51750, + nama_ulp: 'ULP KETAPANG', + id_posko: 517506, + nama_posko: 'POSKO ULP KETAPANG', + total: 5, + total_selesai: 5, + persen_selesai: 100, + total_inproses: 0, + persen_inproses: 0, + total_rating: null, + persen_rating: null, + nilai_rating1: 0, + nilai_rating2: 0, + nilai_rating3: 0, + nilai_rating4: 0, + nilai_rating5: 0, + indeks_rating: null, + total_nonrating: null, + persen_nonrating: null + }, + { + id: 2, + nama_regional: 'REGIONAL SUMKAL', + id_uid: 140, + nama_uid: 'WILAYAH SUMATERA SELATAN, JAMBI & BENGKULU (S2JB)', + id_up3: 1404, + nama_up3: 'UP3 JAMBI', + id_ulp: 14390, + nama_ulp: 'ULP SABAK', + id_posko: 143901, + nama_posko: 'POSKO ULP SABAK', + total: 2, + total_selesai: 2, + persen_selesai: 100, + total_inproses: 0, + persen_inproses: 0, + total_rating: 2, + persen_rating: 100, + nilai_rating1: 0, + nilai_rating2: 0, + nilai_rating3: 0, + nilai_rating4: 0, + nilai_rating5: 2, + indeks_rating: 1, + total_nonrating: 0, + persen_nonrating: 0 + }, + { + id: 3, + nama_regional: 'REGIONAL JMB', + id_uid: 427, + nama_uid: 'DISTRIBUSI JAWA BARAT', + id_up3: 539, + nama_up3: 'UP3 GUNUNG PUTRI', + id_ulp: 53867, + nama_ulp: 'ULP JONGGOL', + id_posko: 538671, + nama_posko: 'POSKO ULP JONGGOL', + total: 7, + total_selesai: 7, + persen_selesai: 100, + total_inproses: 0, + persen_inproses: 0, + total_rating: 4, + persen_rating: 57.14285714285714, + nilai_rating1: 0, + nilai_rating2: 0, + nilai_rating3: 0, + nilai_rating4: 0, + nilai_rating5: 4, + indeks_rating: 1, + total_nonrating: 3, + persen_nonrating: 42.857142857142854 + }, + { + id: 4, + nama_regional: 'REGIONAL JMB', + id_uid: 427, + nama_uid: 'DISTRIBUSI JAWA BARAT', + id_up3: 542, + nama_up3: 'UP3 MAJALAYA', + id_ulp: 53531, + nama_ulp: 'ULP MAJALAYA', + id_posko: 535311, + nama_posko: 'POSKO ULP MAJALAYA', + total: 4, + total_selesai: 4, + persen_selesai: 100, + total_inproses: 0, + persen_inproses: 0, + total_rating: null, + persen_rating: null, + nilai_rating1: 0, + nilai_rating2: 0, + nilai_rating3: 0, + nilai_rating4: 0, + nilai_rating5: 0, + indeks_rating: null, + total_nonrating: null, + persen_nonrating: null + }, + { + id: 5, + nama_regional: 'REGIONAL SUMKAL', + id_uid: 120, + nama_uid: 'WILAYAH SUMATERA UTARA', + id_up3: 12100, + nama_up3: 'UP3 PEMATANG SIANTAR', + id_ulp: 12115, + nama_ulp: 'ULP PEMATANG RAYA', + id_posko: 121155, + nama_posko: 'POSKO ULP PEMATANG RAYA', + total: 1, + total_selesai: 1, + persen_selesai: 100, + total_inproses: 0, + persen_inproses: 0, + total_rating: 1, + persen_rating: 100, + nilai_rating1: 0, + nilai_rating2: 0, + nilai_rating3: 0, + nilai_rating4: 0, + nilai_rating5: 1, + indeks_rating: 1, + total_nonrating: 0, + persen_nonrating: 0 + }, + { + id: 6, + nama_regional: 'REGIONAL SUMKAL', + id_uid: 171, + nama_uid: 'DISTRIBUSI LAMPUNG', + id_up3: 17172, + nama_up3: 'UP3 METRO', + id_ulp: 17210, + nama_ulp: 'ULP SRIBAWONO', + id_posko: 172101, + nama_posko: 'POSKO ULP SRIBAWONO', + total: 18, + total_selesai: 18, + persen_selesai: 100, + total_inproses: 0, + persen_inproses: 0, + total_rating: 12, + persen_rating: 66.66666666666666, + nilai_rating1: 0, + nilai_rating2: 0, + nilai_rating3: 0, + nilai_rating4: 0, + nilai_rating5: 12, + indeks_rating: 1, + total_nonrating: 6, + persen_nonrating: 33.33333333333333 + }, + { + id: 7, + nama_regional: 'REGIONAL JMB', + id_uid: 101, + nama_uid: 'DISTRIBUSI JAWA TENGAH & DIY', + id_up3: 52200, + nama_up3: 'UP3 PURWOKERTO', + id_ulp: 52205, + nama_ulp: 'ULP WONOSOBO', + id_posko: 522051, + nama_posko: 'POSKO ULP WONOSOBO', + total: 23, + total_selesai: 23, + persen_selesai: 100, + total_inproses: 0, + persen_inproses: 0, + total_rating: 22, + persen_rating: 95.65217391304348, + nilai_rating1: 0, + nilai_rating2: 0, + nilai_rating3: 0, + nilai_rating4: 0, + nilai_rating5: 22, + indeks_rating: 1, + total_nonrating: 1, + persen_nonrating: 4.3478260869565215 + }, + { + id: 8, + nama_regional: 'REGIONAL SUMKAL', + id_uid: 120, + nama_uid: 'WILAYAH SUMATERA UTARA', + id_up3: 12500, + nama_up3: 'UP3 RANTAU PRAPAT', + id_ulp: 12513, + nama_ulp: 'ULP LABUHAN BILIK', + id_posko: 125133, + nama_posko: 'POSKO ULP LABUHAN BILIK', + total: 1, + total_selesai: 1, + persen_selesai: 100, + total_inproses: 0, + persen_inproses: 0, + total_rating: null, + persen_rating: null, + nilai_rating1: 0, + nilai_rating2: 0, + nilai_rating3: 0, + nilai_rating4: 0, + nilai_rating5: 0, + indeks_rating: null, + total_nonrating: null, + persen_nonrating: null + }, + { + id: 9, + nama_regional: 'REGIONAL JMB', + id_uid: 103, + nama_uid: 'DISTRIBUSI JAWA TIMUR', + id_up3: 150, + nama_up3: 'UP3 PAMEKASAN', + id_ulp: 51730, + nama_ulp: 'ULP BANGKALAN', + id_posko: 517304, + nama_posko: 'POSKO ULP BANGKALAN', + total: 32, + total_selesai: 32, + persen_selesai: 100, + total_inproses: 0, + persen_inproses: 0, + total_rating: 3, + persen_rating: 9.375, + nilai_rating1: 0, + nilai_rating2: 0, + nilai_rating3: 0, + nilai_rating4: 0, + nilai_rating5: 3, + indeks_rating: 1, + total_nonrating: 29, + persen_nonrating: 90.625 + }, + { + id: 10, + nama_regional: 'REGIONAL SUMKAL', + id_uid: 180, + nama_uid: 'WILAYAH RIAU DAN KEPULAUAN RIAU', + id_up3: 181, + nama_up3: 'UP3 PEKANBARU', + id_ulp: 18111, + nama_ulp: 'ULP PEKANBARU KOTA BARAT', + id_posko: 181111, + nama_posko: 'POSKO ULP PEKANBARU KOTA BARAT', + total: 109, + total_selesai: 109, + persen_selesai: 100, + total_inproses: 0, + persen_inproses: 0, + total_rating: null, + persen_rating: null, + nilai_rating1: 0, + nilai_rating2: 0, + nilai_rating3: 0, + nilai_rating4: 0, + nilai_rating5: 0, + indeks_rating: null, + total_nonrating: null, + persen_nonrating: null + }, + { + id: 11, + nama_regional: 'REGIONAL JMB', + id_uid: 427, + nama_uid: 'DISTRIBUSI JAWA BARAT', + id_up3: 536, + nama_up3: 'UP3 CIMAHI', + id_ulp: 53589, + nama_ulp: 'ULP LEMBANG', + id_posko: 535891, + nama_posko: 'POSKO ULP LEMBANG', + total: 17, + total_selesai: 17, + persen_selesai: 100, + total_inproses: 0, + persen_inproses: 0, + total_rating: 17, + persen_rating: 100, + nilai_rating1: 0, + nilai_rating2: 0, + nilai_rating3: 0, + nilai_rating4: 0, + nilai_rating5: 17, + indeks_rating: 1, + total_nonrating: 0, + persen_nonrating: 0 + }, + { + id: 12, + nama_regional: 'REGIONAL SULMAPANA', + id_uid: 32, + nama_uid: 'WILAYAH SULAWESI SELATAN, TENGGARA DAN BARAT', + id_up3: 32800, + nama_up3: 'UP3 BAUBAU', + id_ulp: 32820, + nama_ulp: 'ULP RAHA', + id_posko: 328201, + nama_posko: 'POSKO ULP RAHA', + total: 3, + total_selesai: 3, + persen_selesai: 100, + total_inproses: 0, + persen_inproses: 0, + total_rating: null, + persen_rating: null, + nilai_rating1: 0, + nilai_rating2: 0, + nilai_rating3: 0, + nilai_rating4: 0, + nilai_rating5: 0, + indeks_rating: null, + total_nonrating: null, + persen_nonrating: null + }, + { + id: 13, + nama_regional: 'REGIONAL SULMAPANA', + id_uid: 32, + nama_uid: 'WILAYAH SULAWESI SELATAN, TENGGARA DAN BARAT', + id_up3: 32200, + nama_up3: 'UP3 WATAMPONE', + id_ulp: 32270, + nama_ulp: 'ULP PATANGKAI', + id_posko: 322701, + nama_posko: 'POSKO ULP PATANGKAI', + total: 3, + total_selesai: 3, + persen_selesai: 100, + total_inproses: 0, + persen_inproses: 0, + total_rating: null, + persen_rating: null, + nilai_rating1: 0, + nilai_rating2: 0, + nilai_rating3: 0, + nilai_rating4: 0, + nilai_rating5: 0, + indeks_rating: null, + total_nonrating: null, + persen_nonrating: null + }, + { + id: 14, + nama_regional: 'REGIONAL SUMKAL', + id_uid: 221, + nama_uid: 'WILAYAH KALIMANTAN SELATAN DAN TENGAH', + id_up3: 2220, + nama_up3: 'UP3 BARABAI', + id_ulp: 22250, + nama_ulp: 'ULP PARINGIN', + id_posko: 222501, + nama_posko: 'POSKO ULP PARINGIN', + total: 1, + total_selesai: 1, + persen_selesai: 100, + total_inproses: 0, + persen_inproses: 0, + total_rating: 1, + persen_rating: 100, + nilai_rating1: 0, + nilai_rating2: 0, + nilai_rating3: 0, + nilai_rating4: 0, + nilai_rating5: 1, + indeks_rating: 1, + total_nonrating: 0, + persen_nonrating: 0 + } + ] + } +}) + diff --git a/src/utils/api/api.graphql.ts b/src/utils/api/api.graphql.ts index 1886a2c..555bca7 100755 --- a/src/utils/api/api.graphql.ts +++ b/src/utils/api/api.graphql.ts @@ -593,23 +593,31 @@ export const queries = { idUid: $idUid idUp3: $idUp3 ) { - in_process - indeks_rating - jumlah_non_rating - jumlah_rating + id + nama_regional + id_uid + nama_uid + id_up3 + nama_up3 + id_ulp + nama_ulp + id_posko nama_posko - persen_in_process - persen_non_rating - persen_rating - persen_selesai - rating_1 - rating_2 - rating_3 - rating_4 - rating_5 - regu - selesai total + total_selesai + persen_selesai + total_inproses + persen_inproses + total_rating + persen_rating + nilai_rating1 + nilai_rating2 + nilai_rating3 + nilai_rating4 + nilai_rating5 + indeks_rating + total_nonrating + persen_nonrating } } `, @@ -774,32 +782,36 @@ export const queries = { query rekapitulasiGangguanKoreksiTransaksiIndividual( $dateFrom: Date! $dateTo: Date! - $posko: Int! + $idUlp: Int! $idUid: Int! $idUp3: Int! ) { rekapitulasiGangguanKoreksiTransaksiIndividual( dateFrom: $dateFrom dateTo: $dateTo - posko: $posko + idUlp: $idUlp idUid: $idUid idUp3: $idUp3 ) { - agustus - april - desember - februari - januari - juli - juni - maret - mei - november - oktober - september - uid - ulp - up3 + id + id_uid + nama_uid + id_up3 + nama_up3 + id_ulp + nama_ulp + month1 + month2 + month3 + month4 + month5 + month6 + month7 + month8 + month9 + month10 + month11 + month12 } } `, From 6af6066b7f5e18bf2b8628f95b28b5bf69133d41 Mon Sep 17 00:00:00 2001 From: Dede Fuji Abdul Date: Wed, 13 Mar 2024 20:12:28 +0700 Subject: [PATCH 05/51] Refactor table column name and add new GraphQL query for gangguan cleansing transaksi TM --- .../Pages/Gangguan/Rekap/RGangguan_ALL.vue | 4 +- .../Pages/Gangguan/Rekap/RGangguan_CTTM.vue | 438 ++++++++++++++++-- src/utils/api/api.graphql.ts | 37 ++ 3 files changed, 446 insertions(+), 33 deletions(-) diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue index 5508d0b..07608ef 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue @@ -96,10 +96,10 @@ :width="150" alignment="center" data-field="nama_posko" - caption="Nama Unit" + caption="Posko" css-class="custom-table-column" cell-template="formatText" - name="namaUnit" + name="namaPosko" :group-index="3" /> diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_CTTM.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_CTTM.vue index 1dc5add..38c3272 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_CTTM.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_CTTM.vue @@ -12,10 +12,10 @@ :row-alternation-enabled="true" :hover-state-enabled="true" @selection-changed="onSelectionChanged" - :column-width="100" @exporting="onExporting" :allow-column-resizing="true" column-resizing-mode="widget" + :word-wrap-enabled="true" > @@ -39,110 +39,141 @@ + + + + + + + + @@ -150,7 +181,7 @@ diff --git a/src/utils/api/api.graphql.ts b/src/utils/api/api.graphql.ts index 555bca7..8dfea2b 100755 --- a/src/utils/api/api.graphql.ts +++ b/src/utils/api/api.graphql.ts @@ -578,6 +578,43 @@ export const queries = { }, gangguan: { rekap: { + gangguanCleansingTransaksiTM: gql` + query rekapitulasiGangguanCleansingTransaksiTM( + $dateFrom: Date! + $dateTo: Date! + $idUlp: Int! + $idUid: Int! + $idUp3: Int! + ) { + rekapitulasiGangguanCleansingTransaksiTM( + dateFrom: $dateFrom + dateTo: $dateTo + idUlp: $idUlp + idUid: $idUid + idUp3: $idUp3 + ) { + id + id_uid + nama_uid + id_up3 + nama_up3 + id_ulp + nama_ulp + month1 + month2 + month3 + month4 + month5 + month6 + month7 + month8 + month9 + month10 + month11 + month12 + } + } + `, gangguanRatingPerRegu: gql` query rekapitulasiGangguanRatingPerRegu( $dateFrom: Date! From 6852a8cb846878c475e0224c8df5d78a503846bc Mon Sep 17 00:00:00 2001 From: Dede Fuji Abdul Date: Wed, 13 Mar 2024 22:15:20 +0700 Subject: [PATCH 06/51] Add min-width utility classes and format table cells --- src/assets/css/style.css | 8 + .../Keluhan/Rekap/RKeluhan_BerdasarMedia.vue | 25 +- .../Rekap/RKeluhan_PerKelompokKeluhan.vue | 106 +++++--- .../Keluhan/Rekap/RKeluhan_PerTanggal.vue | 104 +++++--- .../Pages/Keluhan/Rekap/RKeluhan_PerUnit.vue | 183 +++++++++----- .../Keluhan/Rekap/RKeluhan_RatingPerUnit.vue | 234 ++++++++++++++---- 6 files changed, 475 insertions(+), 185 deletions(-) diff --git a/src/assets/css/style.css b/src/assets/css/style.css index 4784f11..117b5c1 100755 --- a/src/assets/css/style.css +++ b/src/assets/css/style.css @@ -1831,6 +1831,14 @@ body { min-width: 100%; } +.min-w-\[60px\] { + min-width: 60px; +} + +.min-w-\[100px\] { + min-width: 100px; +} + .max-w-2xl { max-width: 42rem; } diff --git a/src/components/Pages/Keluhan/Rekap/RKeluhan_BerdasarMedia.vue b/src/components/Pages/Keluhan/Rekap/RKeluhan_BerdasarMedia.vue index 628c056..a4d3db4 100755 --- a/src/components/Pages/Keluhan/Rekap/RKeluhan_BerdasarMedia.vue +++ b/src/components/Pages/Keluhan/Rekap/RKeluhan_BerdasarMedia.vue @@ -51,6 +51,7 @@ css-class="custom-table-column" data-field="no" data-type="number" + cell-template="formatNumber" /> @@ -77,23 +79,37 @@ summary-type="sum" display-format="Call PLN 123" show-in-column="no" - css-class="text-white" + css-class="text-white !text-left" /> + + @@ -46,7 +202,7 @@ \ No newline at end of file +onMounted(() => { + if (import.meta.env.DEV) { + data.value = [ + { + id: 0, + nama_regional: 'REGIONAL SUMKAL', + id_uid: 230, + nama_uid: 'WILAYAH KALIMANTAN TIMUR', + id_up3: 231, + nama_up3: 'UP3 SAMARINDA', + id_ulp: 23156, + nama_ulp: 'ULP SAMARINDA ULU', + mom_bulan_ini: -213179, + mom_bulan_kemarin: 673, + persen_mom: 31775.994473750405, + yoy_tahun_ini: 2069, + yoy_tahun_kemarin: 1841, + persen_yoy: -12.38457360130364 + }, + { + id: 1, + nama_regional: 'REGIONAL SUMKAL', + id_uid: 180, + nama_uid: 'WILAYAH RIAU DAN KEPULAUAN RIAU', + id_up3: 183, + nama_up3: 'UP3 TANJUNGPINANG', + id_ulp: 18302, + nama_ulp: 'ULP KIJANG', + mom_bulan_ini: -114, + mom_bulan_kemarin: 373, + persen_mom: 130.77740603697222, + yoy_tahun_ini: 1324, + yoy_tahun_kemarin: 1931, + persen_yoy: 31.434489901605385 + }, + { + id: 2, + nama_regional: 'REGIONAL SUMKAL', + id_uid: 180, + nama_uid: 'WILAYAH RIAU DAN KEPULAUAN RIAU', + id_up3: 182, + nama_up3: 'UP3 DUMAI', + id_ulp: 18240, + nama_ulp: 'ULP SELATPANJANG', + mom_bulan_ini: -869, + mom_bulan_kemarin: 493, + persen_mom: 276.27086351782094, + yoy_tahun_ini: 1454, + yoy_tahun_kemarin: 702, + persen_yoy: -107.12250712250713 + }, + { + id: 3, + nama_regional: 'REGIONAL SUMKAL', + id_uid: 120, + nama_uid: 'WILAYAH SUMATERA UTARA', + id_up3: 12400, + nama_up3: 'UP3 PADANG SIDIMPUAN', + id_ulp: 12415, + nama_ulp: 'ULP NATAL', + mom_bulan_ini: -16, + mom_bulan_kemarin: 184, + persen_mom: 108.95582431788799, + yoy_tahun_ini: 426, + yoy_tahun_kemarin: 536, + persen_yoy: 20.522388059701495 + }, + { + id: 4, + nama_regional: 'REGIONAL SUMKAL', + id_uid: 230, + nama_uid: 'WILAYAH KALIMANTAN TIMUR', + id_up3: 231, + nama_up3: 'UP3 SAMARINDA', + id_ulp: 23102, + nama_ulp: 'ULP SAMARINDA SEBERANG', + mom_bulan_ini: -295198, + mom_bulan_kemarin: 1025, + persen_mom: 28899.899321562316, + yoy_tahun_ini: 3193, + yoy_tahun_kemarin: 2649, + persen_yoy: -20.53605134012835 + }, + { + id: 5, + nama_regional: 'REGIONAL SULMAPANA', + id_uid: 32, + nama_uid: 'WILAYAH SULAWESI SELATAN, TENGGARA DAN BARAT', + id_up3: 32200, + nama_up3: 'UP3 WATAMPONE', + id_ulp: 32240, + nama_ulp: 'ULP SENGKANG', + mom_bulan_ini: -107, + mom_bulan_kemarin: 606, + persen_mom: 117.772648051322, + yoy_tahun_ini: 2082, + yoy_tahun_kemarin: 1190, + persen_yoy: -74.95798319327731 + }, + { + id: 6, + nama_regional: 'REGIONAL SUMKAL', + id_uid: 180, + nama_uid: 'WILAYAH RIAU DAN KEPULAUAN RIAU', + id_up3: 181, + nama_up3: 'UP3 PEKANBARU', + id_ulp: 18150, + nama_ulp: 'ULP PERAWANG', + mom_bulan_ini: -407, + mom_bulan_kemarin: 916, + persen_mom: 144.4547767778033, + yoy_tahun_ini: 2897, + yoy_tahun_kemarin: 2706, + persen_yoy: -7.058388765705839 + }, + { + id: 7, + nama_regional: 'REGIONAL SUMKAL', + id_uid: 180, + nama_uid: 'WILAYAH RIAU DAN KEPULAUAN RIAU', + id_up3: 183, + nama_up3: 'UP3 TANJUNGPINANG', + id_ulp: 18306, + nama_ulp: 'ULP TANJUNG BATU', + mom_bulan_ini: -539, + mom_bulan_kemarin: 69, + persen_mom: 882.5544353427151, + yoy_tahun_ini: 252, + yoy_tahun_kemarin: 322, + persen_yoy: 21.73913043478261 + }, + { + id: 8, + nama_regional: 'REGIONAL SUMKAL', + id_uid: 180, + nama_uid: 'WILAYAH RIAU DAN KEPULAUAN RIAU', + id_up3: 184, + nama_up3: 'UP3 RENGAT', + id_ulp: 18430, + nama_ulp: 'ULP KUALA ENOK', + mom_bulan_ini: -169, + mom_bulan_kemarin: 188, + persen_mom: 190.35948625202792, + yoy_tahun_ini: 591, + yoy_tahun_kemarin: 2752, + persen_yoy: 78.52470930232558 + }, + { + id: 9, + nama_regional: 'REGIONAL SUMKAL', + id_uid: 180, + nama_uid: 'WILAYAH RIAU DAN KEPULAUAN RIAU', + id_up3: 181, + nama_up3: 'UP3 PEKANBARU', + id_ulp: 18170, + nama_ulp: 'ULP SIAK SRI INDRAPURA', + mom_bulan_ini: -11, + mom_bulan_kemarin: 391, + persen_mom: 102.89304140589162, + yoy_tahun_ini: 1163, + yoy_tahun_kemarin: 2109, + persen_yoy: 44.85538169748696 + }, + { + id: 10, + nama_regional: 'REGIONAL SUMKAL', + id_uid: 180, + nama_uid: 'WILAYAH RIAU DAN KEPULAUAN RIAU', + id_up3: 182, + nama_up3: 'UP3 DUMAI', + id_ulp: 18260, + nama_ulp: 'ULP BAGAN BATU', + mom_bulan_ini: -600, + mom_bulan_kemarin: 964, + persen_mom: 162.33329138602699, + yoy_tahun_ini: 3581, + yoy_tahun_kemarin: 2965, + persen_yoy: -20.775716694772346 + }, + { + id: 11, + nama_regional: 'REGIONAL SUMKAL', + id_uid: 230, + nama_uid: 'WILAYAH KALIMANTAN TIMUR', + id_up3: 231, + nama_up3: 'UP3 SAMARINDA', + id_ulp: 23112, + nama_ulp: 'ULP TENGGARONG', + mom_bulan_ini: -4524, + mom_bulan_kemarin: 981, + persen_mom: 561.2414600051343, + yoy_tahun_ini: 3234, + yoy_tahun_kemarin: 3514, + persen_yoy: 7.968127490039841 + }, + { + id: 12, + nama_regional: 'REGIONAL SUMKAL', + id_uid: 180, + nama_uid: 'WILAYAH RIAU DAN KEPULAUAN RIAU', + id_up3: 183, + nama_up3: 'UP3 TANJUNGPINANG', + id_ulp: 18303, + nama_ulp: 'ULP TANJUNG UBAN', + mom_bulan_ini: -186, + mom_bulan_kemarin: 191, + persen_mom: 197.5691701222732, + yoy_tahun_ini: 615, + yoy_tahun_kemarin: 1058, + persen_yoy: 41.87145557655955 + }, + { + id: 13, + nama_regional: 'REGIONAL SUMKAL', + id_uid: 180, + nama_uid: 'WILAYAH RIAU DAN KEPULAUAN RIAU', + id_up3: 184, + nama_up3: 'UP3 RENGAT', + id_ulp: 18410, + nama_ulp: 'ULP RENGAT KOTA', + mom_bulan_ini: -476, + mom_bulan_kemarin: 955, + persen_mom: 149.94027462127963, + yoy_tahun_ini: 2931, + yoy_tahun_kemarin: 4545, + persen_yoy: 35.51155115511551 + }, + { + id: 14, + nama_regional: 'REGIONAL JMB', + id_uid: 101, + nama_uid: 'DISTRIBUSI JAWA TENGAH & DIY', + id_up3: 52200, + nama_up3: 'UP3 PURWOKERTO', + id_ulp: 52201, + nama_ulp: 'ULP PURWOKERTO KOTA', + mom_bulan_ini: -63, + mom_bulan_kemarin: 3642, + persen_mom: 101.7401502360751, + yoy_tahun_ini: 11511, + yoy_tahun_kemarin: 14451, + persen_yoy: 20.344612829561967 + }, + { + id: 15, + nama_regional: 'REGIONAL SUMKAL', + id_uid: 180, + nama_uid: 'WILAYAH RIAU DAN KEPULAUAN RIAU', + id_up3: 181, + nama_up3: 'UP3 PEKANBARU', + id_ulp: 18111, + nama_ulp: 'ULP PEKANBARU KOTA BARAT', + mom_bulan_ini: -1097, + mom_bulan_kemarin: 1964, + persen_mom: 155.88116671737166, + yoy_tahun_ini: 6506, + yoy_tahun_kemarin: 5316, + persen_yoy: -22.385252069224983 + } + ] + } +}) + diff --git a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_JumlahDDRPTRCTGangguan.vue b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_JumlahDDRPTRCTGangguan.vue index 0eacb72..1e05f4c 100755 --- a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_JumlahDDRPTRCTGangguan.vue +++ b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_JumlahDDRPTRCTGangguan.vue @@ -1,78 +1,341 @@ @@ -86,11 +349,13 @@ import { DxColumn, DxColumnFixing, DxExport, + DxGroupItem, DxLoadPanel, DxPaging, DxScrolling, DxSearchPanel, - DxSelection + DxSelection, + DxSummary } from 'devextreme-vue/data-grid' import { jsPDF } from 'jspdf' import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter' @@ -100,6 +365,7 @@ import { Workbook } from 'exceljs' import { useQuery } from '@vue/apollo-composable' import { getMonthName } from '@/utils/texts' import { queries } from '@/utils/api/api.graphql' +import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers' const currentYear = ref(new Date().getFullYear()) const currentMonth = ref(new Date().getMonth()) @@ -110,17 +376,20 @@ const showPane = ref(true) const data = ref([]) const dataDetail = ref() const showDetail = ref(false) -const { onResult, onError, loading, refetch } = useQuery(queries.monalisa.gangguan.rekap.jumlahDurasiRptRctGangguan, { - bulan: 10, - tahun: 2023, - // regional: '', - idUlp: 0, - idUid: 0, - idUp3: 0 -}) +const { onResult, onError, loading, refetch } = useQuery( + queries.monalisa.gangguan.rekap.jumlahDurasiRptRctGangguan, + { + bulan: 10, + tahun: 2023, + // regional: '', + idUlp: 0, + idUid: 0, + idUp3: 0 + } +) const filterData = (params: any) => { const { - // regional, + // regional, ulp, uid, up3, @@ -194,8 +463,339 @@ const filters = ref({ tahun: 2024 }) - onMounted(() => { getMonthName(filters.value.bulan.id) + data.value = [ + { + id: 0, + nama_regional: 'REGIONAL SUMKAL', + id_uid: 120, + nama_uid: 'WILAYAH SUMATERA UTARA', + id_up3: 12100, + nama_up3: 'UP3 PEMATANG SIANTAR', + id_ulp: 12102, + nama_ulp: 'ULP LIMA PULUH', + total_durasi_response_time_bulan_ini: 15239, + count_durasi_response_time_bulan_ini: 26, + avg_durasi_response_time_bulan_ini: 586.1153846153846, + total_durasi_recovery_time_bulan_ini: 31425, + count_durasi_recovery_time_bulan_ini: 26, + avg_durasi_recovery_time_bulan_ini: 1208.6538461538462, + total_durasi_response_time_tahun_ini: 353812, + count_durasi_response_time_tahun_ini: 746, + avg_durasi_response_time_tahun_ini: 474.2788203753351, + total_durasi_recovery_time_tahun_ini: 708488, + count_durasi_recovery_time_tahun_ini: 746, + avg_durasi_recovery_time_tahun_ini: 474.2788203753351 + }, + { + id: 1, + nama_regional: 'REGIONAL SULMAPANA', + id_uid: 41, + nama_uid: 'WILAYAH MALUKU DAN MALUKU UTARA', + id_up3: 412, + nama_up3: 'UP3 TERNATE', + id_ulp: 41230, + nama_ulp: 'ULP BACAN', + total_durasi_response_time_bulan_ini: 475280, + count_durasi_response_time_bulan_ini: 378, + avg_durasi_response_time_bulan_ini: 1257.3544973544974, + total_durasi_recovery_time_bulan_ini: 834379, + count_durasi_recovery_time_bulan_ini: 378, + avg_durasi_recovery_time_bulan_ini: 2207.3518518518517, + total_durasi_response_time_tahun_ini: 2353207, + count_durasi_response_time_tahun_ini: 2185, + avg_durasi_response_time_tahun_ini: 1076.982608695652, + total_durasi_recovery_time_tahun_ini: 3773486, + count_durasi_recovery_time_tahun_ini: 2034, + avg_durasi_recovery_time_tahun_ini: 1076.982608695652 + }, + { + id: 2, + nama_regional: 'REGIONAL JMB', + id_uid: 101, + nama_uid: 'DISTRIBUSI JAWA TENGAH & DIY', + id_up3: 52150, + nama_up3: 'UP3 MAGELANG', + id_ulp: 52156, + nama_ulp: 'ULP PARAKAN', + total_durasi_response_time_bulan_ini: 1149446, + count_durasi_response_time_bulan_ini: 991, + avg_durasi_response_time_bulan_ini: 1159.8849646821393, + total_durasi_recovery_time_bulan_ini: 2064288, + count_durasi_recovery_time_bulan_ini: 991, + avg_durasi_recovery_time_bulan_ini: 2083.0353178607465, + total_durasi_response_time_tahun_ini: 11820004, + count_durasi_response_time_tahun_ini: 10220, + avg_durasi_response_time_tahun_ini: 1156.5561643835617, + total_durasi_recovery_time_tahun_ini: 19879614, + count_durasi_recovery_time_tahun_ini: 10215, + avg_durasi_recovery_time_tahun_ini: 1156.5561643835617 + }, + { + id: 3, + nama_regional: 'REGIONAL SULMAPANA', + id_uid: 31, + nama_uid: 'WILAYAH SULAWESI UTARA,TENGAH DAN GORONTALO', + id_up3: 31500, + nama_up3: 'UP3 TOLITOLI', + id_ulp: 31530, + nama_ulp: 'ULP BANGKIR', + total_durasi_response_time_bulan_ini: 52509, + count_durasi_response_time_bulan_ini: 52, + avg_durasi_response_time_bulan_ini: 1009.7884615384615, + total_durasi_recovery_time_bulan_ini: 96349, + count_durasi_recovery_time_bulan_ini: 52, + avg_durasi_recovery_time_bulan_ini: 1852.8653846153845, + total_durasi_response_time_tahun_ini: 13888593, + count_durasi_response_time_tahun_ini: 2300, + avg_durasi_response_time_tahun_ini: 6038.518695652174, + total_durasi_recovery_time_tahun_ini: 2188450, + count_durasi_recovery_time_tahun_ini: 2291, + avg_durasi_recovery_time_tahun_ini: 6038.518695652174 + }, + { + id: 4, + nama_regional: 'REGIONAL JMB', + id_uid: 103, + nama_uid: 'DISTRIBUSI JAWA TIMUR', + id_up3: 154, + nama_up3: 'UP3 SITUBONDO', + id_ulp: 51654, + nama_ulp: 'ULP WONOSARI', + total_durasi_response_time_bulan_ini: 1408665, + count_durasi_response_time_bulan_ini: 843, + avg_durasi_response_time_bulan_ini: 1671.0142348754448, + total_durasi_recovery_time_bulan_ini: 2183667, + count_durasi_recovery_time_bulan_ini: 843, + avg_durasi_recovery_time_bulan_ini: 2590.3523131672596, + total_durasi_response_time_tahun_ini: 11091744, + count_durasi_response_time_tahun_ini: 8376, + avg_durasi_response_time_tahun_ini: 1324.2292263610316, + total_durasi_recovery_time_tahun_ini: 17694880, + count_durasi_recovery_time_tahun_ini: 8237, + avg_durasi_recovery_time_tahun_ini: 1324.2292263610316 + }, + { + id: 5, + nama_regional: 'REGIONAL SUMKAL', + id_uid: 110, + nama_uid: 'WILAYAH ACEH', + id_up3: 116, + nama_up3: 'UP3 SIGLI', + id_ulp: 11662, + nama_ulp: 'ULP MEUREUDU', + total_durasi_response_time_bulan_ini: 762987, + count_durasi_response_time_bulan_ini: 735, + avg_durasi_response_time_bulan_ini: 1038.0775510204082, + total_durasi_recovery_time_bulan_ini: 1550302, + count_durasi_recovery_time_bulan_ini: 735, + avg_durasi_recovery_time_bulan_ini: 2109.2544217687073, + total_durasi_response_time_tahun_ini: 8107328, + count_durasi_response_time_tahun_ini: 8068, + avg_durasi_response_time_tahun_ini: 1004.874566187407, + total_durasi_recovery_time_tahun_ini: 15846250, + count_durasi_recovery_time_tahun_ini: 8064, + avg_durasi_recovery_time_tahun_ini: 1004.874566187407 + }, + { + id: 6, + nama_regional: 'REGIONAL JMB', + id_uid: 287, + nama_uid: 'DISTRIBUSI BALI', + id_up3: 329, + nama_up3: 'UP3 BALI UTARA', + id_ulp: 55340, + nama_ulp: 'ULP GILIMANUK', + total_durasi_response_time_bulan_ini: 809159, + count_durasi_response_time_bulan_ini: 656, + avg_durasi_response_time_bulan_ini: 1233.4740853658536, + total_durasi_recovery_time_bulan_ini: 1309097, + count_durasi_recovery_time_bulan_ini: 656, + avg_durasi_recovery_time_bulan_ini: 1995.5746951219512, + total_durasi_response_time_tahun_ini: 12308918, + count_durasi_response_time_tahun_ini: 8660, + avg_durasi_response_time_tahun_ini: 1421.35311778291, + total_durasi_recovery_time_tahun_ini: 19393316, + count_durasi_recovery_time_tahun_ini: 8626, + avg_durasi_recovery_time_tahun_ini: 1421.35311778291 + }, + { + id: 7, + nama_regional: 'REGIONAL SUMKAL', + id_uid: 131, + nama_uid: 'WILAYAH SUMATERA BARAT', + id_up3: 13300, + nama_up3: 'UP3 SOLOK', + id_ulp: 13334, + nama_ulp: 'ULP SILUNGKANG', + total_durasi_response_time_bulan_ini: 138385, + count_durasi_response_time_bulan_ini: 187, + avg_durasi_response_time_bulan_ini: 740.0267379679144, + total_durasi_recovery_time_bulan_ini: 292325, + count_durasi_recovery_time_bulan_ini: 187, + avg_durasi_recovery_time_bulan_ini: 1563.235294117647, + total_durasi_response_time_tahun_ini: 1356526, + count_durasi_response_time_tahun_ini: 1575, + avg_durasi_response_time_tahun_ini: 861.2863492063492, + total_durasi_recovery_time_tahun_ini: 2834067, + count_durasi_recovery_time_tahun_ini: 1553, + avg_durasi_recovery_time_tahun_ini: 861.2863492063492 + }, + { + id: 8, + nama_regional: 'REGIONAL SUMKAL', + id_uid: 221, + nama_uid: 'WILAYAH KALIMANTAN SELATAN DAN TENGAH', + id_up3: 2220, + nama_up3: 'UP3 BARABAI', + id_ulp: 22230, + nama_ulp: 'ULP AMUNTAI', + total_durasi_response_time_bulan_ini: 208716, + count_durasi_response_time_bulan_ini: 329, + avg_durasi_response_time_bulan_ini: 634.3951367781156, + total_durasi_recovery_time_bulan_ini: 382846, + count_durasi_recovery_time_bulan_ini: 329, + avg_durasi_recovery_time_bulan_ini: 1163.6656534954407, + total_durasi_response_time_tahun_ini: 2571552, + count_durasi_response_time_tahun_ini: 3294, + avg_durasi_response_time_tahun_ini: 780.6775956284152, + total_durasi_recovery_time_tahun_ini: 4579466, + count_durasi_recovery_time_tahun_ini: 3269, + avg_durasi_recovery_time_tahun_ini: 780.6775956284152 + }, + { + id: 9, + nama_regional: 'REGIONAL SULMAPANA', + id_uid: 31, + nama_uid: 'WILAYAH SULAWESI UTARA,TENGAH DAN GORONTALO', + id_up3: 31700, + nama_up3: 'UP3 KOTAMOBAGU', + id_ulp: 31730, + nama_ulp: 'ULP MODAYAG', + total_durasi_response_time_bulan_ini: 172545, + count_durasi_response_time_bulan_ini: 106, + avg_durasi_response_time_bulan_ini: 1627.7830188679245, + total_durasi_recovery_time_bulan_ini: 241479, + count_durasi_recovery_time_bulan_ini: 106, + avg_durasi_recovery_time_bulan_ini: 2278.103773584906, + total_durasi_response_time_tahun_ini: 1863546, + count_durasi_response_time_tahun_ini: 1801, + avg_durasi_response_time_tahun_ini: 1034.728484175458, + total_durasi_recovery_time_tahun_ini: 2899034, + count_durasi_recovery_time_tahun_ini: 1759, + avg_durasi_recovery_time_tahun_ini: 1034.728484175458 + }, + { + id: 10, + nama_regional: 'REGIONAL JMB', + id_uid: 427, + nama_uid: 'DISTRIBUSI JAWA BARAT', + id_up3: 546, + nama_up3: 'UP3 TASIKMALAYA', + id_ulp: 53231, + nama_ulp: 'ULP CIAMIS', + total_durasi_response_time_bulan_ini: 1077336, + count_durasi_response_time_bulan_ini: 1604, + avg_durasi_response_time_bulan_ini: 671.6558603491272, + total_durasi_recovery_time_bulan_ini: 1901265, + count_durasi_recovery_time_bulan_ini: 1604, + avg_durasi_recovery_time_bulan_ini: 1185.327306733167, + total_durasi_response_time_tahun_ini: 12491127, + count_durasi_response_time_tahun_ini: 20694, + avg_durasi_response_time_tahun_ini: 603.6110466801972, + total_durasi_recovery_time_tahun_ini: 19887846, + count_durasi_recovery_time_tahun_ini: 20343, + avg_durasi_recovery_time_tahun_ini: 603.6110466801972 + }, + { + id: 11, + nama_regional: 'REGIONAL JMB', + id_uid: 103, + nama_uid: 'DISTRIBUSI JAWA TIMUR', + id_up3: 157, + nama_up3: 'UP3 SURABAYA UTARA', + id_ulp: 51101, + nama_ulp: 'ULP INDRAPURA', + total_durasi_response_time_bulan_ini: 468551, + count_durasi_response_time_bulan_ini: 438, + avg_durasi_response_time_bulan_ini: 1069.7511415525114, + total_durasi_recovery_time_bulan_ini: 857038, + count_durasi_recovery_time_bulan_ini: 438, + avg_durasi_recovery_time_bulan_ini: 1956.7077625570776, + total_durasi_response_time_tahun_ini: 6115468, + count_durasi_response_time_tahun_ini: 5889, + avg_durasi_response_time_tahun_ini: 1038.4561046018, + total_durasi_recovery_time_tahun_ini: 10632184, + count_durasi_recovery_time_tahun_ini: 5658, + avg_durasi_recovery_time_tahun_ini: 1038.4561046018 + }, + { + id: 12, + nama_regional: 'REGIONAL SULMAPANA', + id_uid: 41, + nama_uid: 'WILAYAH MALUKU DAN MALUKU UTARA', + id_up3: 414, + nama_up3: 'UP3 MASOHI', + id_ulp: 41430, + nama_ulp: 'ULP MASOHI', + total_durasi_response_time_bulan_ini: 113695, + count_durasi_response_time_bulan_ini: 145, + avg_durasi_response_time_bulan_ini: 784.1034482758621, + total_durasi_recovery_time_bulan_ini: 211422, + count_durasi_recovery_time_bulan_ini: 145, + avg_durasi_recovery_time_bulan_ini: 1458.0827586206897, + total_durasi_response_time_tahun_ini: 2363191, + count_durasi_response_time_tahun_ini: 2822, + avg_durasi_response_time_tahun_ini: 837.4170800850461, + total_durasi_recovery_time_tahun_ini: 4201912, + count_durasi_recovery_time_tahun_ini: 2818, + avg_durasi_recovery_time_tahun_ini: 837.4170800850461 + }, + { + id: 13, + nama_regional: 'REGIONAL SUMKAL', + id_uid: 131, + nama_uid: 'WILAYAH SUMATERA BARAT', + id_up3: 13100, + nama_up3: 'UP3 PADANG', + id_ulp: 13105, + nama_ulp: 'ULP LUBUK ALUNG', + total_durasi_response_time_bulan_ini: 504207, + count_durasi_response_time_bulan_ini: 516, + avg_durasi_response_time_bulan_ini: 977.1453488372093, + total_durasi_recovery_time_bulan_ini: 974512, + count_durasi_recovery_time_bulan_ini: 516, + avg_durasi_recovery_time_bulan_ini: 1888.5891472868218, + total_durasi_response_time_tahun_ini: 5776799, + count_durasi_response_time_tahun_ini: 5202, + avg_durasi_response_time_tahun_ini: 1110.4957708573625, + total_durasi_recovery_time_tahun_ini: 10668074, + count_durasi_recovery_time_tahun_ini: 5035, + avg_durasi_recovery_time_tahun_ini: 1110.4957708573625 + }, + { + id: 14, + nama_regional: 'REGIONAL JMB', + id_uid: 103, + nama_uid: 'DISTRIBUSI JAWA TIMUR', + id_up3: 153, + nama_up3: 'UP3 SIDOARJO', + id_ulp: 51182, + nama_ulp: 'ULP PORONG', + total_durasi_response_time_bulan_ini: 2711446, + count_durasi_response_time_bulan_ini: 2407, + avg_durasi_response_time_bulan_ini: 1126.483589530536, + total_durasi_recovery_time_bulan_ini: 4361855, + count_durasi_recovery_time_bulan_ini: 2407, + avg_durasi_recovery_time_bulan_ini: 1812.1541337764852, + total_durasi_response_time_tahun_ini: 27345376, + count_durasi_response_time_tahun_ini: 21982, + avg_durasi_response_time_tahun_ini: 1243.9894459102902, + total_durasi_recovery_time_tahun_ini: 43993555, + count_durasi_recovery_time_tahun_ini: 21919, + avg_durasi_recovery_time_tahun_ini: 1243.9894459102902 + } + ] }) - \ No newline at end of file + diff --git a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_RecoveryTimeGangguan.vue b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_RecoveryTimeGangguan.vue index afad295..0c56323 100755 --- a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_RecoveryTimeGangguan.vue +++ b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_RecoveryTimeGangguan.vue @@ -1,44 +1,200 @@ @@ -46,7 +202,7 @@ \ No newline at end of file +onMounted(() => { + if (import.meta.env.DEV) { + data.value = [ + { + id: 0, + nama_regional: null, + id_uid: 0, + nama_uid: '', + id_up3: 0, + nama_up3: '', + id_ulp: 0, + nama_ulp: '', + mom_bulan_ini: 12443791, + mom_bulan_kemarin: 9182428, + persen_mom: -35.517436129093525, + yoy_tahun_ini: 139773892, + yoy_tahun_kemarin: 168209007, + persen_yoy: 16.904632817908496 + }, + { + id: 1, + nama_regional: 'REGIONAL SUMKAL', + id_uid: 120, + nama_uid: 'WILAYAH SUMATERA UTARA', + id_up3: 12100, + nama_up3: 'UP3 PEMATANG SIANTAR', + id_ulp: 12102, + nama_ulp: 'ULP LIMA PULUH', + mom_bulan_ini: 16186, + mom_bulan_kemarin: 112331, + persen_mom: 85.59079862192984, + yoy_tahun_ini: 354676, + yoy_tahun_kemarin: 624303, + persen_yoy: 43.18848379713056 + }, + { + id: 2, + nama_regional: 'REGIONAL SULMAPANA', + id_uid: 41, + nama_uid: 'WILAYAH MALUKU DAN MALUKU UTARA', + id_up3: 412, + nama_up3: 'UP3 TERNATE', + id_ulp: 41230, + nama_ulp: 'ULP BACAN', + mom_bulan_ini: 384375, + mom_bulan_kemarin: 22976, + persen_mom: -1572.9413300835654, + yoy_tahun_ini: 1643180, + yoy_tahun_kemarin: 492691, + persen_yoy: -233.51126771140534 + }, + { + id: 3, + nama_regional: 'REGIONAL JMB', + id_uid: 101, + nama_uid: 'DISTRIBUSI JAWA TENGAH & DIY', + id_up3: 52150, + nama_up3: 'UP3 MAGELANG', + id_ulp: 52156, + nama_ulp: 'ULP PARAKAN', + mom_bulan_ini: 914842, + mom_bulan_kemarin: 585884, + persen_mom: -56.14729195540414, + yoy_tahun_ini: 8072389, + yoy_tahun_kemarin: 11055796, + persen_yoy: 26.985004064836215 + }, + { + id: 4, + nama_regional: 'REGIONAL SULMAPANA', + id_uid: 31, + nama_uid: 'WILAYAH SULAWESI UTARA,TENGAH DAN GORONTALO', + id_up3: 31500, + nama_up3: 'UP3 TOLITOLI', + id_ulp: 31530, + nama_ulp: 'ULP BANGKIR', + mom_bulan_ini: 43840, + mom_bulan_kemarin: 59012, + persen_mom: 25.710025079644815, + yoy_tahun_ini: 1098120, + yoy_tahun_kemarin: 2481724, + persen_yoy: 55.751727428191046 + }, + { + id: 5, + nama_regional: 'REGIONAL JMB', + id_uid: 103, + nama_uid: 'DISTRIBUSI JAWA TIMUR', + id_up3: 154, + nama_up3: 'UP3 SITUBONDO', + id_ulp: 51654, + nama_ulp: 'ULP WONOSARI', + mom_bulan_ini: 796862, + mom_bulan_kemarin: 673478, + persen_mom: -18.32042026614084, + yoy_tahun_ini: 6845897, + yoy_tahun_kemarin: 7566389, + persen_yoy: 9.522270134406254 + }, + { + id: 6, + nama_regional: 'REGIONAL SUMKAL', + id_uid: 110, + nama_uid: 'WILAYAH ACEH', + id_up3: 116, + nama_up3: 'UP3 SIGLI', + id_ulp: 11662, + nama_ulp: 'ULP MEUREUDU', + mom_bulan_ini: 787315, + mom_bulan_kemarin: 264692, + persen_mom: -197.44571048614995, + yoy_tahun_ini: 7747710, + yoy_tahun_kemarin: 7916066, + persen_yoy: 2.12676347064312 + }, + { + id: 7, + nama_regional: 'REGIONAL JMB', + id_uid: 287, + nama_uid: 'DISTRIBUSI BALI', + id_up3: 329, + nama_up3: 'UP3 BALI UTARA', + id_ulp: 55340, + nama_ulp: 'ULP GILIMANUK', + mom_bulan_ini: 505036, + mom_bulan_kemarin: 413603, + persen_mom: -22.10646441152506, + yoy_tahun_ini: 7155021, + yoy_tahun_kemarin: 5869321, + persen_yoy: -21.905429946666743 + }, + { + id: 8, + nama_regional: 'REGIONAL SUMKAL', + id_uid: 131, + nama_uid: 'WILAYAH SUMATERA BARAT', + id_up3: 13300, + nama_up3: 'UP3 SOLOK', + id_ulp: 13334, + nama_ulp: 'ULP SILUNGKANG', + mom_bulan_ini: 160505, + mom_bulan_kemarin: 379378, + persen_mom: 57.69259155776033, + yoy_tahun_ini: 1509396, + yoy_tahun_kemarin: 3844624, + persen_yoy: 60.740087977393884 + }, + { + id: 9, + nama_regional: 'REGIONAL SUMKAL', + id_uid: 221, + nama_uid: 'WILAYAH KALIMANTAN SELATAN DAN TENGAH', + id_up3: 2220, + nama_up3: 'UP3 BARABAI', + id_ulp: 22230, + nama_ulp: 'ULP AMUNTAI', + mom_bulan_ini: 181058, + mom_bulan_kemarin: 395103, + persen_mom: 54.17448108467918, + yoy_tahun_ini: 2039104, + yoy_tahun_kemarin: 5170462, + persen_yoy: 60.56244103524985 + }, + { + id: 10, + nama_regional: 'REGIONAL SULMAPANA', + id_uid: 31, + nama_uid: 'WILAYAH SULAWESI UTARA,TENGAH DAN GORONTALO', + id_up3: 31700, + nama_up3: 'UP3 KOTAMOBAGU', + id_ulp: 31730, + nama_ulp: 'ULP MODAYAG', + mom_bulan_ini: 83184, + mom_bulan_kemarin: 144261, + persen_mom: 42.337845987481025, + yoy_tahun_ini: 1111887, + yoy_tahun_kemarin: 2440181, + persen_yoy: 54.4342407386993 + }, + { + id: 11, + nama_regional: 'REGIONAL JMB', + id_uid: 427, + nama_uid: 'DISTRIBUSI JAWA BARAT', + id_up3: 546, + nama_up3: 'UP3 TASIKMALAYA', + id_ulp: 53231, + nama_ulp: 'ULP CIAMIS', + mom_bulan_ini: 843557, + mom_bulan_kemarin: 1369703, + persen_mom: 38.41314503947206, + yoy_tahun_ini: 8579030, + yoy_tahun_kemarin: 16227325, + persen_yoy: 47.13219831364689 + }, + { + id: 12, + nama_regional: 'REGIONAL JMB', + id_uid: 103, + nama_uid: 'DISTRIBUSI JAWA TIMUR', + id_up3: 157, + nama_up3: 'UP3 SURABAYA UTARA', + id_ulp: 51101, + nama_ulp: 'ULP INDRAPURA', + mom_bulan_ini: 433495, + mom_bulan_kemarin: 404500, + persen_mom: -7.168108776266996, + yoy_tahun_ini: 4905051, + yoy_tahun_kemarin: 4976204, + persen_yoy: 1.4298650135725948 + }, + { + id: 13, + nama_regional: 'REGIONAL SULMAPANA', + id_uid: 41, + nama_uid: 'WILAYAH MALUKU DAN MALUKU UTARA', + id_up3: 414, + nama_up3: 'UP3 MASOHI', + id_ulp: 41430, + nama_ulp: 'ULP MASOHI', + mom_bulan_ini: 97727, + mom_bulan_kemarin: 75563, + persen_mom: -29.331815835792654, + yoy_tahun_ini: 1842074, + yoy_tahun_kemarin: 686794, + persen_yoy: -168.21346721142 + }, + { + id: 14, + nama_regional: 'REGIONAL SUMKAL', + id_uid: 131, + nama_uid: 'WILAYAH SUMATERA BARAT', + id_up3: 13100, + nama_up3: 'UP3 PADANG', + id_ulp: 13105, + nama_ulp: 'ULP LUBUK ALUNG', + mom_bulan_ini: 483861, + mom_bulan_kemarin: 1000406, + persen_mom: 51.63353678406567, + yoy_tahun_ini: 5168384, + yoy_tahun_kemarin: 8611936, + persen_yoy: 39.98580574681465 + }, + { + id: 15, + nama_regional: 'REGIONAL JMB', + id_uid: 103, + nama_uid: 'DISTRIBUSI JAWA TIMUR', + id_up3: 153, + nama_up3: 'UP3 SIDOARJO', + id_ulp: 51182, + nama_ulp: 'ULP PORONG', + mom_bulan_ini: 1657675, + mom_bulan_kemarin: 973693, + persen_mom: -70.246165885962, + yoy_tahun_ini: 16774614, + yoy_tahun_kemarin: 12737494, + persen_yoy: -31.694774498029204 + } + ] + } +}) + diff --git a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_ResponseTimeGangguan.vue b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_ResponseTimeGangguan.vue index 6b55388..a4ce743 100755 --- a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_ResponseTimeGangguan.vue +++ b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_ResponseTimeGangguan.vue @@ -1,44 +1,200 @@ @@ -46,7 +202,7 @@ \ No newline at end of file +onMounted(() => { + if (import.meta.env.DEV) { + data.value = [ + { + id: 0, + nama_regional: null, + id_uid: 0, + nama_uid: '', + id_up3: 0, + nama_up3: '', + id_ulp: 0, + nama_ulp: '', + mom_bulan_ini: 12443791, + mom_bulan_kemarin: 9182428, + persen_mom: -35.517436129093525, + yoy_tahun_ini: 139773892, + yoy_tahun_kemarin: 168209007, + persen_yoy: 16.904632817908496 + }, + { + id: 1, + nama_regional: 'REGIONAL SUMKAL', + id_uid: 120, + nama_uid: 'WILAYAH SUMATERA UTARA', + id_up3: 12100, + nama_up3: 'UP3 PEMATANG SIANTAR', + id_ulp: 12102, + nama_ulp: 'ULP LIMA PULUH', + mom_bulan_ini: 16186, + mom_bulan_kemarin: 112331, + persen_mom: 85.59079862192984, + yoy_tahun_ini: 354676, + yoy_tahun_kemarin: 624303, + persen_yoy: 43.18848379713056 + }, + { + id: 2, + nama_regional: 'REGIONAL SULMAPANA', + id_uid: 41, + nama_uid: 'WILAYAH MALUKU DAN MALUKU UTARA', + id_up3: 412, + nama_up3: 'UP3 TERNATE', + id_ulp: 41230, + nama_ulp: 'ULP BACAN', + mom_bulan_ini: 384375, + mom_bulan_kemarin: 22976, + persen_mom: -1572.9413300835654, + yoy_tahun_ini: 1643180, + yoy_tahun_kemarin: 492691, + persen_yoy: -233.51126771140534 + }, + { + id: 3, + nama_regional: 'REGIONAL JMB', + id_uid: 101, + nama_uid: 'DISTRIBUSI JAWA TENGAH & DIY', + id_up3: 52150, + nama_up3: 'UP3 MAGELANG', + id_ulp: 52156, + nama_ulp: 'ULP PARAKAN', + mom_bulan_ini: 914842, + mom_bulan_kemarin: 585884, + persen_mom: -56.14729195540414, + yoy_tahun_ini: 8072389, + yoy_tahun_kemarin: 11055796, + persen_yoy: 26.985004064836215 + }, + { + id: 4, + nama_regional: 'REGIONAL SULMAPANA', + id_uid: 31, + nama_uid: 'WILAYAH SULAWESI UTARA,TENGAH DAN GORONTALO', + id_up3: 31500, + nama_up3: 'UP3 TOLITOLI', + id_ulp: 31530, + nama_ulp: 'ULP BANGKIR', + mom_bulan_ini: 43840, + mom_bulan_kemarin: 59012, + persen_mom: 25.710025079644815, + yoy_tahun_ini: 1098120, + yoy_tahun_kemarin: 2481724, + persen_yoy: 55.751727428191046 + }, + { + id: 5, + nama_regional: 'REGIONAL JMB', + id_uid: 103, + nama_uid: 'DISTRIBUSI JAWA TIMUR', + id_up3: 154, + nama_up3: 'UP3 SITUBONDO', + id_ulp: 51654, + nama_ulp: 'ULP WONOSARI', + mom_bulan_ini: 796862, + mom_bulan_kemarin: 673478, + persen_mom: -18.32042026614084, + yoy_tahun_ini: 6845897, + yoy_tahun_kemarin: 7566389, + persen_yoy: 9.522270134406254 + }, + { + id: 6, + nama_regional: 'REGIONAL SUMKAL', + id_uid: 110, + nama_uid: 'WILAYAH ACEH', + id_up3: 116, + nama_up3: 'UP3 SIGLI', + id_ulp: 11662, + nama_ulp: 'ULP MEUREUDU', + mom_bulan_ini: 787315, + mom_bulan_kemarin: 264692, + persen_mom: -197.44571048614995, + yoy_tahun_ini: 7747710, + yoy_tahun_kemarin: 7916066, + persen_yoy: 2.12676347064312 + }, + { + id: 7, + nama_regional: 'REGIONAL JMB', + id_uid: 287, + nama_uid: 'DISTRIBUSI BALI', + id_up3: 329, + nama_up3: 'UP3 BALI UTARA', + id_ulp: 55340, + nama_ulp: 'ULP GILIMANUK', + mom_bulan_ini: 505036, + mom_bulan_kemarin: 413603, + persen_mom: -22.10646441152506, + yoy_tahun_ini: 7155021, + yoy_tahun_kemarin: 5869321, + persen_yoy: -21.905429946666743 + }, + { + id: 8, + nama_regional: 'REGIONAL SUMKAL', + id_uid: 131, + nama_uid: 'WILAYAH SUMATERA BARAT', + id_up3: 13300, + nama_up3: 'UP3 SOLOK', + id_ulp: 13334, + nama_ulp: 'ULP SILUNGKANG', + mom_bulan_ini: 160505, + mom_bulan_kemarin: 379378, + persen_mom: 57.69259155776033, + yoy_tahun_ini: 1509396, + yoy_tahun_kemarin: 3844624, + persen_yoy: 60.740087977393884 + }, + { + id: 9, + nama_regional: 'REGIONAL SUMKAL', + id_uid: 221, + nama_uid: 'WILAYAH KALIMANTAN SELATAN DAN TENGAH', + id_up3: 2220, + nama_up3: 'UP3 BARABAI', + id_ulp: 22230, + nama_ulp: 'ULP AMUNTAI', + mom_bulan_ini: 181058, + mom_bulan_kemarin: 395103, + persen_mom: 54.17448108467918, + yoy_tahun_ini: 2039104, + yoy_tahun_kemarin: 5170462, + persen_yoy: 60.56244103524985 + }, + { + id: 10, + nama_regional: 'REGIONAL SULMAPANA', + id_uid: 31, + nama_uid: 'WILAYAH SULAWESI UTARA,TENGAH DAN GORONTALO', + id_up3: 31700, + nama_up3: 'UP3 KOTAMOBAGU', + id_ulp: 31730, + nama_ulp: 'ULP MODAYAG', + mom_bulan_ini: 83184, + mom_bulan_kemarin: 144261, + persen_mom: 42.337845987481025, + yoy_tahun_ini: 1111887, + yoy_tahun_kemarin: 2440181, + persen_yoy: 54.4342407386993 + }, + { + id: 11, + nama_regional: 'REGIONAL JMB', + id_uid: 427, + nama_uid: 'DISTRIBUSI JAWA BARAT', + id_up3: 546, + nama_up3: 'UP3 TASIKMALAYA', + id_ulp: 53231, + nama_ulp: 'ULP CIAMIS', + mom_bulan_ini: 843557, + mom_bulan_kemarin: 1369703, + persen_mom: 38.41314503947206, + yoy_tahun_ini: 8579030, + yoy_tahun_kemarin: 16227325, + persen_yoy: 47.13219831364689 + }, + { + id: 12, + nama_regional: 'REGIONAL JMB', + id_uid: 103, + nama_uid: 'DISTRIBUSI JAWA TIMUR', + id_up3: 157, + nama_up3: 'UP3 SURABAYA UTARA', + id_ulp: 51101, + nama_ulp: 'ULP INDRAPURA', + mom_bulan_ini: 433495, + mom_bulan_kemarin: 404500, + persen_mom: -7.168108776266996, + yoy_tahun_ini: 4905051, + yoy_tahun_kemarin: 4976204, + persen_yoy: 1.4298650135725948 + }, + { + id: 13, + nama_regional: 'REGIONAL SULMAPANA', + id_uid: 41, + nama_uid: 'WILAYAH MALUKU DAN MALUKU UTARA', + id_up3: 414, + nama_up3: 'UP3 MASOHI', + id_ulp: 41430, + nama_ulp: 'ULP MASOHI', + mom_bulan_ini: 97727, + mom_bulan_kemarin: 75563, + persen_mom: -29.331815835792654, + yoy_tahun_ini: 1842074, + yoy_tahun_kemarin: 686794, + persen_yoy: -168.21346721142 + }, + { + id: 14, + nama_regional: 'REGIONAL SUMKAL', + id_uid: 131, + nama_uid: 'WILAYAH SUMATERA BARAT', + id_up3: 13100, + nama_up3: 'UP3 PADANG', + id_ulp: 13105, + nama_ulp: 'ULP LUBUK ALUNG', + mom_bulan_ini: 483861, + mom_bulan_kemarin: 1000406, + persen_mom: 51.63353678406567, + yoy_tahun_ini: 5168384, + yoy_tahun_kemarin: 8611936, + persen_yoy: 39.98580574681465 + }, + { + id: 15, + nama_regional: 'REGIONAL JMB', + id_uid: 103, + nama_uid: 'DISTRIBUSI JAWA TIMUR', + id_up3: 153, + nama_up3: 'UP3 SIDOARJO', + id_ulp: 51182, + nama_ulp: 'ULP PORONG', + mom_bulan_ini: 1657675, + mom_bulan_kemarin: 973693, + persen_mom: -70.246165885962, + yoy_tahun_ini: 16774614, + yoy_tahun_kemarin: 12737494, + persen_yoy: -31.694774498029204 + }, + { + id: 16, + nama_regional: 'REGIONAL SULMAPANA', + id_uid: 31, + nama_uid: 'WILAYAH SULAWESI UTARA,TENGAH DAN GORONTALO', + id_up3: 31900, + nama_up3: 'UP3 LUWUK', + id_ulp: 31910, + nama_ulp: 'ULP TOILI', + mom_bulan_ini: 163754, + mom_bulan_kemarin: 84028, + persen_mom: -94.88027800257058, + yoy_tahun_ini: 2165678, + yoy_tahun_kemarin: 1939057, + persen_yoy: -11.687175776679076 + } + ] + } +}) + From 707784bbfd82461fb5b665cd4be8b07efb496784 Mon Sep 17 00:00:00 2001 From: Dede Fuji Abdul Date: Thu, 14 Mar 2024 10:15:21 +0700 Subject: [PATCH 16/51] Remove commented out code in RGangguan_ALL.vue --- src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue index 07608ef..8aaa614 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue @@ -47,7 +47,7 @@ :formats="['pdf', 'xlsx', 'document']" :allow-export-selected-data="false" /> - + /> --> - + /> --> Date: Thu, 14 Mar 2024 10:36:42 +0700 Subject: [PATCH 17/51] Refactor API query in api.graphql.ts --- .../Pages/Keluhan/Rekap/RKeluhan_ALL.vue | 204 ++++++- .../MonalisaGR_GangguanPerJenisGangguan.vue | 194 +++++-- .../Gangguan/Rekap/MonalisaGR_LaporUlang.vue | 512 ++++++++++++++++-- src/utils/api/api.graphql.ts | 45 +- 4 files changed, 865 insertions(+), 90 deletions(-) diff --git a/src/components/Pages/Keluhan/Rekap/RKeluhan_ALL.vue b/src/components/Pages/Keluhan/Rekap/RKeluhan_ALL.vue index 95e7614..5de4f07 100755 --- a/src/components/Pages/Keluhan/Rekap/RKeluhan_ALL.vue +++ b/src/components/Pages/Keluhan/Rekap/RKeluhan_ALL.vue @@ -48,13 +48,37 @@ data-field="nama_ulp" caption="Nama Unit" css-class="custom-table-column" - cell-template="unitName" + cell-template="formatText" /> - + + + + + + + + + + + + + + + + + + + + + + + + + + + + +