179 lines
8.6 KiB
PHP
179 lines
8.6 KiB
PHP
<div class="row justify-content-center">
|
|
<div class="col-6">
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align" for="txt_simtrad4_kotor">Tahun Anggaran</label>
|
|
<select id="txt_ta" name="txt_ta" style="width:100%" class="form-control" required>
|
|
@php
|
|
$listTA = Session::get('listTA');
|
|
foreach($listTA as $rowTA){
|
|
echo "<option value='$rowTA'>$rowTA</option>";
|
|
}
|
|
@endphp
|
|
</select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align" for="txt_simtrad4_kotor">DBH/DAK</label>
|
|
<select id="txt_id_sps" name="txt_id_sps" style="width:100%" class="form-control sps_search" required></select>
|
|
<input id="txt_rek_sps" name="txt_rek_sps" type="hidden">
|
|
</div>
|
|
<div class="form-group">
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="form-group row">
|
|
<label class="col-form-label col-md-5 col-sm-5 label-align">Januari</label>
|
|
<div class="col-md-7 col-sm-7 ">
|
|
<input class="rinci_dbh form-control-plaintext" value=0 readonly>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label class="col-form-label col-md-5 col-sm-5 label-align">Februari</label>
|
|
<div class="col-md-7 col-sm-7 ">
|
|
<input class="rinci_dbh form-control-plaintext" value=0 readonly>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label class="col-form-label col-md-5 col-sm-5 label-align">Maret</label>
|
|
<div class="col-md-7 col-sm-7 ">
|
|
<input class="rinci_dbh form-control-plaintext" value=0 readonly>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label class="col-form-label col-md-5 col-sm-5 label-align">April</label>
|
|
<div class="col-md-7 col-sm-7 ">
|
|
<input class="rinci_dbh form-control-plaintext" value=0 readonly>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label class="col-form-label col-md-5 col-sm-5 label-align">Mei</label>
|
|
<div class="col-md-7 col-sm-7 ">
|
|
<input class="rinci_dbh form-control-plaintext" value=0 readonly>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label class="col-form-label col-md-5 col-sm-5 label-align">Juni</label>
|
|
<div class="col-md-7 col-sm-7 ">
|
|
<input class="rinci_dbh form-control-plaintext" value=0 readonly>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="form-group row">
|
|
<label class="col-form-label col-md-5 col-sm-5 label-align">Juli</label>
|
|
<div class="col-md-7 col-sm-7 ">
|
|
<input class="rinci_dbh form-control-plaintext" value=0 readonly>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label class="col-form-label col-md-5 col-sm-5 label-align">Agustus</label>
|
|
<div class="col-md-7 col-sm-7 ">
|
|
<input class="rinci_dbh form-control-plaintext" value=0 readonly>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label class="col-form-label col-md-5 col-sm-5 label-align">September</label>
|
|
<div class="col-md-7 col-sm-7 ">
|
|
<input class="rinci_dbh form-control-plaintext" value=0 readonly>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label class="col-form-label col-md-5 col-sm-5 label-align">Oktober</label>
|
|
<div class="col-md-7 col-sm-7 ">
|
|
<input class="rinci_dbh form-control-plaintext" value=0 readonly>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label class="col-form-label col-md-5 col-sm-5 label-align">November</label>
|
|
<div class="col-md-7 col-sm-7 ">
|
|
<input class="rinci_dbh form-control-plaintext" value=0 readonly>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label class="col-form-label col-md-5 col-sm-5 label-align">Desember</label>
|
|
<div class="col-md-7 col-sm-7 ">
|
|
<input class="rinci_dbh form-control-plaintext" value=0 readonly>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-6">
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align" for="txt_simtrad4_uraian">Uraian</label>
|
|
<textarea id="txt_simtrad4_uraian" name="txt_simtrad4_uraian" class="form-control" required></textarea>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align" for="txt_simtrad4_sp2d_bun">SP2D BUN</label>
|
|
<input id="txt_simtrad4_sp2d_bun" name="txt_simtrad4_sp2d_bun" class="form-control" required value="">
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align" for="txt_simtrad4_kotor">Kotor</label>
|
|
<input id="txt_simtrad4_kotor" name="txt_simtrad4_kotor" class="form-control number-separator-indo" value="0">
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align" for="txt_simtrad4_potongan">Potongan</label>
|
|
<input id="txt_simtrad4_potongan" name="txt_simtrad4_potongan" class="form-control number-separator-indo" value="0">
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align" for="txt_simtrad4_bersih">Bersih</label>
|
|
<input id="txt_simtrad4_bersih" name="txt_simtrad4_bersih" class="form-control number-separator-indo" value="0" readonly>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<button id="btn_save_realisasi_pendapatan" type="submit" class="btn btn-sm btn-success"><i class="fa fa-save"></i> Simpan</button>
|
|
|
|
@section('scripts')
|
|
<script type="text/javascript">
|
|
var showRinciDBH = (id)=>{
|
|
$.ajax({
|
|
url: '/realisasi-pendapatan/rinci-dbh?idSPS='+id,
|
|
dataType: 'json',
|
|
success: function (data) {
|
|
for(let x=0;x<=11;x++){
|
|
let bulan=x+1;
|
|
$($(".rinci_dbh")[x]).val(separateNumberIndo(data["spsbulan"+bulan]));
|
|
}
|
|
}
|
|
});
|
|
}
|
|
$(document).ready(function(){
|
|
let hitung_bersih = ()=> {
|
|
let bersih = replaceValue($("#txt_simtrad4_kotor").val()) - replaceValue($("#txt_simtrad4_potongan").val());
|
|
$("#txt_simtrad4_bersih").val(separateNumberIndo(bersih));
|
|
}
|
|
|
|
$("#txt_simtrad4_kotor, #txt_simtrad4_potongan").on("keyup",function(){
|
|
hitung_bersih();
|
|
})
|
|
|
|
$('#txt_id_sps').select2({
|
|
placeholder: 'Pilih DBH / DAK',
|
|
ajax: {
|
|
url: '/item-search-sps?ta='+$("#txt_ta").val(),
|
|
dataType: 'json',
|
|
delay: 250,
|
|
processResults: function (data) {
|
|
return {
|
|
results: $.map(data, function (item) {
|
|
return {
|
|
text: item.name,
|
|
id: item.id
|
|
}
|
|
})
|
|
};
|
|
},
|
|
cache: true
|
|
}
|
|
});
|
|
|
|
$('#txt_id_sps').on('select2:select', function (e) {
|
|
var data = e.params.data;
|
|
$("#txt_rek_sps").val(data.text);
|
|
showRinciDBH(data.id);
|
|
})
|
|
|
|
|
|
});
|
|
</script>
|
|
@endsection |