Refactor code for improved performance and readability

This commit is contained in:
Dede Fuji Abdul
2024-03-19 14:18:17 +07:00
parent 0593841b3d
commit 071ec7510d
71 changed files with 730 additions and 400 deletions

View File

@ -9,6 +9,7 @@
</Filters>
<div>
<DxDataGrid
:allow-column-reordering="true"
class="max-h-[calc(100vh-140px)] mb-10"
:data-source="data"
:show-column-lines="true"
@ -428,6 +429,7 @@
<div class="w-full mb-4 lg:w-[70%] lg:float-left">
<div class="p-4 bg-white rounded-xl lg:mr-4">
<DxDataGrid
:allow-column-reordering="true"
class="max-h-[calc(100vh-140px)]"
:data-source="dataSub"
:show-column-lines="true"

View File

@ -10,6 +10,7 @@
<div>
<DxDataGrid
:allow-column-reordering="true"
class="max-h-[calc(100vh-140px)] mb-10"
:data-source="data"
:show-column-lines="true"
@ -127,6 +128,7 @@
<div class="w-full mb-4 lg:w-[70%] lg:float-left">
<div class="p-4 bg-white rounded-xl lg:mr-4">
<DxDataGrid
:allow-column-reordering="true"
class="max-h-[calc(100vh-140px)]"
:data-source="data"
:show-column-lines="true"

View File

