Refactor detail dialog in Gangguan pages

This commit is contained in:
Dede Fuji Abdul
2024-03-30 13:37:06 +07:00
parent bd137bcc9b
commit f671f423dc
3 changed files with 119 additions and 142 deletions

View File

@ -69,10 +69,13 @@
:width="120"
alignment="center"
data-field="sub_kelompok"
caption="Kelompok"
css-class="custom-table-column"
group-index="0"
:group-index="0"
caption=""
cell-template="formatText"
:calculate-group-value="
(rowData: any) => `${rowData.sub_kelompok} (${rowData.nama_sub_kelompok})`
"
/>
<DxColumn
:width="150"
@ -562,6 +565,7 @@ const filterData = async (params: any) => {
return {
no: ++index,
sub_kelompok: item.sub_kelompok,
nama_sub_kelompok: item.nama_sub_kelompok,
kode: item.kode,
jenisGangguan: item.tipe_permasalahan,
laporan: {
@ -620,119 +624,125 @@ onMounted(() => {
if (import.meta.env.DEV) {
data.value = [
{
id: 0,
kode: '01a',
nama_sub_kelompok: 'Kelompok sambungan tenaga listrik dan APP ',
sub_kelompok: '00',
avg_durasi_recovery: 0.0,
avg_durasi_response: 0.0,
max_durasi_recovery: 0,
max_durasi_response: 0,
min_durasi_recovery: 0,
min_durasi_response: 0,
persen_inproses: 0.0,
persen_selesai: 0.0,
tipe_permasalahan: 'Pelebur pembatas putus/rusak',
total: 0,
total_selesai: 0,
persen_selesai: 0,
total_inproses: 0,
persen_inproses: 0,
total_durasi_response: 0,
avg_durasi_response: 0,
min_durasi_response: 0,
max_durasi_response: 0,
total_dibawah_sla_response: 0,
total_diatas_sla_response: 0,
kode: '01a',
total_durasi_recovery: 0,
avg_durasi_recovery: 0,
min_durasi_recovery: 0,
max_durasi_recovery: 0,
total_durasi_response: 0,
total_diatas_sla_recovery: 0,
total_diatas_sla_response: 0,
total_dibawah_sla_recovery: 0,
total_diatas_sla_recovery: 0
total_dibawah_sla_response: 0,
total_inproses: 0,
total_selesai: 0
},
{
id: 1,
kode: '01b',
nama_sub_kelompok: 'Kelompok sambungan tenaga listrik dan APP ',
sub_kelompok: '00',
avg_durasi_recovery: 0.0,
avg_durasi_response: 0.0,
max_durasi_recovery: 0,
max_durasi_response: 0,
min_durasi_recovery: 0,
min_durasi_response: 0,
persen_inproses: 0.0,
persen_selesai: 0.0,
tipe_permasalahan: 'MCB pembatas rusak',
total: 0,
total_selesai: 0,
persen_selesai: 0,
total_inproses: 0,
persen_inproses: 0,
total_durasi_response: 0,
avg_durasi_response: 0,
min_durasi_response: 0,
max_durasi_response: 0,
total_dibawah_sla_response: 0,
total_diatas_sla_response: 0,
kode: '01b',
total_durasi_recovery: 0,
avg_durasi_recovery: 0,
min_durasi_recovery: 0,
max_durasi_recovery: 0,
total_durasi_response: 0,
total_diatas_sla_recovery: 0,
total_diatas_sla_response: 0,
total_dibawah_sla_recovery: 0,
total_diatas_sla_recovery: 0
total_dibawah_sla_response: 0,
total_inproses: 0,
total_selesai: 0
},
{
id: 2,
kode: '01c',
nama_sub_kelompok: 'Kelompok sambungan tenaga listrik dan APP ',
sub_kelompok: '00',
avg_durasi_recovery: 0.0,
avg_durasi_response: 0.0,
max_durasi_recovery: 0,
max_durasi_response: 0,
min_durasi_recovery: 0,
min_durasi_response: 0,
persen_inproses: 0.0,
persen_selesai: 0.0,
tipe_permasalahan: 'RELAY dan / atau CB rusak',
total: 0,
total_selesai: 0,
persen_selesai: 0,
total_inproses: 0,
persen_inproses: 0,
total_durasi_response: 0,
avg_durasi_response: 0,
min_durasi_response: 0,
max_durasi_response: 0,
total_dibawah_sla_response: 0,
total_diatas_sla_response: 0,
kode: '01c',
total_durasi_recovery: 0,
avg_durasi_recovery: 0,
min_durasi_recovery: 0,
max_durasi_recovery: 0,
total_durasi_response: 0,
total_diatas_sla_recovery: 0,
total_diatas_sla_response: 0,
total_dibawah_sla_recovery: 0,
total_diatas_sla_recovery: 0
total_dibawah_sla_response: 0,
total_inproses: 0,
total_selesai: 0
},
{
id: 3,
kode: '01d',
nama_sub_kelompok: 'Kelompok sambungan tenaga listrik dan APP ',
sub_kelompok: '00',
avg_durasi_recovery: 0.0,
avg_durasi_response: 0.0,
max_durasi_recovery: 0,
max_durasi_response: 0,
min_durasi_recovery: 0,
min_durasi_response: 0,
persen_inproses: 0.0,
persen_selesai: 0.0,
tipe_permasalahan: 'Pelebur putus dan LBS jatuh atau rusak',
total: 0,
total_selesai: 0,
persen_selesai: 0,
total_inproses: 0,
persen_inproses: 0,
total_durasi_response: 0,
avg_durasi_response: 0,
min_durasi_response: 0,
max_durasi_response: 0,
total_dibawah_sla_response: 0,
total_diatas_sla_response: 0,
kode: '01d',
total_durasi_recovery: 0,
avg_durasi_recovery: 0,
min_durasi_recovery: 0,
max_durasi_recovery: 0,
total_durasi_response: 0,
total_diatas_sla_recovery: 0,
total_diatas_sla_response: 0,
total_dibawah_sla_recovery: 0,
total_diatas_sla_recovery: 0
total_dibawah_sla_response: 0,
total_inproses: 0,
total_selesai: 0
},
{
id: 4,
kode: '06a',
nama_sub_kelompok: 'Kelompok sambungan tenaga listrik dan APP ',
sub_kelompok: '00',
avg_durasi_recovery: 0.0,
avg_durasi_response: 0.0,
max_durasi_recovery: 0,
max_durasi_response: 0,
min_durasi_recovery: 0,
min_durasi_response: 0,
persen_inproses: 0.0,
persen_selesai: 0.0,
tipe_permasalahan: 'Kubikel APP/komponennya rusak atau gagal bekerja',
total: 0,
total_selesai: 0,
persen_selesai: 0,
total_inproses: 0,
persen_inproses: 0,
total_durasi_response: 0,
avg_durasi_response: 0,
min_durasi_response: 0,
max_durasi_response: 0,
total_dibawah_sla_response: 0,
total_diatas_sla_response: 0,
kode: '06a',
total_durasi_recovery: 0,
avg_durasi_recovery: 0,
min_durasi_recovery: 0,
max_durasi_recovery: 0,
total_durasi_response: 0,
total_diatas_sla_recovery: 0,
total_diatas_sla_response: 0,
total_dibawah_sla_recovery: 0,
total_diatas_sla_recovery: 0
total_dibawah_sla_response: 0,
total_inproses: 0,
total_selesai: 0
}
].map((item: any, index: number) => {
return {
no: ++index,
sub_kelompok: item.sub_kelompok,
nama_sub_kelompok: item.nama_sub_kelompok,
kode: item.kode,
jenisGangguan: item.tipe_permasalahan,
laporan: {