From 3138a5d92662ae391fc40bff4b0147fe5fcf04ba Mon Sep 17 00:00:00 2001 From: Dede Fuji Abdul Date: Fri, 15 Mar 2024 20:01:11 +0700 Subject: [PATCH] Add new fields to queries in api.graphql.ts --- .../Pages/Keluhan/Rekap/RKeluhan_PerUnit.vue | 451 +++++++++++++++++- src/utils/api/api.graphql.ts | 8 + 2 files changed, 436 insertions(+), 23 deletions(-) diff --git a/src/components/Pages/Keluhan/Rekap/RKeluhan_PerUnit.vue b/src/components/Pages/Keluhan/Rekap/RKeluhan_PerUnit.vue index e4872c2..f93d02f 100755 --- a/src/components/Pages/Keluhan/Rekap/RKeluhan_PerUnit.vue +++ b/src/components/Pages/Keluhan/Rekap/RKeluhan_PerUnit.vue @@ -53,14 +53,14 @@ cell-template="formatNumber" /> - + /> @@ -261,7 +261,7 @@ summary-type="sum" display-format="{0}" column="total_selesai" - css-class="text-white !text-right" + css-class="!text-right" :show-in-group-footer="true" :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" /> @@ -269,7 +269,7 @@ summary-type="avg" display-format="{0}" column="persen_selesai" - css-class="text-white !text-right" + css-class="!text-right" :show-in-group-footer="true" :customize-text="(e: any) => formatPercentage(parseFloat(e.value.toString()))" /> @@ -277,7 +277,7 @@ summary-type="sum" display-format="{0}" column="total_inproses" - css-class="text-white !text-right" + css-class="!text-right" :show-in-group-footer="true" :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" /> @@ -285,7 +285,7 @@ summary-type="avg" display-format="{0}" column="persen_inproses" - css-class="text-white !text-right" + css-class="!text-right" :show-in-group-footer="true" :customize-text="(e: any) => formatPercentage(parseFloat(e.value.toString()))" /> @@ -293,7 +293,7 @@ summary-type="sum" display-format="{0}" column="total_durasi_response" - css-class="text-white !text-right" + css-class="!text-right" :show-in-group-footer="true" :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" /> @@ -301,7 +301,7 @@ summary-type="avg" display-format="{0}" column="avg_durasi_response" - css-class="text-white !text-right" + css-class="!text-right" :show-in-group-footer="true" :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" /> @@ -309,7 +309,7 @@ summary-type="min" display-format="{0}" column="min_durasi_response" - css-class="text-white !text-right" + css-class="!text-right" :show-in-group-footer="true" :customize-text="(e: any) => (parseInt(e.value) ? formatWaktu(e.value) : '-')" /> @@ -317,7 +317,7 @@ summary-type="max" display-format="{0}" column="max_durasi_response" - css-class="text-white !text-right" + css-class="!text-right" :show-in-group-footer="true" :customize-text="(e: any) => (parseInt(e.value) ? formatWaktu(e.value) : '-')" /> @@ -325,7 +325,7 @@ summary-type="sum" display-format="{0}" column="total_diatas_sla_response" - css-class="text-white !text-right" + css-class="!text-right" :show-in-group-footer="true" :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" /> @@ -333,7 +333,7 @@ summary-type="sum" display-format="{0}" column="total_dibawah_sla_response" - css-class="text-white !text-right" + css-class="!text-right" :show-in-group-footer="true" :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" /> @@ -341,7 +341,7 @@ summary-type="sum" display-format="{0}" column="total_durasi_recovery" - css-class="text-white !text-right" + css-class="!text-right" :show-in-group-footer="true" :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" /> @@ -349,7 +349,7 @@ summary-type="avg" display-format="{0}" column="avg_durasi_recovery" - css-class="text-white !text-right" + css-class="!text-right" :show-in-group-footer="true" :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" /> @@ -357,7 +357,7 @@ summary-type="min" display-format="{0}" column="min_durasi_recovery" - css-class="text-white !text-right" + css-class="!text-right" :show-in-group-footer="true" :customize-text="(e: any) => (parseInt(e.value) ? formatWaktu(e.value) : '-')" /> @@ -365,7 +365,7 @@ summary-type="max" display-format="{0}" column="max_durasi_recovery" - css-class="text-white !text-right" + css-class="!text-right" :show-in-group-footer="true" :customize-text="(e: any) => (parseInt(e.value) ? formatWaktu(e.value) : '-')" /> @@ -373,7 +373,7 @@ summary-type="sum" display-format="{0}" column="total_diatas_sla_recovery" - css-class="text-white !text-right" + css-class="!text-right" :show-in-group-footer="true" :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" /> @@ -381,7 +381,7 @@ summary-type="sum" display-format="{0}" column="total_dibawah_sla_recovery" - css-class="text-white !text-right" + css-class="!text-right" :show-in-group-footer="true" :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" /> @@ -907,7 +907,6 @@ import { Workbook } from 'exceljs' import { useQuery } from '@vue/apollo-composable' import { formatWaktu } from '@/components/Form/FiltersType/reference' import { queries } from '@/utils/api/api.graphql' -import { dummyData } from '@/utils/dummy' import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers' const position = { of: '#data' } @@ -1020,7 +1019,413 @@ const filters = ref() onMounted(() => { if (import.meta.env.DEV) { - data.value = dummyData.keluhan.rekap.rekapitulasiKeluhanPerUnit + 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: 11, + total_selesai: 1, + persen_selesai: 9.090909090909092, + total_inproses: 10, + persen_inproses: 90.9090909090909, + total_durasi_response: 10193, + avg_durasi_response: 1019.3, + min_durasi_response: 379, + max_durasi_response: 1782, + total_dibawah_sla_response: 7, + total_diatas_sla_response: 3, + total_durasi_recovery: 13701, + avg_durasi_recovery: 1245.5454545454545, + min_durasi_recovery: 388, + max_durasi_recovery: 2501, + total_dibawah_sla_recovery: 11, + total_diatas_sla_recovery: 0 + }, + { + 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: 6, + total_selesai: 4, + persen_selesai: 66.66666666666666, + total_inproses: 2, + persen_inproses: 33.33333333333333, + total_durasi_response: 7291, + avg_durasi_response: 1458.2, + min_durasi_response: 308, + max_durasi_response: 2736, + total_dibawah_sla_response: 2, + total_diatas_sla_response: 3, + total_durasi_recovery: 19860, + avg_durasi_recovery: 3310, + min_durasi_recovery: 2152, + max_durasi_recovery: 6176, + total_dibawah_sla_recovery: 5, + total_diatas_sla_recovery: 1 + }, + { + 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: 56, + total_selesai: 15, + persen_selesai: 26.785714285714285, + total_inproses: 41, + persen_inproses: 73.21428571428571, + total_durasi_response: 145058, + avg_durasi_response: 3086.340425531915, + min_durasi_response: 459, + max_durasi_response: 8933, + total_dibawah_sla_response: 11, + total_diatas_sla_response: 36, + total_durasi_recovery: 204948, + avg_durasi_recovery: 3659.785714285714, + min_durasi_recovery: 1, + max_durasi_recovery: 15497, + total_dibawah_sla_recovery: 43, + total_diatas_sla_recovery: 13 + }, + { + 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: 56, + total_selesai: 23, + persen_selesai: 41.07142857142857, + total_inproses: 33, + persen_inproses: 58.92857142857143, + total_durasi_response: 14809, + avg_durasi_response: 643.8695652173913, + min_durasi_response: 63, + max_durasi_response: 6694, + total_dibawah_sla_response: 22, + total_diatas_sla_response: 1, + total_durasi_recovery: 63412, + avg_durasi_recovery: 1132.357142857143, + min_durasi_recovery: 76, + max_durasi_recovery: 6815, + total_dibawah_sla_recovery: 52, + total_diatas_sla_recovery: 4 + }, + { + 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: 92, + total_selesai: 0, + persen_selesai: 0, + total_inproses: 92, + persen_inproses: 100, + total_durasi_response: 201431, + avg_durasi_response: 2426.879518072289, + min_durasi_response: 14, + max_durasi_response: 22160, + total_dibawah_sla_response: 54, + total_diatas_sla_response: 29, + total_durasi_recovery: 856596, + avg_durasi_recovery: 9310.826086956522, + min_durasi_recovery: 0, + max_durasi_recovery: 74239, + total_dibawah_sla_recovery: 49, + total_diatas_sla_recovery: 43 + }, + { + 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: 8, + total_selesai: 0, + persen_selesai: 0, + total_inproses: 8, + persen_inproses: 100, + total_durasi_response: 3766, + avg_durasi_response: 470.75, + min_durasi_response: 99, + max_durasi_response: 1322, + total_dibawah_sla_response: 8, + total_diatas_sla_response: 0, + total_durasi_recovery: 4463, + avg_durasi_recovery: 557.875, + min_durasi_recovery: 132, + max_durasi_recovery: 1390, + total_dibawah_sla_recovery: 8, + total_diatas_sla_recovery: 0 + }, + { + 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: 47, + total_selesai: 19, + persen_selesai: 40.42553191489361, + total_inproses: 28, + persen_inproses: 59.57446808510638, + total_durasi_response: 47015, + avg_durasi_response: 1000.3191489361702, + min_durasi_response: 22, + max_durasi_response: 14684, + total_dibawah_sla_response: 42, + total_diatas_sla_response: 5, + total_durasi_recovery: 74421, + avg_durasi_recovery: 1583.4255319148936, + min_durasi_recovery: 257, + max_durasi_recovery: 14769, + total_dibawah_sla_recovery: 44, + total_diatas_sla_recovery: 3 + }, + { + id: 7, + nama_regional: null, + id_uid: 0, + nama_uid: '', + id_up3: 0, + nama_up3: '', + id_ulp: 22450, + nama_ulp: 'ULP PANGKALAN BUN', + total: 167, + total_selesai: 0, + persen_selesai: 0, + total_inproses: 167, + persen_inproses: 100, + total_durasi_response: 118469, + avg_durasi_response: 789.7933333333333, + min_durasi_response: 52, + max_durasi_response: 3752, + total_dibawah_sla_response: 135, + total_diatas_sla_response: 15, + total_durasi_recovery: 173448, + avg_durasi_recovery: 1038.6107784431138, + min_durasi_recovery: 0, + max_durasi_recovery: 3793, + total_dibawah_sla_recovery: 167, + total_diatas_sla_recovery: 0 + }, + { + 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', + total: 1, + total_selesai: 0, + persen_selesai: 0, + total_inproses: 1, + persen_inproses: 100, + total_durasi_response: 5118, + avg_durasi_response: 5118, + min_durasi_response: 5118, + max_durasi_response: 5118, + total_dibawah_sla_response: 0, + total_diatas_sla_response: 1, + total_durasi_recovery: 5696, + avg_durasi_recovery: 5696, + min_durasi_recovery: 5696, + max_durasi_recovery: 5696, + total_dibawah_sla_recovery: 0, + total_diatas_sla_recovery: 1 + }, + { + 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', + total: 48, + total_selesai: 4, + persen_selesai: 8.333333333333332, + total_inproses: 44, + persen_inproses: 91.66666666666666, + total_durasi_response: 25050, + avg_durasi_response: 532.9787234042553, + min_durasi_response: 58, + max_durasi_response: 2352, + total_dibawah_sla_response: 44, + total_diatas_sla_response: 3, + total_durasi_recovery: 49151, + avg_durasi_recovery: 1023.9791666666666, + min_durasi_recovery: 129, + max_durasi_recovery: 2853, + total_dibawah_sla_recovery: 48, + total_diatas_sla_recovery: 0 + }, + { + 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', + total: 21, + total_selesai: 11, + persen_selesai: 52.38095238095239, + total_inproses: 10, + persen_inproses: 47.61904761904761, + total_durasi_response: 11456, + avg_durasi_response: 716, + min_durasi_response: 126, + max_durasi_response: 2376, + total_dibawah_sla_response: 13, + total_diatas_sla_response: 3, + total_durasi_recovery: 30489, + avg_durasi_recovery: 1451.857142857143, + min_durasi_recovery: 0, + max_durasi_recovery: 3482, + total_dibawah_sla_recovery: 21, + total_diatas_sla_recovery: 0 + }, + { + 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', + total: 123, + total_selesai: 16, + persen_selesai: 13.008130081300814, + total_inproses: 107, + persen_inproses: 86.99186991869918, + total_durasi_response: 476405, + avg_durasi_response: 5881.543209876543, + min_durasi_response: 46, + max_durasi_response: 41257, + total_dibawah_sla_response: 21, + total_diatas_sla_response: 60, + total_durasi_recovery: 1177396, + avg_durasi_recovery: 9572.325203252032, + min_durasi_recovery: 0, + max_durasi_recovery: 45912, + total_dibawah_sla_recovery: 57, + total_diatas_sla_recovery: 66 + }, + { + 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', + total: 139, + total_selesai: 131, + persen_selesai: 94.24460431654677, + total_inproses: 8, + persen_inproses: 5.755395683453238, + total_durasi_response: 491177, + avg_durasi_response: 3749.442748091603, + min_durasi_response: 18, + max_durasi_response: 20546, + total_dibawah_sla_response: 51, + total_diatas_sla_response: 80, + total_durasi_recovery: 775066, + avg_durasi_recovery: 5576.014388489209, + min_durasi_recovery: 1, + max_durasi_recovery: 49206, + total_dibawah_sla_recovery: 78, + total_diatas_sla_recovery: 61 + }, + { + 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', + total: 19, + total_selesai: 17, + persen_selesai: 89.47368421052632, + total_inproses: 2, + persen_inproses: 10.526315789473683, + total_durasi_response: 18570, + avg_durasi_response: 1092.3529411764705, + min_durasi_response: 480, + max_durasi_response: 2337, + total_dibawah_sla_response: 13, + total_diatas_sla_response: 4, + total_durasi_recovery: 41850, + avg_durasi_recovery: 2202.6315789473683, + min_durasi_recovery: 22, + max_durasi_recovery: 4386, + total_dibawah_sla_recovery: 18, + total_diatas_sla_recovery: 1 + }, + { + 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', + total: 67, + total_selesai: 56, + persen_selesai: 83.5820895522388, + total_inproses: 11, + persen_inproses: 16.417910447761194, + total_durasi_response: 67996, + avg_durasi_response: 1214.2142857142858, + min_durasi_response: 45, + max_durasi_response: 17051, + total_dibawah_sla_response: 48, + total_diatas_sla_response: 8, + total_durasi_recovery: 546970, + avg_durasi_recovery: 8163.731343283582, + min_durasi_recovery: 0, + max_durasi_recovery: 221267, + total_dibawah_sla_recovery: 40, + total_diatas_sla_recovery: 27 + } + ] } }) diff --git a/src/utils/api/api.graphql.ts b/src/utils/api/api.graphql.ts index 96afe84..5cbeb53 100755 --- a/src/utils/api/api.graphql.ts +++ b/src/utils/api/api.graphql.ts @@ -321,6 +321,12 @@ export const queries = { idUid: $idUid idUp3: $idUp3 ) { + id + nama_regional + id_uid + nama_uid + id_up3 + nama_up3 id_ulp nama_ulp total @@ -328,11 +334,13 @@ export const queries = { persen_selesai total_inproses persen_inproses + total_durasi_response avg_durasi_response min_durasi_response max_durasi_response total_dibawah_sla_response total_diatas_sla_response + total_durasi_recovery avg_durasi_recovery min_durasi_recovery max_durasi_recovery