@ -10,6 +10,7 @@
<div id="data">
<DxDataGrid
:allow-column-reordering="true"
class="max-h-[calc(100vh-140px)] mb-10"
:data-source="data"
:show-column-lines="true"
@ -394,6 +395,7 @@
<div class="w-full mb-4 lg:w-[70%] lg:float-left">
<div class="p-4 bg-white rounded-xl lg:mr-4">
<DxDataGrid
:allow-column-reordering="true"
class="max-h-[calc(100vh-140px)]"
:data-source="data"
:show-column-lines="true"
@ -876,265 +878,265 @@ onMounted(() => {
if (import.meta.env.DEV) {
data.value = [
{
"id": 0,
"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",
"fungsi_bidang": "Proses PD/TD, belum ada realisasinya ",
"total": 1,
"total_selesai": 1,
"persen_selesai": 100,
"total_inproses": 0,
"persen_inproses": 0,
"avg_durasi_response": 983,
"min_durasi_response": 983,
"max_durasi_response": 983,
"total_dibawah_sla_response": 1,
"total_diatas_sla_response": 0,
"avg_durasi_recovery": 1373,
"min_durasi_recovery": 1373,
"max_durasi_recovery": 1373,
"total_dibawah_sla_recovery": 1,
"total_diatas_sla_recovery": 0
},
{
"id": 1,
"nama_regional": "REGIONAL SUMKAL",
"id_uid": 131,
"nama_uid": "WILAYAH SUMATERA BARAT",
"id_up3": 13100,
"nama_up3": "UP3 PADANG",
"id_ulp": 13107,
"nama_ulp": "ULP PAINAN",
"fungsi_bidang": "Drop Tegangan ",
"total": 1,
"total_selesai": 1,
"persen_selesai": 100,
"total_inproses": 0,
"persen_inproses": 0,
"avg_durasi_response": 2228,
"min_durasi_response": 2228,
"max_durasi_response": 2228,
"total_dibawah_sla_response": 0,
"total_diatas_sla_response": 1,
"avg_durasi_recovery": 2347,
"min_durasi_recovery": 2347,
"max_durasi_recovery": 2347,
"total_dibawah_sla_recovery": 1,
"total_diatas_sla_recovery": 0
},
{
"id": 2,
"nama_regional": "REGIONAL SUMKAL",
"id_uid": 131,
"nama_uid": "WILAYAH SUMATERA BARAT",
"id_up3": 13100,
"nama_up3": "UP3 PADANG",
"id_ulp": 13104,
"nama_ulp": "ULP PARIAMAN",
"fungsi_bidang": "Kondisi Jaringan Listrik ",
"total": 4,
"total_selesai": 3,
"persen_selesai": 75,
"total_inproses": 1,
"persen_inproses": 25,
"avg_durasi_response": 772.6666666666666,
"min_durasi_response": 171,
"max_durasi_response": 1701,
"total_dibawah_sla_response": 2,
"total_diatas_sla_response": 1,
"avg_durasi_recovery": 3476,
"min_durasi_recovery": 2824,
"max_durasi_recovery": 3968,
"total_dibawah_sla_recovery": 4,
"total_diatas_sla_recovery": 0
},
{
"id": 3,
"nama_regional": "REGIONAL SUMKAL",
"id_uid": 131,
"nama_uid": "WILAYAH SUMATERA BARAT",
"id_up3": 13100,
"nama_up3": "UP3 PADANG",
"id_ulp": 13103,
"nama_ulp": "ULP INDARUNG",
"fungsi_bidang": "Alat Pembatas tidak berfungsi ",
"total": 25,
"total_selesai": 15,
"persen_selesai": 60,
"total_inproses": 10,
"persen_inproses": 40,
"avg_durasi_response": 1419,
"min_durasi_response": 109,
"max_durasi_response": 4384,
"total_dibawah_sla_response": 10,
"total_diatas_sla_response": 5,
"avg_durasi_recovery": 4791.6,
"min_durasi_recovery": 10,
"max_durasi_recovery": 21118,
"total_dibawah_sla_recovery": 17,
"total_diatas_sla_recovery": 8
},
{
"id": 4,
"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",
"fungsi_bidang": "PD",
"total": 2,
"total_selesai": 2,
"persen_selesai": 100,
"total_inproses": 0,
"persen_inproses": 0,
"avg_durasi_response": 8920.5,
"min_durasi_response": 790,
"max_durasi_response": 17051,
"total_dibawah_sla_response": 1,
"total_diatas_sla_response": 1,
"avg_durasi_recovery": 13781.5,
"min_durasi_recovery": 6068,
"max_durasi_recovery": 21495,
"total_dibawah_sla_recovery": 0,
"total_diatas_sla_recovery": 2
},
{
"id": 5,
"nama_regional": "REGIONAL SUMKAL",
"id_uid": 131,
"nama_uid": "WILAYAH SUMATERA BARAT",
"id_up3": 13100,
"nama_up3": "UP3 PADANG",
"id_ulp": 13106,
"nama_ulp": "ULP SICINCIN",
"fungsi_bidang": "Alat Pembatas tidak berfungsi ",
"total": 11,
"total_selesai": 0,
"persen_selesai": 0,
"total_inproses": 11,
"persen_inproses": 100,
"avg_durasi_response": 828.25,
"min_durasi_response": 387,
"max_durasi_response": 1237,
"total_dibawah_sla_response": 4,
"total_diatas_sla_response": 0,
"avg_durasi_recovery": 2622.181818181818,
"min_durasi_recovery": 480,
"max_durasi_recovery": 15205,
"total_dibawah_sla_recovery": 10,
"total_diatas_sla_recovery": 1
},
{
"id": 6,
"nama_regional": "REGIONAL SUMKAL",
"id_uid": 131,
"nama_uid": "WILAYAH SUMATERA BARAT",
"id_up3": 13100,
"nama_up3": "UP3 PADANG",
"id_ulp": 13103,
"nama_ulp": "ULP INDARUNG",
"fungsi_bidang": "Tidak bisa beli Token ",
"total": 1,
"total_selesai": 1,
"persen_selesai": 100,
"total_inproses": 0,
"persen_inproses": 0,
"avg_durasi_response": 5442,
"min_durasi_response": 5442,
"max_durasi_response": 5442,
"total_dibawah_sla_response": 0,
"total_diatas_sla_response": 1,
"avg_durasi_recovery": 9759,
"min_durasi_recovery": 9759,
"max_durasi_recovery": 9759,
"total_dibawah_sla_recovery": 0,
"total_diatas_sla_recovery": 1
},
{
"id": 7,
"nama_regional": "REGIONAL SUMKAL",
"id_uid": 131,
"nama_uid": "WILAYAH SUMATERA BARAT",
"id_up3": 13100,
"nama_up3": "UP3 PADANG",
"id_ulp": 13102,
"nama_ulp": "ULP TABING",
"fungsi_bidang": "Kondisi Jaringan Listrik ",
"total": 13,
"total_selesai": 4,
"persen_selesai": 30.76923076923077,
"total_inproses": 9,
"persen_inproses": 69.23076923076923,
"avg_durasi_response": 5249.461538461538,
"min_durasi_response": 300,
"max_durasi_response": 22739,
"total_dibawah_sla_response": 5,
"total_diatas_sla_response": 8,
"avg_durasi_recovery": 7872.384615384615,
"min_durasi_recovery": 594,
"max_durasi_recovery": 32933,
"total_dibawah_sla_recovery": 7,
"total_diatas_sla_recovery": 6
},
{
"id": 8,
"nama_regional": "REGIONAL SUMKAL",
"id_uid": 131,
"nama_uid": "WILAYAH SUMATERA BARAT",
"id_up3": 13100,
"nama_up3": "UP3 PADANG",
"id_ulp": 13102,
"nama_ulp": "ULP TABING",
"fungsi_bidang": "PTL Sering Padam ",
"total": 1,
"total_selesai": 0,
"persen_selesai": 0,
"total_inproses": 1,
"persen_inproses": 100,
"avg_durasi_response": 28613,
"min_durasi_response": 28613,
"max_durasi_response": 28613,
"total_dibawah_sla_response": 0,
"total_diatas_sla_response": 1,
"avg_durasi_recovery": 37937,
"min_durasi_recovery": 37937,
"max_durasi_recovery": 37937,
"total_dibawah_sla_recovery": 0,
"total_diatas_sla_recovery": 1
},
{
"id": 9,
"nama_regional": "REGIONAL SUMKAL",
"id_uid": 131,
"nama_uid": "WILAYAH SUMATERA BARAT",
"id_up3": 13100,
"nama_up3": "UP3 PADANG",
"id_ulp": 13112,
"nama_ulp": "ULP KURANJI",
"fungsi_bidang": "Alat Ukur Paskabayar tidak berfungsi ",
"total": 1,
"total_selesai": 1,
"persen_selesai": 100,
"total_inproses": 0,
"persen_inproses": 0,
"avg_durasi_response": 2264,
"min_durasi_response": 2264,
"max_durasi_response": 2264,
"total_dibawah_sla_response": 0,
"total_diatas_sla_response": 1,
"avg_durasi_recovery": 3300,
"min_durasi_recovery": 3300,
"max_durasi_recovery": 3300,
"total_dibawah_sla_recovery": 1,
"total_diatas_sla_recovery": 0
},
id: 0,
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',
fungsi_bidang: 'Proses PD/TD, belum ada realisasinya ',
total: 1,
total_selesai: 1,
persen_selesai: 100,
total_inproses: 0,
persen_inproses: 0,
avg_durasi_response: 983,
min_durasi_response: 983,
max_durasi_response: 983,
total_dibawah_sla_response: 1,
total_diatas_sla_response: 0,
avg_durasi_recovery: 1373,
min_durasi_recovery: 1373,
max_durasi_recovery: 1373,
total_dibawah_sla_recovery: 1,
total_diatas_sla_recovery: 0
},
{
id: 1,
nama_regional: 'REGIONAL SUMKAL',
id_uid: 131,
nama_uid: 'WILAYAH SUMATERA BARAT',
id_up3: 13100,
nama_up3: 'UP3 PADANG',
id_ulp: 13107,
nama_ulp: 'ULP PAINAN',
fungsi_bidang: 'Drop Tegangan ',
total: 1,
total_selesai: 1,
persen_selesai: 100,
total_inproses: 0,
persen_inproses: 0,
avg_durasi_response: 2228,
min_durasi_response: 2228,
max_durasi_response: 2228,
total_dibawah_sla_response: 0,
total_diatas_sla_response: 1,
avg_durasi_recovery: 2347,
min_durasi_recovery: 2347,
max_durasi_recovery: 2347,
total_dibawah_sla_recovery: 1,
total_diatas_sla_recovery: 0
},
{
id: 2,
nama_regional: 'REGIONAL SUMKAL',
id_uid: 131,
nama_uid: 'WILAYAH SUMATERA BARAT',
id_up3: 13100,
nama_up3: 'UP3 PADANG',
id_ulp: 13104,
nama_ulp: 'ULP PARIAMAN',
fungsi_bidang: 'Kondisi Jaringan Listrik ',
total: 4,
total_selesai: 3,
persen_selesai: 75,
total_inproses: 1,
persen_inproses: 25,
avg_durasi_response: 772.6666666666666,
min_durasi_response: 171,
max_durasi_response: 1701,
total_dibawah_sla_response: 2,
total_diatas_sla_response: 1,
avg_durasi_recovery: 3476,
min_durasi_recovery: 2824,
max_durasi_recovery: 3968,
total_dibawah_sla_recovery: 4,
total_diatas_sla_recovery: 0
},
{
id: 3,
nama_regional: 'REGIONAL SUMKAL',
id_uid: 131,
nama_uid: 'WILAYAH SUMATERA BARAT',
id_up3: 13100,
nama_up3: 'UP3 PADANG',
id_ulp: 13103,
nama_ulp: 'ULP INDARUNG',
fungsi_bidang: 'Alat Pembatas tidak berfungsi ',
total: 25,
total_selesai: 15,
persen_selesai: 60,
total_inproses: 10,
persen_inproses: 40,
avg_durasi_response: 1419,
min_durasi_response: 109,
max_durasi_response: 4384,
total_dibawah_sla_response: 10,
total_diatas_sla_response: 5,
avg_durasi_recovery: 4791.6,
min_durasi_recovery: 10,
max_durasi_recovery: 21118,
total_dibawah_sla_recovery: 17,
total_diatas_sla_recovery: 8
},
{
id: 4,
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',
fungsi_bidang: 'PD',
total: 2,
total_selesai: 2,
persen_selesai: 100,
total_inproses: 0,
persen_inproses: 0,
avg_durasi_response: 8920.5,
min_durasi_response: 790,
max_durasi_response: 17051,
total_dibawah_sla_response: 1,
total_diatas_sla_response: 1,
avg_durasi_recovery: 13781.5,
min_durasi_recovery: 6068,
max_durasi_recovery: 21495,
total_dibawah_sla_recovery: 0,
total_diatas_sla_recovery: 2
},
{
id: 5,
nama_regional: 'REGIONAL SUMKAL',
id_uid: 131,
nama_uid: 'WILAYAH SUMATERA BARAT',
id_up3: 13100,
nama_up3: 'UP3 PADANG',
id_ulp: 13106,
nama_ulp: 'ULP SICINCIN',
fungsi_bidang: 'Alat Pembatas tidak berfungsi ',
total: 11,
total_selesai: 0,
persen_selesai: 0,
total_inproses: 11,
persen_inproses: 100,
avg_durasi_response: 828.25,
min_durasi_response: 387,
max_durasi_response: 1237,
total_dibawah_sla_response: 4,
total_diatas_sla_response: 0,
avg_durasi_recovery: 2622.181818181818,
min_durasi_recovery: 480,
max_durasi_recovery: 15205,
total_dibawah_sla_recovery: 10,
total_diatas_sla_recovery: 1
},
{
id: 6,
nama_regional: 'REGIONAL SUMKAL',
id_uid: 131,
nama_uid: 'WILAYAH SUMATERA BARAT',
id_up3: 13100,
nama_up3: 'UP3 PADANG',
id_ulp: 13103,
nama_ulp: 'ULP INDARUNG',
fungsi_bidang: 'Tidak bisa beli Token ',
total: 1,
total_selesai: 1,
persen_selesai: 100,
total_inproses: 0,
persen_inproses: 0,
avg_durasi_response: 5442,
min_durasi_response: 5442,
max_durasi_response: 5442,
total_dibawah_sla_response: 0,
total_diatas_sla_response: 1,
avg_durasi_recovery: 9759,
min_durasi_recovery: 9759,
max_durasi_recovery: 9759,
total_dibawah_sla_recovery: 0,
total_diatas_sla_recovery: 1
},
{
id: 7,
nama_regional: 'REGIONAL SUMKAL',
id_uid: 131,
nama_uid: 'WILAYAH SUMATERA BARAT',
id_up3: 13100,
nama_up3: 'UP3 PADANG',
id_ulp: 13102,
nama_ulp: 'ULP TABING',
fungsi_bidang: 'Kondisi Jaringan Listrik ',
total: 13,
total_selesai: 4,
persen_selesai: 30.76923076923077,
total_inproses: 9,
persen_inproses: 69.23076923076923,
avg_durasi_response: 5249.461538461538,
min_durasi_response: 300,
max_durasi_response: 22739,
total_dibawah_sla_response: 5,
total_diatas_sla_response: 8,
avg_durasi_recovery: 7872.384615384615,
min_durasi_recovery: 594,
max_durasi_recovery: 32933,
total_dibawah_sla_recovery: 7,
total_diatas_sla_recovery: 6
},
{
id: 8,
nama_regional: 'REGIONAL SUMKAL',
id_uid: 131,
nama_uid: 'WILAYAH SUMATERA BARAT',
id_up3: 13100,
nama_up3: 'UP3 PADANG',
id_ulp: 13102,
nama_ulp: 'ULP TABING',
fungsi_bidang: 'PTL Sering Padam ',
total: 1,
total_selesai: 0,
persen_selesai: 0,
total_inproses: 1,
persen_inproses: 100,
avg_durasi_response: 28613,
min_durasi_response: 28613,
max_durasi_response: 28613,
total_dibawah_sla_response: 0,
total_diatas_sla_response: 1,
avg_durasi_recovery: 37937,
min_durasi_recovery: 37937,
max_durasi_recovery: 37937,
total_dibawah_sla_recovery: 0,
total_diatas_sla_recovery: 1
},
{
id: 9,
nama_regional: 'REGIONAL SUMKAL',
id_uid: 131,
nama_uid: 'WILAYAH SUMATERA BARAT',
id_up3: 13100,
nama_up3: 'UP3 PADANG',
id_ulp: 13112,
nama_ulp: 'ULP KURANJI',
fungsi_bidang: 'Alat Ukur Paskabayar tidak berfungsi ',
total: 1,
total_selesai: 1,
persen_selesai: 100,
total_inproses: 0,
persen_inproses: 0,
avg_durasi_response: 2264,
min_durasi_response: 2264,
max_durasi_response: 2264,
total_dibawah_sla_response: 0,
total_diatas_sla_response: 1,
avg_durasi_recovery: 3300,
min_durasi_recovery: 3300,
max_durasi_recovery: 3300,
total_dibawah_sla_recovery: 1,
total_diatas_sla_recovery: 0
}
]
}
})

