Update API queries in api.graphql.ts

This commit is contained in:
Dede Fuji Abdul 2024-03-16 20:28:25 +07:00
parent d0b2e70e36
commit 94243a21ca
4 changed files with 1927 additions and 334 deletions

View File

@ -66,11 +66,11 @@
<DxColumn
:width="120"
alignment="center"
data-field="kode"
caption="Kode"
data-field="id_fasilitas"
caption=""
css-class="custom-table-column"
cell-template="cellCenter"
name="kodeGroup"
name="idFasilitasGroup"
:group-index="0"
/>
<DxColumn
@ -286,7 +286,7 @@
<DxSummary>
<DxGroupItem
:show-in-group-footer="true"
column="no"
column="No"
display-format="Total"
css-class="!text-left"
/>
@ -349,7 +349,7 @@
<DxGroupItem
:show-in-group-footer="true"
column="max_durasi_response"
summary-type="min"
summary-type="max"
display-format="{0}"
css-class="!text-right"
:customize-text="(e: any) => (parseInt(e.value) ? formatWaktu(e.value) : '-')"
@ -357,7 +357,7 @@
<DxGroupItem
:show-in-group-footer="true"
column="min_durasi_response"
summary-type="max"
summary-type="min"
display-format="{0}"
css-class="!text-right"
:customize-text="(e: any) => (parseInt(e.value) ? formatWaktu(e.value) : '-')"
@ -457,7 +457,6 @@ import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable'
import { queries } from '@/utils/api/api.graphql'
import { dummyData } from '@/utils/dummy'
import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
const position = { of: '#data' }
const showIndicator = ref(true)
@ -539,7 +538,383 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
const filters = ref()
onMounted(() => {
if (import.meta.env.DEV) {
data.value = dummyData.gangguan.rekap.rekapitulasiJenisGangguanSE004
data.value = [
{
id: '0',
id_fasilitas: '111 -> Distribusi -> Penyulang',
sub_kelompok: 'Kabel',
kode: '11232',
total: 1754,
total_selesai: 1754,
persen_selesai: 100,
total_inproses: 0,
persen_inproses: 0,
total_durasi_response: 248343,
avg_durasi_response: 2.360302677532014,
min_durasi_response: 0,
max_durasi_response: 7020,
total_dibawah_sla_response: 1714,
total_diatas_sla_response: 4,
total_durasi_recovery: 7444445,
avg_durasi_recovery: 70.67217787913341,
min_durasi_recovery: 0,
max_durasi_recovery: 199591,
total_dibawah_sla_recovery: 1660,
total_diatas_sla_recovery: 94,
total_response: 1718,
total_recovery: 1754
},
{
id: '1',
id_fasilitas: '111 -> Distribusi -> Penyulang',
sub_kelompok: 'MV Cell',
kode: '11511',
total: 56062,
total_selesai: 56061,
persen_selesai: 99.99821626056865,
total_inproses: 1,
persen_inproses: 0.0017837394313438694,
total_durasi_response: 80699092,
avg_durasi_response: 23.504602211915806,
min_durasi_response: 24,
max_durasi_response: 2592137,
total_dibawah_sla_response: 52700,
total_diatas_sla_response: 3360,
total_durasi_recovery: 1398860783,
avg_durasi_recovery: 415.39603995718875,
min_durasi_recovery: 101,
max_durasi_recovery: 2713062,
total_dibawah_sla_recovery: 49187,
total_diatas_sla_recovery: 6873,
total_response: 56060,
total_recovery: 56060
},
{
id: '2',
id_fasilitas: '111 -> Distribusi -> Penyulang',
sub_kelompok: 'JTR',
kode: '13400',
total: 6022,
total_selesai: 6022,
persen_selesai: 100,
total_inproses: 0,
persen_inproses: 0,
total_durasi_response: 8262056,
avg_durasi_response: 22.382392026578074,
min_durasi_response: -16519,
max_durasi_response: 76299,
total_dibawah_sla_response: 5655,
total_diatas_sla_response: 365,
total_durasi_recovery: 87345586,
avg_durasi_recovery: 241.25440053138493,
min_durasi_recovery: -16459,
max_durasi_recovery: 2499716,
total_dibawah_sla_recovery: 4802,
total_diatas_sla_recovery: 1220,
total_response: 6020,
total_recovery: 6022
},
{
id: '3',
id_fasilitas: '111 -> Distribusi -> Penyulang',
sub_kelompok: 'Jointing',
kode: '11243',
total: 1,
total_selesai: 1,
persen_selesai: 100,
total_inproses: 0,
persen_inproses: 0,
total_durasi_response: 60,
avg_durasi_response: 1,
min_durasi_response: 60,
max_durasi_response: 60,
total_dibawah_sla_response: 1,
total_diatas_sla_response: 0,
total_durasi_recovery: 240,
avg_durasi_recovery: 4,
min_durasi_recovery: 240,
max_durasi_recovery: 240,
total_dibawah_sla_recovery: 1,
total_diatas_sla_recovery: 0,
total_response: 1,
total_recovery: 1
},
{
id: '4',
id_fasilitas: '111 -> Distribusi -> Penyulang',
sub_kelompok: null,
kode: '',
total: 7153680,
total_selesai: 1144750,
persen_selesai: 16.00225338567003,
total_inproses: 6008930,
persen_inproses: 83.99774661432997,
total_durasi_response: 746069414,
avg_durasi_response: 29.719034788714257,
min_durasi_response: -16906,
max_durasi_response: 2563885,
total_dibawah_sla_response: 352502,
total_diatas_sla_response: 59097,
total_durasi_recovery: 1633920126,
avg_durasi_recovery: 65.89483875340065,
min_durasi_recovery: -86061,
max_durasi_recovery: 3373943,
total_dibawah_sla_recovery: 412256,
total_diatas_sla_recovery: 900,
total_response: 411599,
total_recovery: 413156
},
{
id: '5',
id_fasilitas: '111 -> Distribusi -> Penyulang',
sub_kelompok: 'AVR / Kapasitor',
kode: '11215',
total: 20,
total_selesai: 20,
persen_selesai: 100,
total_inproses: 0,
persen_inproses: 0,
total_durasi_response: 2682,
avg_durasi_response: 2.15,
min_durasi_response: 0,
max_durasi_response: 1477,
total_dibawah_sla_response: 20,
total_diatas_sla_response: 0,
total_durasi_recovery: 115132,
avg_durasi_recovery: 95.85,
min_durasi_recovery: 0,
max_durasi_recovery: 18660,
total_dibawah_sla_recovery: 15,
total_diatas_sla_recovery: 5,
total_response: 20,
total_recovery: 20
},
{
id: '6',
id_fasilitas: '111 -> Distribusi -> Penyulang',
sub_kelompok: 'Kelompok Terencana (Planned) ',
kode: '32000',
total: 1130,
total_selesai: 1127,
persen_selesai: 99.73451327433628,
total_inproses: 3,
persen_inproses: 0.2654867256637168,
total_durasi_response: 6837343,
avg_durasi_response: 100.54432624113475,
min_durasi_response: -2607074,
max_durasi_response: 2553583,
total_dibawah_sla_response: 1070,
total_diatas_sla_response: 58,
total_durasi_recovery: 9901876,
avg_durasi_recovery: 145.95297249334516,
min_durasi_recovery: -2605454,
max_durasi_recovery: 2553643,
total_dibawah_sla_recovery: 1022,
total_diatas_sla_recovery: 105,
total_response: 1128,
total_recovery: 1127
},
{
id: '7',
id_fasilitas: '111 -> Distribusi -> Penyulang',
sub_kelompok: 'Arrester',
kode: '11219',
total: 764,
total_selesai: 764,
persen_selesai: 100,
total_inproses: 0,
persen_inproses: 0,
total_durasi_response: 103137,
avg_durasi_response: 2.1612057667103537,
min_durasi_response: 0,
max_durasi_response: 14436,
total_dibawah_sla_response: 755,
total_diatas_sla_response: 8,
total_durasi_recovery: 2758840,
avg_durasi_recovery: 59.97643979057592,
min_durasi_recovery: 0,
max_durasi_recovery: 62400,
total_dibawah_sla_recovery: 711,
total_diatas_sla_recovery: 53,
total_response: 763,
total_recovery: 764
},
{
id: '8',
id_fasilitas: '111 -> Distribusi -> Penyulang',
sub_kelompok: 'Trafo',
kode: '11322',
total: 322,
total_selesai: 322,
persen_selesai: 100,
total_inproses: 0,
persen_inproses: 0,
total_durasi_response: 238159,
avg_durasi_response: 14.425454545454546,
min_durasi_response: 0,
max_durasi_response: 40320,
total_dibawah_sla_response: 255,
total_diatas_sla_response: 20,
total_durasi_recovery: 2275182,
avg_durasi_recovery: 117.67391304347827,
min_durasi_recovery: 59,
max_durasi_recovery: 105660,
total_dibawah_sla_recovery: 264,
total_diatas_sla_recovery: 58,
total_response: 275,
total_recovery: 322
},
{
id: '9',
id_fasilitas: '111 -> Distribusi -> Penyulang',
sub_kelompok: 'Kabel',
kode: '11242',
total: 2,
total_selesai: 2,
persen_selesai: 100,
total_inproses: 0,
persen_inproses: 0,
total_durasi_response: 377,
avg_durasi_response: 3,
min_durasi_response: 60,
max_durasi_response: 317,
total_dibawah_sla_response: 2,
total_diatas_sla_response: 0,
total_durasi_recovery: 9797,
avg_durasi_recovery: 81.5,
min_durasi_recovery: 1800,
max_durasi_recovery: 7997,
total_dibawah_sla_recovery: 2,
total_diatas_sla_recovery: 0,
total_response: 2,
total_recovery: 2
},
{
id: '10',
id_fasilitas: '111 -> Distribusi -> Penyulang',
sub_kelompok: 'Kabel Opstyg / SKTR',
kode: '11411',
total: 91371,
total_selesai: 91371,
persen_selesai: 100,
total_inproses: 0,
persen_inproses: 0,
total_durasi_response: 117146730,
avg_durasi_response: 20.890635777395797,
min_durasi_response: 0,
max_durasi_response: 86580,
total_dibawah_sla_response: 85886,
total_diatas_sla_response: 5451,
total_durasi_recovery: 488901032,
avg_durasi_recovery: 88.69208711831017,
min_durasi_recovery: 0,
max_durasi_recovery: 4028013,
total_dibawah_sla_recovery: 88945,
total_diatas_sla_recovery: 2425,
total_response: 91337,
total_recovery: 91370
},
{
id: '11',
id_fasilitas: '111 -> Distribusi -> Penyulang',
sub_kelompok: 'Gardu Distribusi',
kode: '13300',
total: 275,
total_selesai: 275,
persen_selesai: 100,
total_inproses: 0,
persen_inproses: 0,
total_durasi_response: 382161,
avg_durasi_response: 22.952727272727273,
min_durasi_response: -610712,
max_durasi_response: 638280,
total_dibawah_sla_response: 238,
total_diatas_sla_response: 37,
total_durasi_recovery: 14380135,
avg_durasi_recovery: 871.3163636363637,
min_durasi_recovery: -484681,
max_durasi_recovery: 7565219,
total_dibawah_sla_recovery: 195,
total_diatas_sla_recovery: 80,
total_response: 275,
total_recovery: 275
},
{
id: '12',
id_fasilitas: '111 -> Distribusi -> Penyulang',
sub_kelompok: 'Konstruksi',
kode: '12101',
total: 13,
total_selesai: 13,
persen_selesai: 100,
total_inproses: 0,
persen_inproses: 0,
total_durasi_response: 444894,
avg_durasi_response: 570,
min_durasi_response: -17483,
max_durasi_response: 435093,
total_dibawah_sla_response: 11,
total_diatas_sla_response: 2,
total_durasi_recovery: 520794,
avg_durasi_recovery: 667.3076923076923,
min_durasi_recovery: -13763,
max_durasi_recovery: 445113,
total_dibawah_sla_recovery: 11,
total_diatas_sla_recovery: 2,
total_response: 13,
total_recovery: 13
},
{
id: '13',
id_fasilitas: '111 -> Distribusi -> Penyulang',
sub_kelompok: 'Operasi',
kode: '12503',
total: 747,
total_selesai: 747,
persen_selesai: 100,
total_inproses: 0,
persen_inproses: 0,
total_durasi_response: 1354769,
avg_durasi_response: 29.809395973154363,
min_durasi_response: -5325,
max_durasi_response: 349500,
total_dibawah_sla_response: 713,
total_diatas_sla_response: 32,
total_durasi_recovery: 4880492,
avg_durasi_recovery: 108.41097724230255,
min_durasi_recovery: -5325,
max_durasi_recovery: 494389,
total_dibawah_sla_recovery: 692,
total_diatas_sla_recovery: 55,
total_response: 745,
total_recovery: 747
},
{
id: '14',
id_fasilitas: '111 -> Distribusi -> Penyulang',
sub_kelompok: 'CO Branch',
kode: '11217',
total: 17364,
total_selesai: 17364,
persen_selesai: 100,
total_inproses: 0,
persen_inproses: 0,
total_durasi_response: 9434964,
avg_durasi_response: 9.046101538638853,
min_durasi_response: -175685,
max_durasi_response: 84720,
total_dibawah_sla_response: 16595,
total_diatas_sla_response: 758,
total_durasi_recovery: 72920963,
avg_durasi_recovery: 69.94573732718894,
min_durasi_recovery: -175565,
max_durasi_recovery: 136440,
total_dibawah_sla_recovery: 16387,
total_diatas_sla_recovery: 973,
total_response: 17353,
total_recovery: 17360
}
]
}
})
</script>

