feat(view): tambahkan kolom Status Bayar pada tampilan progres aktivitas

- Menambahkan kolom "Status Bayar" pada tabel progres aktivitas.
- Mengimplementasikan rendering status bayar dengan kelas CSS untuk menandai status.
- Memperbaiki format tampilan status untuk konsistensi visual.
This commit is contained in:
Daeng Deni Mardaeni
2025-01-14 09:44:10 +07:00
parent eff324614d
commit 65f3c60ae9

View File

@@ -100,6 +100,7 @@
<tr> <tr>
<th class="min-w-[100px]">Nama Debitur</th> <th class="min-w-[100px]">Nama Debitur</th>
<th class="min-w-[100px]">Tujuan Penilaian</th> <th class="min-w-[100px]">Tujuan Penilaian</th>
<th class="min-w-[100px]">Status Bayar</th>
<th class="min-w-[100px]">Jenis Asset</th> <th class="min-w-[100px]">Jenis Asset</th>
<th class="min-w-[100px]">Jenis Report</th> <th class="min-w-[100px]">Jenis Report</th>
<th class="min-w-[100px]">Tgl Register</th> <th class="min-w-[100px]">Tgl Register</th>
@@ -178,6 +179,18 @@
return `${data.permohonan.tujuan_penilaian?.name || ''}`; return `${data.permohonan.tujuan_penilaian?.name || ''}`;
}, },
}, },
status_bayar: {
title: 'Status Bayar',
render: (item, data) => {
const status = data.permohonan.status_bayar.replace(/_/g,
' ');
const statusClass = data.permohonan.status_bayar === 'belum_bayar' ? 'text-red-600' :
'text-green-600';
return `<span class="badge badge-sm badge-default font-bold ${statusClass} uppercase">
${status}
</span>`;
},
},
jenis_asset: { jenis_asset: {
title: 'Jenis Asset', title: 'Jenis Asset',
render: (item, data) => render: (item, data) =>
@@ -208,7 +221,7 @@
progress: { progress: {
title: 'Progress', title: 'Progress',
render: (item, data) => { render: (item, data) => {
return `<span class="badge badge-xs badge-default uppercase flex justify-center ">${data.permohonan.status}</span>`; return `<span class="badge badge-sm badge-default uppercase flex justify-center ">${data.permohonan.status}</span>`;
} }
}, },
// tanggal kunjungan h+2 jika plafon di // tanggal kunjungan h+2 jika plafon di