View File

@ -10,6 +10,7 @@
<div id="data">
<DxDataGrid
:allow-column-reordering="true"
class="max-h-[calc(100vh-140px)] mb-10"
:data-source="data"
:show-column-lines="true"
@ -549,6 +550,7 @@
<div class="w-full mb-4 lg:w-[70%] lg:float-left">
<div class="p-4 bg-white rounded-xl lg:mr-4">
<DxDataGrid
:allow-column-reordering="true"
class="max-h-[calc(100vh-140px)]"
:data-source="dataSub"
:show-column-lines="true"
@ -1025,5 +1027,5 @@ onMounted(() => {
if (import.meta.env.DEV) {
data.value = dummyData.keluhan.rekap.rekapitulasiKeluhanPerJenisKeluhan
}
})
})
</script>

View File

@ -10,6 +10,7 @@
<div id="data">
<DxDataGrid
:allow-column-reordering="true"
class="max-h-[calc(100vh-140px)] mb-10"
:data-source="data"
:show-column-lines="true"
@ -406,6 +407,7 @@
<div class="w-full mb-4 lg:w-[70%] lg:float-left">
<div class="p-4 bg-white rounded-xl lg:mr-4">
<DxDataGrid
:allow-column-reordering="true"
class="max-h-[calc(100vh-140px)]"
:data-source="data"
:show-column-lines="true"

