You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
518 lines
19 KiB
518 lines
19 KiB
<style> |
|
.highcharts-figure, |
|
.highcharts-data-table table { |
|
min-width: 320px; |
|
max-width: 800px; |
|
margin: 1em auto; |
|
} |
|
|
|
.highcharts-data-table table { |
|
font-family: Verdana, sans-serif; |
|
border-collapse: collapse; |
|
border: 1px solid #ebebeb; |
|
margin: 10px auto; |
|
text-align: center; |
|
width: 100%; |
|
max-width: 500px; |
|
} |
|
|
|
.highcharts-data-table caption { |
|
padding: 1em 0; |
|
font-size: 1.2em; |
|
color: #555; |
|
} |
|
|
|
.highcharts-data-table th { |
|
font-weight: 600; |
|
padding: 0.5em; |
|
} |
|
|
|
.highcharts-data-table td, |
|
.highcharts-data-table th, |
|
.highcharts-data-table caption { |
|
padding: 0.5em; |
|
} |
|
|
|
.highcharts-data-table thead tr, |
|
.highcharts-data-table tr:nth-child(even) { |
|
background: #f8f8f8; |
|
} |
|
|
|
.highcharts-data-table tr:hover { |
|
background: #f1f7ff; |
|
} |
|
</style> |
|
<?php |
|
$tahun2 = date('Y'); |
|
$rentang_tahun = range($tahun2, 2022); |
|
|
|
|
|
?> |
|
|
|
<div class="main-content"> |
|
<div class="container-fluid"> |
|
<div class="row"> |
|
<div class="col-sm-12 mb-2"> |
|
<div class="card"> |
|
<div class="card-header"> |
|
<h3>Pilih :</h3> |
|
<div class="card-header-right"> |
|
<ul class="list-unstyled card-option"> |
|
<li><i class="ik ik-chevron-left action-toggle"></i></li> |
|
<li><i class="ik ik-minus minimize-card"></i></li> |
|
<li><i class="ik ik-x close-card"></i></li> |
|
</ul> |
|
</div> |
|
</div> |
|
<div class="card-body"> |
|
|
|
<form class="form-sample" action="<?php base_url('rapor/deltabyr') ?>" method="post"> |
|
|
|
|
|
|
|
<?php if (session('tpkantor') == 'KPDJP') { |
|
$disabledslct = ""; |
|
} else { |
|
$disabledslct = "disabled"; |
|
} |
|
|
|
if (session('tpkantor') == 'KPP') { |
|
$disableslckpp = "disabled"; |
|
} else { |
|
$disableslckpp = ""; |
|
} |
|
?> |
|
<div class="row row-cols-1 row-cols-md-2"> |
|
<div class="col-md-6 col-sm-12"> |
|
<label class="my-1 mr-2">Kanwil </label> |
|
<select class="custom-select my-1 mr-sm-2" id="kwl" name="kwl" <?php echo $disabledslct ?>> |
|
<?php if(session('tpkantor') == 'KPDJP'){ |
|
echo "<option value='semua'>Nasional</option>"; |
|
} |
|
?> |
|
<?php |
|
|
|
|
|
foreach ($selkwl as $row) { |
|
if ($row->KODE == $kwlx) { |
|
$sel = "selected"; |
|
} else { |
|
$sel = ""; |
|
} |
|
echo "<option value=\"" . $row->KODE . "\" " . $sel . ">" . $row->KODE . " - " . $row->NAMA . "</option>"; |
|
} |
|
|
|
|
|
?> |
|
</select> |
|
<label class="my-1 mr-2">KPP </label> |
|
<select class="custom-select my-1 mr-sm-2" id="kpp" name="kpp" <?php echo $disableslckpp ?>> |
|
</select> |
|
<label class="my-1 mr-2">Seksi </label> |
|
<select class="custom-select my-1 mr-sm-2" id="seksi" name="seksi"> |
|
</select> |
|
|
|
|
|
</div> |
|
<div class="col-md-6 col-sm-12"> |
|
<label class="my-1 mr-2">AR </label> |
|
<select class="custom-select my-1 mr-sm-2" id="nip" name="nip"> |
|
</select> |
|
<label class="my-1 mr-2">Tahun </label> |
|
<select class="custom-select my-1 mr-sm-2" id="tahun" name="tahun"> |
|
<?php |
|
foreach ($rentang_tahun as $tahun) { |
|
if ($tahun == $tahunx) { |
|
$sel = "selected"; |
|
} else { |
|
$sel = ""; |
|
} |
|
echo "<option value=\"" . $tahun . "\" " . $sel . ">" . $tahun . "</option>"; |
|
} |
|
?> |
|
</select> |
|
<label></label> |
|
|
|
<label class="my-1 mr-2">Bulan </label> |
|
<select class="custom-select my-1 mr-sm-2" id="bulan" name="bulan"> |
|
<?php |
|
foreach ($refbulan as $rowb) { |
|
if ($rowb->KODE == $bulany) { |
|
$isSelected = ' selected="selected"'; |
|
} else { |
|
$isSelected = ''; |
|
} |
|
echo "<option value='" . $rowb->KODE . "'" . $isSelected . ">" . ucfirst(strtolower($rowb->NM_PANJANG)) . "</option>"; |
|
} |
|
?> |
|
</select> |
|
<label class="my-1 mr-2">s.d. Bulan </label> |
|
<select class="custom-select my-1 mr-sm-2" id="bulan1" name="bulan1"> |
|
<?php |
|
foreach ($refbulan as $rowb) { |
|
if ($rowb->KODE == $bulanx) { |
|
$isSelected = ' selected="selected"'; |
|
} else { |
|
$isSelected = ''; |
|
} |
|
echo "<option value='" . $rowb->KODE . "'" . $isSelected . ">" . ucfirst(strtolower($rowb->NM_PANJANG)) . "</option>"; |
|
} |
|
?> |
|
</select> |
|
|
|
|
|
|
|
<button type="submit" |
|
class="btn btn-primary btn-lg active mt-5 float-right">Proses</button> |
|
</div> |
|
</div> |
|
</form> |
|
|
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="row clearfix"> |
|
<div class="col-lg-2 col-md-6 col-sm-12"> |
|
<div class="widget"> |
|
<div class="widget-body"> |
|
<div class="d-flex justify-content-between align-items-center"> |
|
<div class="state"> |
|
<h6>WP Terdaftar <?= $tahunx?> </h6> |
|
<h6><b>76.417.527</b></h6> |
|
</div> |
|
<div class="icon text-green"> |
|
<i class="ik ik-award"></i> |
|
</div> |
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
</div> |
|
<div class="col-lg-2 col-md-6 col-sm-12"> |
|
<div class="widget"> |
|
<div class="widget-body"> |
|
<div class="d-flex justify-content-between align-items-center"> |
|
<div class="state"> |
|
<h6>WP Bayar <?= $tahunx ?></h6> |
|
<h6><b>2.187.232</b></h6> |
|
</div> |
|
<div class="icon"> |
|
<i class="ik ik-thumbs-up text-blue"></i> |
|
</div> |
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
</div> |
|
<div class="col-lg-2 col-md-6 col-sm-12"> |
|
<div class="widget"> |
|
<div class="widget-body"> |
|
<div class="d-flex justify-content-between align-items-center"> |
|
<div class="state"> |
|
<h6>Ratio % </h6> |
|
<h6><b>2.86%</b></h6> |
|
</div> |
|
<div class="icon"> |
|
<i class="ik ik-calendar text-orange"></i> |
|
</div> |
|
</div> |
|
|
|
</small> |
|
</div> |
|
|
|
</div> |
|
</div> |
|
|
|
<div class="col-lg-2 col-md-6 col-sm-12"> |
|
<div class="widget"> |
|
<div class="widget-body"> |
|
<div class="d-flex justify-content-between align-items-center"> |
|
<div class="state"> |
|
<h6>WP Bayar Teratur 2024</h6> |
|
<h6><b>499.765</b></h6> |
|
</div> |
|
<div class="icon"> |
|
<i class="ik ik-calendar text-orange"></i> |
|
</div> |
|
</div> |
|
|
|
</small> |
|
</div> |
|
|
|
</div> |
|
</div> |
|
|
|
<div class="col-lg-2 col-md-6 col-sm-12"> |
|
<div class="widget"> |
|
<div class="widget-body"> |
|
<div class="d-flex justify-content-between align-items-center"> |
|
<div class="state"> |
|
<h6>Ratio Bayar Teratur % </h6> |
|
<h6><b>22,85%</b></h6> |
|
</div> |
|
<div class="icon"> |
|
<i class="ik ik-calendar text-orange"></i> |
|
</div> |
|
</div> |
|
|
|
</small> |
|
</div> |
|
|
|
</div> |
|
</div> |
|
|
|
|
|
</div> |
|
|
|
<div class="row clearfix"> |
|
<div class="col-lg-2 col-md-6 col-sm-12"> |
|
<div class="widget"> |
|
<div class="widget-body"> |
|
<div class="d-flex justify-content-between align-items-center"> |
|
<div class="state"> |
|
<h6>WP Terdaftar <?= $tahunx -1?> </h6> |
|
<h6><b>73.354.233</b></h6> |
|
</div> |
|
<div class="icon text-green"> |
|
<i class="ik ik-award"></i> |
|
</div> |
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
</div> |
|
<div class="col-lg-2 col-md-6 col-sm-12"> |
|
<div class="widget"> |
|
<div class="widget-body"> |
|
<div class="d-flex justify-content-between align-items-center"> |
|
<div class="state"> |
|
<h6>WP Bayar <?= $tahunx -1?></h6> |
|
<h6><b>2.447.784</b></h6> |
|
</div> |
|
<div class="icon"> |
|
<i class="ik ik-thumbs-up text-blue"></i> |
|
</div> |
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
</div> |
|
<div class="col-lg-2 col-md-6 col-sm-12"> |
|
<div class="widget"> |
|
<div class="widget-body"> |
|
<div class="d-flex justify-content-between align-items-center"> |
|
<div class="state"> |
|
<h6>Ratio % </h6> |
|
<h6><b>3.34%</b></h6> |
|
</div> |
|
<div class="icon"> |
|
<i class="ik ik-calendar text-orange"></i> |
|
</div> |
|
</div> |
|
|
|
</small> |
|
</div> |
|
|
|
</div> |
|
</div> |
|
|
|
<div class="col-lg-2 col-md-6 col-sm-12"> |
|
<div class="widget"> |
|
<div class="widget-body"> |
|
<div class="d-flex justify-content-between align-items-center"> |
|
<div class="state"> |
|
<h6>WP Bayar Teratur 2023</h6> |
|
<h6><b>490.428</b></h6> |
|
</div> |
|
<div class="icon"> |
|
<i class="ik ik-calendar text-orange"></i> |
|
</div> |
|
</div> |
|
|
|
</small> |
|
</div> |
|
|
|
</div> |
|
</div> |
|
|
|
<div class="col-lg-2 col-md-6 col-sm-12"> |
|
<div class="widget"> |
|
<div class="widget-body"> |
|
<div class="d-flex justify-content-between align-items-center"> |
|
<div class="state"> |
|
<h6>Ratio Bayar Teratur % </h6> |
|
<h6><b>20,03%</b></h6> |
|
</div> |
|
<div class="icon"> |
|
<i class="ik ik-calendar text-orange"></i> |
|
</div> |
|
</div> |
|
|
|
</small> |
|
</div> |
|
|
|
</div> |
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
</div> |
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<?php echo view('inc/js.php') ?> |
|
|
|
<script> |
|
$(function () { |
|
$("#tablekat").tablesorter({ |
|
usNumberFormat: false |
|
}); |
|
}); |
|
</script> |
|
|
|
<script> |
|
$(document).ready(function () { |
|
|
|
$('#kwl').change(function () { |
|
|
|
var kwl = $('#kwl').val(); |
|
var kpp = $('#kpp').val(); |
|
if (kwl != '') { |
|
$.ajax({ |
|
url: "<?php echo base_url('/ref/getKPP'); ?>", |
|
method: "POST", |
|
data: { |
|
kwl: kwl |
|
}, |
|
dataType: "JSON", |
|
success: function (data) { |
|
$('select[name="kpp"]').empty(); |
|
$('select[name="kpp"]').append('<option value="SEMUA">Semua</option>'); |
|
$.each(data, function (key, value) { |
|
$('select[name="kpp"]').append('<option value="' + value.KD_KPP + '">' + value.NM_KANTOR + '</option>'); |
|
}); |
|
<?php |
|
if ($kppx != '') { ?> |
|
|
|
$('#kpp').val('<?php echo $kppx ?>').change(); |
|
$('#seksi').change(); |
|
|
|
<?php } ?> |
|
|
|
|
|
} |
|
}); |
|
} else { |
|
$('#kpp').val(''); |
|
} |
|
}); |
|
<?php |
|
if ($kwlx != '') { ?> |
|
|
|
$('#kwl').val('<?php echo $kwlx ?>').change(); |
|
|
|
<?php } ?> |
|
|
|
|
|
$('#kpp').change(function () { |
|
var kpp = $('#kpp').val(); |
|
if (kpp == '' || kpp == 'SEMUA') { |
|
$('#seksi').attr('disabled', true); |
|
} else { |
|
$('#seksi').attr('disabled', false); |
|
} |
|
if (seksi != '') { |
|
$.ajax({ |
|
url: "<?php echo base_url('/ref/getSeksi'); ?>", |
|
method: "POST", |
|
data: { |
|
kpp: kpp, |
|
}, |
|
dataType: "JSON", |
|
success: function (datas) { |
|
$('select[name="seksi"]').empty(); |
|
$('select[name="seksi"]').append('<option value="SEMUA">Semua</option>'); |
|
$.each(datas, function (key, value) { |
|
$('select[name="seksi"]').append('<option value="' + value.KODESIE + '">' + value.SEKSI + ' - ' + value.NAMA + '</option>'); |
|
}); |
|
|
|
<?php |
|
if ($seksix != '') { ?> |
|
|
|
$('#seksi').val('<?php echo $seksix ?>').change(); |
|
$('#nip').change(); |
|
|
|
<?php } ?> |
|
} |
|
}); |
|
} else { |
|
$('#seksi').val(''); |
|
} |
|
}); |
|
<?php |
|
if ($kppx != '') { ?> |
|
$('#kpp').change(); |
|
|
|
<?php } ?> |
|
|
|
|
|
$('#seksi').change(function () { |
|
var kpp = $('#kpp').val(); |
|
var seksi = $('#seksi').val(); |
|
var nip = $('#nip').val() |
|
|
|
if (seksi == '' || seksi == 'SEMUA') { |
|
$('#nip').attr('disabled', true); |
|
} else { |
|
$('#nip').attr('disabled', false); |
|
} |
|
if (seksi != '') { |
|
$.ajax({ |
|
url: "<?php echo base_url('/ref/getAR'); ?>", |
|
method: "POST", |
|
data: { |
|
kpp: kpp, |
|
seksi: seksi |
|
}, |
|
dataType: "JSON", |
|
success: function (datas) { |
|
$('select[name="nip"]').empty(); |
|
$('select[name="nip"]').append('<option value="SEMUA">Semua</option>'); |
|
$.each(datas, function (key, value) { |
|
$('select[name="nip"]').append('<option value="' + value.NIP + '">' + value.NIP + ' - ' + value.NAMA + '</option>'); |
|
}); |
|
<?php |
|
if ($nipx != '') { ?> |
|
|
|
$('#nip').val('<?php echo $nipx ?>').change(); |
|
|
|
<?php } ?> |
|
} |
|
}); |
|
} else { |
|
$('#nip').val(''); |
|
} |
|
}); |
|
<?php |
|
if ($seksix != '') { ?> |
|
$('#seksi').change(); |
|
|
|
<?php } ?> |
|
}); |
|
</script> |
|
|
|
|