View File

@ -52,14 +52,15 @@
data-field="no"
caption="NO"
css-class="custom-table-column"
:calculateCellValue="(item: any) => data.findIndex((i) => i == item) + 1"
cell-template="formatNumber"
/>
<DxColumn
:width="150"
name="poskoGroup"
alignment="center"
data-field="nama_posko"
caption="Posko"
data-field="nama_up3"
caption="UP3"
css-class="custom-table-column"
:group-index="0"
cell-template="formatText"
@ -76,7 +77,7 @@
<DxColumn
:width="120"
alignment="center"
data-field="laporan.total"
data-field="total"
data-type="number"
caption="Total"
css-class="custom-table-column"
@ -86,7 +87,7 @@
<DxColumn
:width="120"
alignment="center"
data-field="laporan.sudahSelesai.jml"
data-field="total_selesai"
data-type="number"
caption="Jml"
css-class="custom-table-column"
@ -95,7 +96,7 @@
<DxColumn
:width="70"
alignment="center"
data-field="laporan.sudahSelesai.persen"
data-field="persen_selesai"
data-type="number"
caption="%"
css-class="custom-table-column"
@ -106,7 +107,7 @@
<DxColumn
:width="120"
alignment="center"
data-field="laporan.belumSelesai.jml"
data-field="total_inproses"
data-type="number"
caption="Jml"
css-class="custom-table-column"
@ -115,7 +116,7 @@
<DxColumn
:width="70"
alignment="center"
data-field="laporan.belumSelesai.persen"
data-field="persen_inproses"
data-type="number"
caption="%"
css-class="custom-table-column"
@ -128,7 +129,7 @@
<DxColumn
:width="120"
alignment="center"
data-field="responseTime.menit.total"
data-field="total_durasi_response"
data-type="number"
caption="Total"
css-class="custom-table-column"
@ -137,7 +138,7 @@
<DxColumn
:width="120"
alignment="center"
data-field="responseTime.menit.rataRata"
data-field="avg_durasi_response"
data-type="number"
caption="Rata-Rata"
css-class="custom-table-column"
@ -146,7 +147,7 @@
<DxColumn
:width="120"
alignment="center"
data-field="responseTime.menit.max"
data-field="max_durasi_response"
data-type="number"
caption="Max"
css-class="custom-table-column"
@ -155,7 +156,7 @@
<DxColumn
:width="120"
alignment="center"
data-field="responseTime.menit.min"
data-field="min_durasi_response"
data-type="number"
caption="Min"
css-class="custom-table-column"
@ -166,7 +167,7 @@
<DxColumn
:width="120"
alignment="center"
data-field="responseTime.laporan.lebihSla"
data-field="total_diatas_sla_response"
data-type="number"
caption=">SLA"
css-class="custom-table-column"
@ -175,7 +176,7 @@
<DxColumn
:width="120"
alignment="center"
data-field="responseTime.laporan.kurangSla"
data-field="total_dibawah_sla_response"
data-type="number"
caption="≤SLA"
css-class="custom-table-column"
@ -188,7 +189,7 @@
<DxColumn
:width="120"
alignment="center"
data-field="recoveryTime.menit.total"
data-field="total_durasi_recovery"
data-type="number"
caption="Total"
css-class="custom-table-column"
@ -197,7 +198,7 @@
<DxColumn
:width="120"
alignment="center"
data-field="recoveryTime.menit.rataRata"
data-field="avg_durasi_recovery"
data-type="number"
caption="Rata-Rata"
css-class="custom-table-column"
@ -206,7 +207,7 @@
<DxColumn
:width="120"
alignment="center"
data-field="recoveryTime.menit.max"
data-field="max_durasi_recovery"
data-type="number"
caption="Max"
css-class="custom-table-column"
@ -215,7 +216,7 @@
<DxColumn
:width="120"
alignment="center"
data-field="recoveryTime.menit.min"
data-field="min_durasi_recovery"
data-type="number"
caption="Min"
css-class="custom-table-column"
@ -226,7 +227,7 @@
<DxColumn
:width="120"
alignment="center"
data-field="recoveryTime.laporan.lebihSla"
data-field="total_diatas_sla_recovery"
data-type="number"
caption=">SLA"
css-class="custom-table-column"
@ -235,7 +236,7 @@
<DxColumn
:width="120"
alignment="center"
data-field="recoveryTime.laporan.kurangSla"
data-field="total_dibawah_sla_recovery"
data-type="number"
caption="≤SLA"
css-class="custom-table-column"
@ -253,119 +254,119 @@
/>
<DxGroupItem
:show-in-group-footer="true"
column="laporan.total"
column="total"
summary-type="sum"
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
css-class="!text-right"
/>
<DxGroupItem
:show-in-group-footer="true"
column="laporan.sudahSelesai.jml"
column="total_selesai"
summary-type="sum"
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
css-class="!text-right"
/>
<DxGroupItem
:show-in-group-footer="true"
column="laporan.sudahSelesai.persen"
column="persen_selesai"
summary-type="avg"
:customize-text="(e: any) => formatPercentage(parseFloat(e.value.toString()))"
css-class="!text-right"
/>
<DxGroupItem
:show-in-group-footer="true"
column="laporan.belumSelesai.jml"
column="total_inproses"
summary-type="sum"
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
css-class="!text-right"
/>
<DxGroupItem
:show-in-group-footer="true"
column="laporan.belumSelesai.persen"
column="persen_inproses"
summary-type="avg"
:customize-text="(e: any) => formatPercentage(parseFloat(e.value.toString()))"
css-class="!text-right"
/>
<DxGroupItem
:show-in-group-footer="true"
column="responseTime.menit.total"
column="total_durasi_response"
summary-type="sum"
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
css-class="!text-right"
/>
<DxGroupItem
:show-in-group-footer="true"
column="responseTime.menit.rataRata"
column="avg_durasi_response"
summary-type="avg"
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
css-class="!text-right"
/>
<DxGroupItem
:show-in-group-footer="true"
column="responseTime.menit.max"
summary-type="avg"
column="max_durasi_response"
summary-type="max"
css-class="!text-right"
:customize-text="(e: any) => (parseInt(e.value) ? formatWaktu(e.value) : '-')"
/>
<DxGroupItem
:show-in-group-footer="true"
column="responseTime.menit.min"
summary-type="avg"
column="min_durasi_response"
summary-type="min"
css-class="!text-right"
:customize-text="(e: any) => (parseInt(e.value) ? formatWaktu(e.value) : '-')"
/>
<DxGroupItem
:show-in-group-footer="true"
column="responseTime.laporan.lebihSla"
column="total_diatas_sla_response"
summary-type="sum"
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
css-class="!text-right"
/>
<DxGroupItem
:show-in-group-footer="true"
column="responseTime.laporan.kurangSla"
column="total_dibawah_sla_response"
summary-type="sum"
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
css-class="!text-right"
/>
<DxGroupItem
:show-in-group-footer="true"
column="recoveryTime.menit.total"
column="total_durasi_recovery"
summary-type="sum"
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
css-class="!text-right"
/>
<DxGroupItem
:show-in-group-footer="true"
column="recoveryTime.menit.rataRata"
column="avg_durasi_recovery"
summary-type="avg"
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
css-class="!text-right"
/>
<DxGroupItem
:show-in-group-footer="true"
column="recoveryTime.menit.max"
summary-type="avg"
column="max_durasi_recovery"
summary-type="max"
css-class="!text-right"
:customize-text="(e: any) => (parseInt(e.value) ? formatWaktu(e.value) : '-')"
/>
<DxGroupItem
:show-in-group-footer="true"
column="recoveryTime.menit.min"
summary-type="avg"
column="min_durasi_recovery"
summary-type="min"
:customize-text="(e: any) => (parseInt(e.value) ? formatWaktu(e.value) : '-')"
css-class="!text-right"
/>
<DxGroupItem
:show-in-group-footer="true"
column="recoveryTime.laporan.lebihSla"
column="total_diatas_sla_recovery"
summary-type="sum"
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
css-class="!text-right"
/>
<DxGroupItem
:show-in-group-footer="true"
column="recoveryTime.laporan.kurangSla"
column="total_dibawah_sla_recovery"
summary-type="sum"
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
css-class="!text-right"
@ -379,103 +380,103 @@
/>
<DxTotalItem
summary-type="sum"
show-in-column="laporan.total"
column="laporan.total"
show-in-column="total"
column="total"
css-class="text-white !text-right"
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
/>
<DxTotalItem
column="laporan.sudahSelesai.jml"
column="total_selesai"
summary-type="sum"
css-class="text-white !text-right"
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
/>
<DxTotalItem
column="laporan.sudahSelesai.persen"
column="persen_selesai"
summary-type="avg"
css-class="text-white !text-right"
:customize-text="(e: any) => formatPercentage(parseFloat(e.value.toString()))"
/>
<DxTotalItem
column="laporan.belumSelesai.jml"
column="total_inproses"
summary-type="sum"
css-class="text-white !text-right"
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
/>
<DxTotalItem
column="laporan.belumSelesai.persen"
column="persen_inproses"
summary-type="avg"
css-class="text-white !text-right"
:customize-text="(e: any) => formatPercentage(parseFloat(e.value.toString()))"
/>
<DxTotalItem
column="responseTime.menit.total"
column="total_durasi_response"
summary-type="sum"
css-class="text-white !text-right"
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
/>
<DxTotalItem
column="responseTime.menit.rataRata"
column="avg_durasi_response"
summary-type="avg"
css-class="text-white !text-right"
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
/>
<DxTotalItem
column="responseTime.menit.max"
summary-type="avg"
column="max_durasi_response"
summary-type="max"
css-class="text-white !text-right"
:customize-text="(e: any) => (parseInt(e.value) ? formatWaktu(e.value) : '-')"
/>
<DxTotalItem
column="responseTime.menit.min"
summary-type="avg"
column="min_durasi_response"
summary-type="min"
css-class="text-white !text-right"
:customize-text="(e: any) => (parseInt(e.value) ? formatWaktu(e.value) : '-')"
/>
<DxTotalItem
column="responseTime.laporan.lebihSla"
column="total_diatas_sla_response"
summary-type="sum"
css-class="text-white !text-right"
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
/>
<DxTotalItem
column="responseTime.laporan.kurangSla"
column="total_dibawah_sla_response"
summary-type="sum"
css-class="text-white !text-right"
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
/>
<DxTotalItem
column="recoveryTime.menit.total"
column="total_durasi_recovery"
summary-type="sum"
css-class="text-white !text-right"
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
/>
<DxTotalItem
column="recoveryTime.menit.rataRata"
column="avg_durasi_recovery"
summary-type="avg"
css-class="text-white !text-right"
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
/>
<DxTotalItem
column="recoveryTime.menit.max"
summary-type="avg"
column="max_durasi_recovery"
summary-type="max"
css-class="text-white !text-right"
:customize-text="(e: any) => (parseInt(e.value) ? formatWaktu(e.value) : '-')"
/>
<DxTotalItem
column="recoveryTime.menit.min"
summary-type="avg"
column="min_durasi_recovery"
summary-type="min"
css-class="text-white !text-right"
:customize-text="(e: any) => (parseInt(e.value) ? formatWaktu(e.value) : '-')"
/>
<DxTotalItem
column="recoveryTime.laporan.lebihSla"
column="total_diatas_sla_recovery"
summary-type="sum"
css-class="text-white !text-right"
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
/>
<DxTotalItem
column="recoveryTime.laporan.kurangSla"
column="total_dibawah_sla_recovery"
summary-type="sum"
css-class="text-white !text-right"
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
@ -541,7 +542,6 @@ import { saveAs } from 'file-saver'
import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable'
import { queries } from '@/utils/api/api.graphql'
import { dummyData } from '@/utils/dummy'
import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
const position = { of: '#data' }
@ -608,47 +608,7 @@ const filterData = (params: any) => {
})
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.rekapitulasiGangguanPerPosko.map((item: any, index: number) => {
return {
no: ++index,
nama_posko: item.nama_posko,
laporan: {
total: item.total,
sudahSelesai: {
jml: item.total_selesai,
persen: item.persen_selesai
},
belumSelesai: {
jml: item.total_inproses,
persen: item.persen_inproses
}
},
responseTime: {
menit: {
total: item.total_durasi_response,
rataRata: item.avg_durasi_response,
max: item.max_durasi_response,
min: item.min_durasi_response
},
laporan: {
lebihSla: item.total_diatas_sla_response,
kurangSla: item.total_dibawah_sla_response
}
},
recoveryTime: {
menit: {
total: item.total_durasi_recovery,
rataRata: item.avg_durasi_recovery,
max: item.max_durasi_recovery,
min: item.min_durasi_recovery
},
laporan: {
lebihSla: item.total_diatas_sla_recovery,
kurangSla: item.total_dibawah_sla_recovery
}
}
}
})
data.value = queryResult.data.rekapitulasiGangguanPerPosko
}
console.log(queryResult.data)
console.log(queryResult.loading)
@ -662,49 +622,443 @@ const filterData = (params: any) => {
const filters = ref()
onMounted(() => {
if (import.meta.env.DEV) {
data.value = dummyData.gangguan.rekap.rekapitulasiGangguanPerPosko.map(
(item: any, index: number) => {
return {
no: ++index,
nama_posko: item.nama_posko,
laporan: {
total: item.total,
sudahSelesai: {
jml: item.total_selesai,
persen: item.persen_selesai
},
belumSelesai: {
jml: item.total_inproses,
persen: item.persen_inproses
}
},
responseTime: {
menit: {
total: item.total_durasi_response,
rataRata: item.avg_durasi_response,
max: item.max_durasi_response,
min: item.min_durasi_response
},
laporan: {
lebihSla: item.total_diatas_sla_response,
kurangSla: item.total_dibawah_sla_response
}
},
recoveryTime: {
menit: {
total: item.total_durasi_recovery,
rataRata: item.avg_durasi_recovery,
max: item.max_durasi_recovery,
min: item.min_durasi_recovery
},
laporan: {
lebihSla: item.total_diatas_sla_recovery,
kurangSla: item.total_dibawah_sla_recovery
}
}
}
data.value = [
{
id: 0,
id_uid: 41,
nama_uid: 'WILAYAH MALUKU DAN MALUKU UTARA',
id_up3: 412,
nama_up3: 'UP3 TERNATE',
id_ulp: 41210,
nama_ulp: 'ULP SOA SIU',
id_posko: 412101,
nama_posko: 'POSKO ULP SOA SIU',
total: 1279,
total_selesai: 1279,
persen_selesai: 100,
total_inproses: 0,
persen_inproses: 0,
total_durasi_response: 1109359,
avg_durasi_response: 14.466828478964402,
min_durasi_response: 178,
max_durasi_response: 5057,
total_dibawah_sla_response: 1230,
total_diatas_sla_response: 6,
avg_durasi_recovery: 25.940149625935163,
min_durasi_recovery: 556,
max_durasi_recovery: 6326,
total_dibawah_sla_recovery: 1203,
total_diatas_sla_recovery: 0,
total_response: 1236,
total_recovery: 1203
},
{
id: 1,
id_uid: 2,
nama_uid: 'DISTRIBUSI JAKARTA RAYA',
id_up3: 10,
nama_up3: 'UP3 BINTARO',
id_ulp: 54380,
nama_ulp: 'UP3 BINTARO',
id_posko: 543801,
nama_posko: 'POSKO BINTARO',
total: 157216,
total_selesai: 157215,
persen_selesai: 99.99936393242417,
total_inproses: 1,
persen_inproses: 0.000636067575819255,
total_durasi_response: 158788877,
avg_durasi_response: 25.398031657829346,
min_durasi_response: 15,
max_durasi_response: 86579,
total_dibawah_sla_response: 92755,
total_diatas_sla_response: 9463,
avg_durasi_recovery: 35.06668004012036,
min_durasi_recovery: 96,
max_durasi_recovery: 86640,
total_dibawah_sla_recovery: 99671,
total_diatas_sla_recovery: 29,
total_response: 102218,
total_recovery: 99700
},
{
id: 2,
id_uid: 210,
nama_uid: 'WILAYAH KALIMANTAN BARAT',
id_up3: 318,
nama_up3: 'UP3 SANGGAU',
id_ulp: 21310,
nama_ulp: 'ULP SINTANG',
id_posko: 213101,
nama_posko: 'POSKO ULP SINTANG',
total: 4135,
total_selesai: 4135,
persen_selesai: 100,
total_inproses: 0,
persen_inproses: 0,
total_durasi_response: 2837167,
avg_durasi_response: 16.833272260901428,
min_durasi_response: 128,
max_durasi_response: 6874,
total_dibawah_sla_response: 2679,
total_diatas_sla_response: 50,
avg_durasi_recovery: 27.390607528885575,
min_durasi_recovery: 445,
max_durasi_recovery: 8520,
total_dibawah_sla_recovery: 2683,
total_diatas_sla_recovery: 0,
total_response: 2729,
total_recovery: 2683
},
{
id: 3,
id_uid: 427,
nama_uid: 'DISTRIBUSI JAWA BARAT',
id_up3: 538,
nama_up3: 'UP3 DEPOK',
id_ulp: 53874,
nama_ulp: 'ULP CIMANGGIS',
id_posko: 538741,
nama_posko: 'POSKO ULP CIMANGGIS',
total: 30978,
total_selesai: 30977,
persen_selesai: 99.99677190264057,
total_inproses: 1,
persen_inproses: 0.0032280973594163596,
total_durasi_response: 14476477,
avg_durasi_response: 21.982580344666978,
min_durasi_response: 114,
max_durasi_response: 6822,
total_dibawah_sla_response: 10488,
total_diatas_sla_response: 247,
avg_durasi_recovery: 35.48166666666667,
min_durasi_recovery: 413,
max_durasi_recovery: 8701,
total_dibawah_sla_recovery: 10200,
total_diatas_sla_recovery: 0,
total_response: 10735,
total_recovery: 10200
},
{
id: 4,
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: 38061,
total_selesai: 38061,
persen_selesai: 100,
total_inproses: 0,
persen_inproses: 0,
total_durasi_response: 44624414,
avg_durasi_response: 24.358238380058143,
min_durasi_response: 120,
max_durasi_response: 7132,
total_dibawah_sla_response: 29647,
total_diatas_sla_response: 280,
avg_durasi_recovery: 40.50045376625996,
min_durasi_recovery: 240,
max_durasi_recovery: 47311,
total_dibawah_sla_recovery: 29747,
total_diatas_sla_recovery: 4,
total_response: 29927,
total_recovery: 29751
},
{
id: 5,
id_uid: 101,
nama_uid: 'DISTRIBUSI JAWA TENGAH & DIY',
id_up3: 52300,
nama_up3: 'UP3 SEMARANG',
id_ulp: 52302,
nama_ulp: 'ULP SEMARANG BARAT',
id_posko: 523021,
nama_posko: 'POSKO ULP SEMARANG BARAT',
total: 50978,
total_selesai: 50977,
persen_selesai: 99.99803836949272,
total_inproses: 1,
persen_inproses: 0.0019616305072776494,
total_durasi_response: 35390553,
avg_durasi_response: 23.690932886180523,
min_durasi_response: 75,
max_durasi_response: 11432,
total_dibawah_sla_response: 22305,
total_diatas_sla_response: 2146,
avg_durasi_recovery: 39.20744371521143,
min_durasi_recovery: 305,
max_durasi_recovery: 11701,
total_dibawah_sla_recovery: 24072,
total_diatas_sla_recovery: 2,
total_response: 24451,
total_recovery: 24074
},
{
id: 6,
id_uid: 103,
nama_uid: 'DISTRIBUSI JAWA TIMUR',
id_up3: 156,
nama_up3: 'UP3 SURABAYA SELATAN',
id_ulp: 51143,
nama_ulp: 'ULP RUNGKUT',
id_posko: 511434,
nama_posko: 'POSKO ULP RUNGKUT',
total: 53364,
total_selesai: 53363,
persen_selesai: 99.99812607750543,
total_inproses: 1,
persen_inproses: 0.0018739224945656247,
total_durasi_response: 48283813,
avg_durasi_response: 24.316152897657215,
min_durasi_response: 89,
max_durasi_response: 10456,
total_dibawah_sla_response: 28298,
total_diatas_sla_response: 4142,
avg_durasi_recovery: 40.426895221227745,
min_durasi_recovery: 157,
max_durasi_recovery: 11526,
total_dibawah_sla_recovery: 31611,
total_diatas_sla_recovery: 8,
total_response: 32440,
total_recovery: 31619
},
{
id: 7,
id_uid: 56,
nama_uid: 'DISTRIBUSI BANTEN',
id_up3: 19,
nama_up3: 'UP3 TELUK NAGA',
id_ulp: 56660,
nama_ulp: 'UP3 TELUK NAGA',
id_posko: 566601,
nama_posko: 'POSKO TELUK NAGA',
total: 11038,
total_selesai: 11038,
persen_selesai: 100,
total_inproses: 0,
persen_inproses: 0,
total_durasi_response: 4374336,
avg_durasi_response: 23.703285761699302,
min_durasi_response: 132,
max_durasi_response: 7023,
total_dibawah_sla_response: 2888,
total_diatas_sla_response: 125,
avg_durasi_recovery: 42.21269487750557,
min_durasi_recovery: 203,
max_durasi_recovery: 8273,
total_dibawah_sla_recovery: 2694,
total_diatas_sla_recovery: 0,
total_response: 3013,
total_recovery: 2694
},
{
id: 8,
id_uid: 221,
nama_uid: 'WILAYAH KALIMANTAN SELATAN DAN TENGAH',
id_up3: 2250,
nama_up3: 'UP3 KUALAKAPUAS',
id_ulp: 22540,
nama_ulp: 'ULP MUARA TEWEH',
id_posko: 225401,
nama_posko: 'POSKO ULP MUARA TEWEH',
total: 9756,
total_selesai: 9756,
persen_selesai: 100,
total_inproses: 0,
persen_inproses: 0,
total_durasi_response: 7859823,
avg_durasi_response: 21.342666666666666,
min_durasi_response: 54,
max_durasi_response: 5665,
total_dibawah_sla_response: 5959,
total_diatas_sla_response: 41,
avg_durasi_recovery: 31.966321697947727,
min_durasi_recovery: 481,
max_durasi_recovery: 5111,
total_dibawah_sla_recovery: 5701,
total_diatas_sla_recovery: 0,
total_response: 6000,
total_recovery: 5701
},
{
id: 9,
id_uid: 120,
nama_uid: 'WILAYAH SUMATERA UTARA',
id_up3: 12300,
nama_up3: 'UP3 SIBOLGA',
id_ulp: 12314,
nama_ulp: 'ULP TARUTUNG',
id_posko: 123144,
nama_posko: 'POSKO ULP TARUTUNG',
total: 8192,
total_selesai: 8192,
persen_selesai: 100,
total_inproses: 0,
persen_inproses: 0,
total_durasi_response: 2179469,
avg_durasi_response: 4.472642925364989,
min_durasi_response: -33,
max_durasi_response: 5165,
total_dibawah_sla_response: 7325,
total_diatas_sla_response: 4,
avg_durasi_recovery: 12.521217082821668,
min_durasi_recovery: 246,
max_durasi_recovery: 5938,
total_dibawah_sla_recovery: 7329,
total_diatas_sla_recovery: 0,
total_response: 7329,
total_recovery: 7329
},
{
id: 10,
id_uid: 103,
nama_uid: 'DISTRIBUSI JAWA TIMUR',
id_up3: 145,
nama_up3: 'UP3 JEMBER',
id_ulp: 51606,
nama_ulp: 'ULP KLAKAH',
id_posko: 516066,
nama_posko: 'POSKO ULP KLAKAH',
total: 11862,
total_selesai: 11862,
persen_selesai: 100,
total_inproses: 0,
persen_inproses: 0,
total_durasi_response: 5452643,
avg_durasi_response: 17.78001206515182,
min_durasi_response: 213,
max_durasi_response: 3700,
total_dibawah_sla_response: 4958,
total_diatas_sla_response: 15,
avg_durasi_recovery: 26.647035094796287,
min_durasi_recovery: 449,
max_durasi_recovery: 4810,
total_dibawah_sla_recovery: 4958,
total_diatas_sla_recovery: 0,
total_response: 4973,
total_recovery: 4958
},
{
id: 11,
id_uid: 103,
nama_uid: 'DISTRIBUSI JAWA TIMUR',
id_up3: 157,
nama_up3: 'UP3 SURABAYA UTARA',
id_ulp: 51106,
nama_ulp: 'ULP EMBONG WUNGU',
id_posko: 511065,
nama_posko: 'POSKO ULP EMBONG WUNGU',
total: 11445,
total_selesai: 11445,
persen_selesai: 100,
total_inproses: 0,
persen_inproses: 0,
total_durasi_response: 7620419,
avg_durasi_response: 17.186943207126948,
min_durasi_response: 106,
max_durasi_response: 29305,
total_dibawah_sla_response: 7121,
total_diatas_sla_response: 63,
avg_durasi_recovery: 30.80646087580761,
min_durasi_recovery: 198,
max_durasi_recovery: 29736,
total_dibawah_sla_recovery: 6964,
total_diatas_sla_recovery: 1,
total_response: 7184,
total_recovery: 6965
},
{
id: 12,
id_uid: 42,
nama_uid: 'WILAYAH PAPUA DAN PAPUA BARAT',
id_up3: 424,
nama_up3: 'UP3 MANOKWARI',
id_ulp: 42440,
nama_ulp: 'ULP BINTUNI',
id_posko: 424401,
nama_posko: 'POSKO ULP BINTUNI',
total: 2663,
total_selesai: 2663,
persen_selesai: 100,
total_inproses: 0,
persen_inproses: 0,
total_durasi_response: 3068943,
avg_durasi_response: 19.565047021943574,
min_durasi_response: 328,
max_durasi_response: 4863,
total_dibawah_sla_response: 2453,
total_diatas_sla_response: 99,
avg_durasi_recovery: 28.1744094488189,
min_durasi_recovery: 579,
max_durasi_recovery: 7598,
total_dibawah_sla_recovery: 2540,
total_diatas_sla_recovery: 0,
total_response: 2552,
total_recovery: 2540
},
{
id: 13,
id_uid: 42,
nama_uid: 'WILAYAH PAPUA DAN PAPUA BARAT',
id_up3: 422,
nama_up3: 'UP3 BIAK',
id_ulp: 42210,
nama_ulp: 'ULP BIAK KOTA',
id_posko: 422101,
nama_posko: 'POSKO ULP BIAK KOTA',
total: 4219,
total_selesai: 4218,
persen_selesai: 99.97629770087698,
total_inproses: 1,
persen_inproses: 0.02370229912301493,
total_durasi_response: 3741829,
avg_durasi_response: 15.516816431322209,
min_durasi_response: 45,
max_durasi_response: 16738,
total_dibawah_sla_response: 3871,
total_diatas_sla_response: 24,
avg_durasi_recovery: 21.664947124064998,
min_durasi_recovery: 69,
max_durasi_recovery: 17096,
total_dibawah_sla_recovery: 3876,
total_diatas_sla_recovery: 1,
total_response: 3895,
total_recovery: 3877
},
{
id: 14,
id_uid: 32,
nama_uid: 'WILAYAH SULAWESI SELATAN, TENGGARA DAN BARAT',
id_up3: 32300,
nama_up3: 'UP3 KENDARI',
id_ulp: 32330,
nama_ulp: 'ULP BENU BENUA',
id_posko: 323301,
nama_posko: 'POSKO ULP BENU BENUA',
total: 22651,
total_selesai: 22651,
persen_selesai: 100,
total_inproses: 0,
persen_inproses: 0,
total_durasi_response: 18218233,
avg_durasi_response: 18.958301306687165,
min_durasi_response: 30,
max_durasi_response: 18055,
total_dibawah_sla_response: 14724,
total_diatas_sla_response: 888,
avg_durasi_recovery: 29.802055551941717,
min_durasi_recovery: 90,
max_durasi_recovery: 18414,
total_dibawah_sla_recovery: 15367,
total_diatas_sla_recovery: 6,
total_response: 15612,
total_recovery: 15373
}
)
]
}
})
</script>

File diff suppressed because it is too large Load Diff

View File

@ -776,26 +776,37 @@ export const queries = {
idUid: $idUid
idUp3: $idUp3
) {
id
id_uid
nama_uid
id_up3
nama_up3
id_ulp
nama_ulp
id_posko
nama_posko
id_regu
kode_regu
nama_regu
avg_durasi_recovery
avg_durasi_response
max_durasi_recovery
max_durasi_response
min_durasi_recovery
min_durasi_response
persen_inproses
persen_selesai
nama_posko
total
total_durasi_recovery
total_durasi_response
total_diatas_sla_recovery
total_diatas_sla_response
total_dibawah_sla_recovery
total_dibawah_sla_response
total_inproses
total_selesai
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
total_dibawah_sla_recovery
total_diatas_sla_recovery
total_response
total_recovery
}
}
`,
@ -814,25 +825,33 @@ export const queries = {
idUid: $idUid
idUp3: $idUp3
) {
avg_durasi_recovery
avg_durasi_response
id
id_uid
nama_uid
id_up3
nama_up3
id_ulp
nama_ulp
id_posko
max_durasi_recovery
max_durasi_response
min_durasi_recovery
min_durasi_response
nama_posko
persen_inproses
persen_selesai
total
total_durasi_recovery
total_durasi_response
total_diatas_sla_recovery
total_diatas_sla_response
total_dibawah_sla_recovery
total_dibawah_sla_response
total_inproses
total_selesai
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
avg_durasi_recovery
min_durasi_recovery
max_durasi_recovery
total_dibawah_sla_recovery
total_diatas_sla_recovery
total_response
total_recovery
}
}
`,
@ -888,8 +907,10 @@ export const queries = {
idUid: $idUid
idUp3: $idUp3
) {
kode
id
id_fasilitas
sub_kelompok
kode
total
total_selesai
persen_selesai
@ -907,6 +928,8 @@ export const queries = {
max_durasi_recovery
total_dibawah_sla_recovery
total_diatas_sla_recovery
total_response
total_recovery
}
}
`,