View File

@ -10,6 +10,7 @@
<div>
<DxDataGrid
:allow-column-reordering="true"
class="max-h-[calc(100vh-140px)] mb-10"
:show-column-lines="true"
:show-row-lines="false"
@ -409,6 +410,7 @@
<div class="w-full mb-4 lg:w-[70%] lg:float-left">
<div class="p-4 bg-white rounded-xl lg:mr-4">
<DxDataGrid
:allow-column-reordering="true"
class="max-h-[calc(100vh-140px)]"
:data-source="data"
:show-column-lines="true"

View File

@ -10,6 +10,7 @@
<div>
<DxDataGrid
:allow-column-reordering="true"
class="max-h-[calc(100vh-140px)] mb-10"
:data-source="data"
:show-column-lines="true"
@ -548,6 +549,7 @@
<div class="w-full mb-4 lg:w-[70%] lg:float-left">
<div class="p-4 bg-white rounded-xl lg:mr-4">
<DxDataGrid
:allow-column-reordering="true"
class="max-h-[calc(100vh-140px)]"
:data-source="dataSub"
:show-column-lines="true"

View File

@ -4,6 +4,7 @@
</Filters>
<div id="data">
<DxDataGrid
:allow-column-reordering="true"
class="max-h-[calc(100vh-140px)] mb-10"
:data-source="data"
:show-column-lines="true"