Commit 01bc4e2a by Ari Agung Prasetiyo

update komposisi penerimaan

1 parent 3bc1b8c6
...@@ -14,13 +14,10 @@ ...@@ -14,13 +14,10 @@
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
<div class="text-center" style="margin-bottom: 20px; padding: 15px 0;"> <div class="text-center" style="margin-bottom: 20px; padding: 15px 0;">
<h2 style="margin: 0; font-weight: bold; color: #333; text-transform: uppercase; letter-spacing: 1px;"> <h2 style="margin: 0; font-weight: bold; color: #333; text-transform: uppercase; letter-spacing: 1px;
LAPORAN REALTIME REALISASI PAJAK DAERAH background-color:rgb(164, 162, 162);">
BESARAN KOMPOSISI PENERIMAAN DARI JENIS PAJAK DAERAH
</h2> </h2>
<h3 style="margin: 5px 0 0; font-weight: bold; color: #cc5200; text-transform: uppercase; letter-spacing: 1px;">
DATA DAN INFORMASI
</h3>
<h4 id="tanggalHariIni" style="margin: 5px 0 0; color: #003399; font-weight: bold;"></h4>
</div> </div>
</div> </div>
</div> </div>
...@@ -87,22 +84,14 @@ ...@@ -87,22 +84,14 @@
<div class="row"> <div class="row">
<div class="col-md-8"> <div class="col-md-8">
<div class="panel panel-default"> <div class="panel panel-default">
<div class="panel-heading">
<img src="${home}/eis/static/bapend.png" class="icon-rounded" alt="" align="left">
<h5 class="text-left bold">Target dan Realisasi per Pajak
<i class="fa fa-info-circle pull-right icon-color"></i>
</h5>
</div>
<div class="panel-body"> <div class="panel-body">
<table class="table table-bordered table-sm" id="table1"> <table class="table table-bordered table-sm" id="table1">
<thead> <thead>
<tr> <tr>
<th class="align-middle text-center">Kode</th> <th class="align-middle text-center">Kode</th>
<th class="align-middle text-center">Uraian</th> <th class="align-middle text-center">Jenis Pajak</th>
<th class="text-center">Target</th> <th class="text-center">Besaran Komposisi <br>Dalam Penerimaan <br>Pajak Daerah (%)</th>
<th class="text-center">Realisasi</th> <th class="text-center">Realisasi</th>
<th class="text-center">Selisih</th>
<th class="text-center">%</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
...@@ -111,16 +100,12 @@ ...@@ -111,16 +100,12 @@
<td class=""></td> <td class=""></td>
<td class="right">0</td> <td class="right">0</td>
<td class="right">0</td> <td class="right">0</td>
<td class="right">0</td>
<td class="right">0</td>
</tr> </tr>
</tbody> </tbody>
<tfoot> <tfoot>
<td colspan="2" class="text-right">Jumlah</td> <td colspan="2" class="text-right">Jumlah</td>
<td><span id="sum_target"></span></td> <td><span id="sum_besaran"></span></td>
<td><span id="sum_realisasi"></span></td> <td><span id="sum_realisasi"></span></td>
<td><span id="sum_sisa"></span></td>
<td><span id="sum_persen"></span></td>
</tfoot> </tfoot>
</table> </table>
</div> </div>
...@@ -610,10 +595,10 @@ ...@@ -610,10 +595,10 @@
"scrollX": true, "scrollX": true,
"order": [[0, 'asc']], "order": [[0, 'asc']],
"columnDefs": [ "columnDefs": [
{ className: 'text-center', width: "50px", targets: [0] }, { className: 'text-center', width: "20px", targets: [0] },
{ className: 'text-left', targets: [1] }, { className: 'text-left', targets: [1] },
{ className: 'text-right', width: "100px", targets: [2, 3, 4], render: $.fn.dataTable.render.number('.', ',', 0, '') }, { className: 'text-right', targets: [2] },
{ className: 'text-right', width: "100px", targets: [5], render: $.fn.dataTable.render.number('.', ',', 2, '') }, { className: 'text-right', targets: [3], render: $.fn.dataTable.render.number('.', ',', 0, '') },
] ]
} }
); );
...@@ -628,21 +613,25 @@ ...@@ -628,21 +613,25 @@
var sum_realisasi = 0; var sum_realisasi = 0;
var sum_sisa = 0; var sum_sisa = 0;
var sum_persen = 0; var sum_persen = 0;
var sum_besaran = 0;
data.forEach(function (row) { data.forEach(function (row) {
console.log(row); console.log(row);
sum_target += row.target;
sum_realisasi += row.realisasi;
sum_sisa += row.sisa;
sum_persen += row.persen;
});
data.forEach(function (row) {
sum_besaran += (row.realisasi/sum_realisasi)*100;
table.row.add([ table.row.add([
row.kode, row.kode,
row.nama, row.nama,
row.target, ((row.realisasi/sum_realisasi)*100).toFixed(2),
row.realisasi, row.realisasi,
row.sisa,
row.persen.toFixed(2)
]); ]);
sum_target += row.target;
sum_realisasi += row.realisasi;
sum_sisa += row.sisa;
sum_persen += row.persen;
}); });
$('#sum_besaran').html(sum_besaran.toLocaleString("id-ID"));
$('#sum_target').html(sum_target.toLocaleString("id-ID")); $('#sum_target').html(sum_target.toLocaleString("id-ID"));
$('#sum_realisasi').html(sum_realisasi.toLocaleString("id-ID")); $('#sum_realisasi').html(sum_realisasi.toLocaleString("id-ID"));
$('#sum_sisa').html(sum_sisa.toLocaleString("id-ID")); $('#sum_sisa').html(sum_sisa.toLocaleString("id-ID"));
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!