laporan ujrah by range date (gadai,tebus,ansuran)
This commit is contained in:
Amirah
@@ -17,7 +17,8 @@
|
||||
<div class="row form-group justify-content-center">
|
||||
<div class="col-3 mx-1" >
|
||||
<div class="row">
|
||||
<a href="{{ route('laporan.gadaian') }}" class="btn btn-dark btn-lg btn-block mb-3">Gadaian</a>
|
||||
{{-- <a href="{{ route('laporan.gadaian') }}" class="btn btn-dark btn-lg btn-block mb-3">Gadaian</a> --}}
|
||||
<a href="{{ route('laporan.gadaianujrah') }}" class="btn btn-dark btn-lg btn-block mb-3">Gadaian</a>
|
||||
</div>
|
||||
<div class="row d-none">
|
||||
{{-- <a href="{{ route('laporan.lelongan') }}" class="btn btn-dark btn-lg btn-block mb-3">Lelongan</a> --}}
|
||||
@@ -53,7 +54,8 @@
|
||||
</div>
|
||||
<div class="col-3 mx-1">
|
||||
<div class="row">
|
||||
<a href="{{ route('laporan.tebus') }}" class="btn btn-dark btn-lg btn-block mb-3">Penebusan</a>
|
||||
{{-- <a href="{{ route('laporan.tebus') }}" class="btn btn-dark btn-lg btn-block mb-3">Penebusan</a> --}}
|
||||
<a href="{{ route('laporan.tebusujrah') }}" class="btn btn-dark btn-lg btn-block mb-3">Penebusan</a>
|
||||
</div>
|
||||
<div class="row">
|
||||
<a href="{{ route('laporan.kawalanstok') }}" class="btn btn-dark btn-lg btn-block mb-3">Kawalan Stok Produk</a>
|
||||
@@ -88,7 +90,7 @@
|
||||
</div>
|
||||
<div class="col-3 mx-1">
|
||||
<div class="row">
|
||||
<a href="{{ route('homepage.ansuranupah') }}" class="btn btn-dark btn-lg btn-block mb-3">Ansuran & Upah</a>
|
||||
<a href="{{ route('laporan.ansuranujrah') }}" class="btn btn-dark btn-lg btn-block mb-3">Ansuran</a>
|
||||
</div>
|
||||
<div class="row">
|
||||
<a href="{{ route('laporan.stokaudit') }}" class="btn btn-dark btn-lg btn-block mb-3">Stok Audit</a>
|
||||
|
||||
@@ -0,0 +1,254 @@
|
||||
@extends('layouts.app')
|
||||
|
||||
@section('content')
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<nav aria-label="breadcrumb">
|
||||
<ol class="breadcrumb pb-3">
|
||||
<li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
|
||||
<li class="breadcrumb-item"><a href="{{ route('laporan') }}">Laporan</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Ansuran</li>
|
||||
</ol>
|
||||
</nav>
|
||||
|
||||
<div class="card-body text-center">
|
||||
<div class="row form-group">
|
||||
<div class="col-md-2">
|
||||
</div>
|
||||
<div class="col-md-10">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-">
|
||||
<form action="{{ route('ansuranujrah.laporancetak') }}" target="_blank" method="post">
|
||||
@csrf
|
||||
<div class="input-group mb-3">
|
||||
<div class="input-group-prepend ml-3">
|
||||
<span class="input-group-text" id="basic-addon1">Mula</span>
|
||||
</div>
|
||||
<input type="text" class="form-control col-4" placeholder="Pilih Tarikh" aria-label="Tarikh" id="datemula" name="datemula" aria-describedby="basic-addon1">
|
||||
|
||||
<div class="input-group-prepend ml-2 ">
|
||||
<span class="input-group-text" id="basic-addon1">Hingga</span>
|
||||
</div>
|
||||
<input type="text" class="form-control col-4" placeholder="Pilih Tarikh" aria-label="Tarikh" id="datehingga" name="datehingga" aria-describedby="basic-addon1">
|
||||
|
||||
|
||||
<input type="submit" class="btn btn-primary ml-md-5" id="submit_button" name="submit_button" value="Cetak">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<table class="table table-striped table-hover" id="myTable" style="white-space: nowrap">
|
||||
<thead class="thead-dark">
|
||||
<tr>
|
||||
<th>Bil</th>
|
||||
<th>No Rujukan</th>
|
||||
<th width="30%">Nama</th>
|
||||
<th>No K/P</th>
|
||||
<th>Tempoh</th>
|
||||
<th>Baki Pembiayaan (RM)</th>
|
||||
<th>Bayaran (RM)</th>
|
||||
<th>Ujrah (RM)</th>
|
||||
<th>Keuntungan 1% (RM)</th>
|
||||
<th>Keuntungan (RM)</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tfoot class="thead-dark">
|
||||
<th colspan="5">TOTAL</th>
|
||||
<th id="pinjamantotal"></th>
|
||||
<th id="bayarantotal"></th>
|
||||
<th id="ansuranujrahtotal"></th>
|
||||
<th id="ansuranonepercenttotal"></th>
|
||||
<th id="keuntungantotal"></th>
|
||||
</tfoot>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
var api_url = "<?php echo $api_url ?>";
|
||||
var kodcaw = "<?php echo $cawangan_info['kodcaw'] ?>";
|
||||
|
||||
var tabletebus = $('#myTable').DataTable({
|
||||
"ordering": true
|
||||
});
|
||||
|
||||
$(document).ready( function () {
|
||||
$('#datemula').datepicker({
|
||||
format: 'dd-mm-yyyy'
|
||||
});
|
||||
$('#datehingga').datepicker({
|
||||
format: 'dd-mm-yyyy'
|
||||
});
|
||||
|
||||
//current time
|
||||
var current = new Date();
|
||||
var current_date = current.getDate();
|
||||
var current_month = current.getMonth()+1;
|
||||
var current_year = current.getFullYear();
|
||||
var today_date = current_year + '-' +current_month+'-'+current_date;
|
||||
|
||||
$.ajax({
|
||||
method:'get',
|
||||
url: api_url + '/api/ansuranujrah/laporan/'+ kodcaw,
|
||||
data:{
|
||||
mula:today_date,
|
||||
akhir:today_date,
|
||||
},
|
||||
success: function(tebus){
|
||||
tebustable(tebus);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$('#datemula').change(function(){
|
||||
|
||||
//mula
|
||||
var input_date = this.value;
|
||||
var split_date = input_date.split('-');
|
||||
var mula_date = split_date[2] + '-' +split_date[1]+'-'+split_date[0];
|
||||
|
||||
var mula = mula_date;
|
||||
|
||||
//current time
|
||||
var hinggainput = $('#datehingga').val();
|
||||
|
||||
if(hinggainput != '')
|
||||
{
|
||||
var input_date = hinggainput;
|
||||
var split_date = input_date.split('-');
|
||||
var hingga_date = split_date[2] + '-' +split_date[1]+'-'+split_date[0];
|
||||
|
||||
var akhir = hingga_date;
|
||||
|
||||
}else{
|
||||
var current = new Date();
|
||||
var current_date = current.getDate();
|
||||
var current_month = current.getMonth()+1;
|
||||
var current_year = current.getFullYear();
|
||||
var today_date = current_year + '-' +current_month+'-'+current_date;
|
||||
|
||||
var akhir = today_date;
|
||||
}
|
||||
|
||||
$.ajax({
|
||||
method:'get',
|
||||
url: api_url + '/api/ansuranujrah/laporan/'+ kodcaw,
|
||||
data:{
|
||||
mula:mula,
|
||||
akhir:akhir,
|
||||
},
|
||||
success: function(tebus){
|
||||
tebustable(tebus);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
$('#datehingga').change(function(){
|
||||
var input_date = this.value;
|
||||
var split_date = input_date.split('-');
|
||||
var hingga_date = split_date[2] + '-' +split_date[1]+'-'+split_date[0];
|
||||
|
||||
var akhir = hingga_date;
|
||||
|
||||
//current time
|
||||
var mulainput = $('#datemula').val();
|
||||
|
||||
if(mulainput != '')
|
||||
{
|
||||
var input_date = mulainput;
|
||||
var split_date = input_date.split('-');
|
||||
var mula_date = split_date[2] + '-' +split_date[1]+'-'+split_date[0];
|
||||
|
||||
var mula = mula_date;
|
||||
|
||||
}else{
|
||||
|
||||
var dulu_date = '2017-01-01';
|
||||
|
||||
var mula = dulu_date;
|
||||
}
|
||||
|
||||
$.ajax({
|
||||
method:'get',
|
||||
url: api_url + '/api/ansuranujrah/laporan/'+ kodcaw,
|
||||
data:{
|
||||
mula:mula,
|
||||
akhir:akhir,
|
||||
},
|
||||
success: function(tebus){
|
||||
tebustable(tebus);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
const formatter = new Intl.NumberFormat('en-US', {
|
||||
minimumFractionDigits: 2
|
||||
});
|
||||
|
||||
function tebustable(data){
|
||||
var counter = 1;
|
||||
var total_pinjaman = 0;
|
||||
var total_bayaran = 0;
|
||||
var total_keuntungan = 0;
|
||||
var total_ansuranujrah = 0;
|
||||
var total_ansuranonepercent = 0;
|
||||
tabletebus.clear().draw();
|
||||
$.each(data,function(index,tebus){
|
||||
$.ajax({
|
||||
url:api_url + '/api/gadai/norujukan/' + tebus['norujukan'],
|
||||
method:'get',
|
||||
success:function(gadai){
|
||||
$.ajax({
|
||||
url:api_url + '/api/customers/' + gadai[0][0]['nokp'],
|
||||
method:'get',
|
||||
success: function(customer){
|
||||
total_pinjaman += Number(gadai[0][0]['bakipjm']);
|
||||
total_bayaran += Number(tebus['duit_masuk']);
|
||||
total_keuntungan += Number(tebus['bayaran_keuntungan']);
|
||||
total_ansuranujrah += Number(tebus['ansuranujrah']);
|
||||
total_ansuranonepercent += Number(tebus['ansuranonepercent']);
|
||||
|
||||
tabletebus.row.add([
|
||||
counter,
|
||||
tebus['norujukan'],
|
||||
customer['nama'],
|
||||
gadai[0][0]['nokp'],
|
||||
gadai[0][0]['tempoh'],
|
||||
gadai[0][0]['bakipjm'],
|
||||
tebus['duit_masuk'],
|
||||
tebus['ansuranujrah'],
|
||||
tebus['ansuranonepercent'],
|
||||
tebus['bayaran_keuntungan']
|
||||
]).draw();
|
||||
$('#pinjamantotal').text(formatter.format(total_pinjaman.toFixed(2)));
|
||||
$('#bayarantotal').text(formatter.format(total_bayaran.toFixed(2)));
|
||||
$('#ansuranujrahtotal').text(formatter.format(total_ansuranujrah.toFixed(2)));
|
||||
$('#ansuranonepercenttotal').text(formatter.format(total_ansuranonepercent.toFixed(2)));
|
||||
$('#keuntungantotal').text(formatter.format(total_keuntungan.toFixed(2)));
|
||||
|
||||
counter = counter + 1;
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
|
||||
}
|
||||
</script>
|
||||
@endsection
|
||||
@@ -0,0 +1,251 @@
|
||||
@extends('layouts.app')
|
||||
|
||||
@section('content')
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<nav aria-label="breadcrumb">
|
||||
<ol class="breadcrumb pb-3">
|
||||
<li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
|
||||
<li class="breadcrumb-item"><a href="{{ route('laporan') }}">Laporan</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Gadaian</li>
|
||||
</ol>
|
||||
</nav>
|
||||
|
||||
<div class="card-body text-center">
|
||||
<div class="row form-group">
|
||||
<div class="col-md-2">
|
||||
</div>
|
||||
<div class="col-md-10">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-">
|
||||
<form action="{{ route('gadaianujrah.laporancetak') }}" target="_blank" method="post">
|
||||
@csrf
|
||||
<div class="input-group mb-3">
|
||||
<div class="input-group-prepend ml-3">
|
||||
<span class="input-group-text" id="basic-addon1">Mula</span>
|
||||
</div>
|
||||
<input type="text" class="form-control col-4" placeholder="Pilih Tarikh" aria-label="Tarikh" id="datemula" name="datemula" aria-describedby="basic-addon1">
|
||||
|
||||
<div class="input-group-prepend ml-2 ">
|
||||
<span class="input-group-text" id="basic-addon1">Hingga</span>
|
||||
</div>
|
||||
<input type="text" class="form-control col-4" placeholder="Pilih Tarikh" aria-label="Tarikh" id="datehingga" name="datehingga" aria-describedby="basic-addon1">
|
||||
|
||||
|
||||
<input type="submit" class="btn btn-primary ml-md-5" id="submit_button" name="submit_button" value="Cetak">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<table class="table table-striped table-hover" id="myTable">
|
||||
<thead class="thead-dark">
|
||||
<tr>
|
||||
<th>Bil</th>
|
||||
<th>Nama</th>
|
||||
<th>No K/P</th>
|
||||
<th>Tarikh Gadai</th>
|
||||
<th>No Rujukan</th>
|
||||
<th>Pembiayaan (RM)</th>
|
||||
<th>Ujrah (RM) </th>
|
||||
<th>Keuntungan 1% (RM)</th>
|
||||
<th>Keuntungan Sebenar (RM)</th>
|
||||
<th>Nilai Marhun (RM)</th>
|
||||
<th>Berat (g)</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tfoot class="thead-dark">
|
||||
<th colspan="5">TOTAL</th>
|
||||
<th id="pinjamantotal"></th>
|
||||
<th id="ujrahtotal"></th>
|
||||
<th id="onepercenttotal"></th>
|
||||
<th id="upah12total"></th>
|
||||
<th id="nmtotal"></th>
|
||||
<th id="berattotal"></th>
|
||||
</tfoot>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
var api_url = "<?php echo $api_url ?>";
|
||||
var kodcaw = "<?php echo $cawangan_info['kodcaw'] ?>";
|
||||
|
||||
var tablegadai = $('#myTable').DataTable({
|
||||
"ordering": false
|
||||
});
|
||||
$(document).ready( function () {
|
||||
$('#datemula').datepicker({
|
||||
format: 'dd-mm-yyyy'
|
||||
});
|
||||
$('#datehingga').datepicker({
|
||||
format: 'dd-mm-yyyy'
|
||||
});
|
||||
|
||||
//current time
|
||||
var current = new Date();
|
||||
var current_date = current.getDate();
|
||||
var current_month = current.getMonth()+1;
|
||||
var current_year = current.getFullYear();
|
||||
var today_date = current_year + '-' +current_month+'-'+current_date;
|
||||
|
||||
$.ajax({
|
||||
method:'get',
|
||||
url: api_url + '/api/gadailaporanRangeDate/'+ kodcaw,
|
||||
data:{
|
||||
mula:today_date,
|
||||
akhir:today_date,
|
||||
},
|
||||
success: function(gadai){
|
||||
gadaitable(gadai);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$('#datemula').change(function(){
|
||||
|
||||
//mula
|
||||
var input_date = this.value;
|
||||
var split_date = input_date.split('-');
|
||||
var mula_date = split_date[2] + '-' +split_date[1]+'-'+split_date[0];
|
||||
|
||||
var mula = mula_date;
|
||||
|
||||
//current time
|
||||
var hinggainput = $('#datehingga').val();
|
||||
|
||||
if(hinggainput != '')
|
||||
{
|
||||
var input_date = hinggainput;
|
||||
var split_date = input_date.split('-');
|
||||
var hingga_date = split_date[2] + '-' +split_date[1]+'-'+split_date[0];
|
||||
|
||||
var akhir = hingga_date;
|
||||
|
||||
}else{
|
||||
var current = new Date();
|
||||
var current_date = current.getDate();
|
||||
var current_month = current.getMonth()+1;
|
||||
var current_year = current.getFullYear();
|
||||
var today_date = current_year + '-' +current_month+'-'+current_date;
|
||||
|
||||
var akhir = today_date;
|
||||
}
|
||||
|
||||
$.ajax({
|
||||
method:'get',
|
||||
url: api_url + '/api/gadailaporanRangeDate/'+ kodcaw,
|
||||
data:{
|
||||
mula:mula,
|
||||
akhir:akhir,
|
||||
},
|
||||
success: function(gadai){
|
||||
gadaitable(gadai);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$('#datehingga').change(function(){
|
||||
var input_date = this.value;
|
||||
var split_date = input_date.split('-');
|
||||
var hingga_date = split_date[2] + '-' +split_date[1]+'-'+split_date[0];
|
||||
|
||||
var akhir = hingga_date;
|
||||
|
||||
//current time
|
||||
var mulainput = $('#datemula').val();
|
||||
|
||||
if(mulainput != '')
|
||||
{
|
||||
var input_date = mulainput;
|
||||
var split_date = input_date.split('-');
|
||||
var mula_date = split_date[2] + '-' +split_date[1]+'-'+split_date[0];
|
||||
|
||||
var mula = mula_date;
|
||||
|
||||
}else{
|
||||
|
||||
var dulu_date = '2017-01-01';
|
||||
|
||||
var mula = dulu_date;
|
||||
}
|
||||
|
||||
$.ajax({
|
||||
method:'get',
|
||||
url: api_url + '/api/gadailaporanRangeDate/'+ kodcaw,
|
||||
data:{
|
||||
mula:mula,
|
||||
akhir:akhir,
|
||||
},
|
||||
success: function(gadai){
|
||||
gadaitable(gadai);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
const formatter = new Intl.NumberFormat('en-US', {
|
||||
minimumFractionDigits: 2
|
||||
});
|
||||
|
||||
function gadaitable(data){
|
||||
var counter = 1;
|
||||
var total_pinjaman = 0;
|
||||
var total_upah12 = 0;
|
||||
var total_nm = 0;
|
||||
var total_berat = 0;
|
||||
var total_onepercent = 0;
|
||||
var total_ujrah = 0;
|
||||
|
||||
|
||||
|
||||
tablegadai.clear().draw();
|
||||
$.each(data,function(index,gadai){
|
||||
total_pinjaman += Number(gadai['pinjaman']);
|
||||
total_upah12 += Number(gadai['upah12']);
|
||||
total_nm += Number(gadai['nilaimarhun']);
|
||||
total_berat += Number(gadai['berat']);
|
||||
total_onepercent += Number(gadai['onepercent']*12);
|
||||
total_ujrah += Number(gadai['ujrah']*12);
|
||||
|
||||
tablegadai.row.add([
|
||||
counter,
|
||||
gadai['nama'],
|
||||
gadai['nokp'],
|
||||
gadai['t_gadai'],
|
||||
gadai['norujukan'],
|
||||
formatter.format(gadai['pinjaman']),
|
||||
formatter.format(gadai['ujrah']*12),
|
||||
formatter.format(gadai['onepercent']*12),
|
||||
formatter.format(gadai['upah12']),
|
||||
formatter.format(gadai['nilaimarhun']),
|
||||
formatter.format(gadai['berat'])
|
||||
]).draw();
|
||||
$('#pinjamantotal').text(formatter.format(total_pinjaman.toFixed(2)));
|
||||
$('#upah12total').text(formatter.format(total_upah12.toFixed(2)));
|
||||
$('#nmtotal').text(formatter.format(total_nm.toFixed(2)));
|
||||
$('#berattotal').text(formatter.format(total_berat.toFixed(2)));
|
||||
$('#berattotal').text(formatter.format(total_berat.toFixed(2)));
|
||||
$('#onepercenttotal').text(formatter.format(total_onepercent.toFixed(2)));
|
||||
$('#ujrahtotal').text(formatter.format(total_ujrah.toFixed(2)));
|
||||
|
||||
|
||||
|
||||
counter = counter + 1;
|
||||
});
|
||||
|
||||
}
|
||||
</script>
|
||||
@endsection
|
||||
|
||||
@@ -0,0 +1,248 @@
|
||||
@extends('layouts.app')
|
||||
|
||||
@section('content')
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<nav aria-label="breadcrumb">
|
||||
<ol class="breadcrumb pb-3">
|
||||
<li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
|
||||
<li class="breadcrumb-item"><a href="{{ route('laporan') }}">Laporan</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Penebusan</li>
|
||||
</ol>
|
||||
</nav>
|
||||
|
||||
<div class="card-body text-center">
|
||||
<div class="row form-group">
|
||||
<div class="col-md-2">
|
||||
</div>
|
||||
<div class="col-md-10">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-">
|
||||
<form action="{{ route('tebusujrah.laporancetak') }}" target="_blank" method="post">
|
||||
@csrf
|
||||
<div class="input-group mb-3">
|
||||
<div class="input-group-prepend ml-3">
|
||||
<span class="input-group-text" id="basic-addon1">Mula</span>
|
||||
</div>
|
||||
<input type="text" class="form-control col-4" placeholder="Pilih Tarikh" aria-label="Tarikh" id="datemula" name="datemula" aria-describedby="basic-addon1">
|
||||
|
||||
<div class="input-group-prepend ml-2 ">
|
||||
<span class="input-group-text" id="basic-addon1">Hingga</span>
|
||||
</div>
|
||||
<input type="text" class="form-control col-4" placeholder="Pilih Tarikh" aria-label="Tarikh" id="datehingga" name="datehingga" aria-describedby="basic-addon1">
|
||||
|
||||
|
||||
<input type="submit" class="btn btn-primary ml-md-5" id="submit_button" name="submit_button" value="Cetak">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<table class="table table-striped table-hover" id="myTable">
|
||||
<thead class="thead-dark">
|
||||
<tr style="white-space: nowrap">
|
||||
<th>Bil</th>
|
||||
<th width="22%">Nama</th>
|
||||
<th>No K/P</th>
|
||||
<th>Tarikh Tebus</th>
|
||||
<th>No Rujukan</th>
|
||||
<th>Pembiayaan (RM)</th>
|
||||
<th>Ujrah (RM)</th>
|
||||
<th>Keuntungan 1% (RM)</th>
|
||||
<th>Keuntungan (RM)</th>
|
||||
<th>Bayaran (RM)</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tfoot class="thead-dark">
|
||||
<th colspan="5">TOTAL</th>
|
||||
<th id="pinjamantotal"></th>
|
||||
<th id="totalujrah"></th>
|
||||
<th id="totalonepercent"></th>
|
||||
<th id="keuntungantotal"></th>
|
||||
<th id="bayarantotal"></th>
|
||||
</tfoot>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
var api_url = "<?php echo $api_url ?>";
|
||||
var kodcaw = "<?php echo $cawangan_info['kodcaw'] ?>";
|
||||
|
||||
var tabletebus = $('#myTable').DataTable({
|
||||
"ordering": true
|
||||
});
|
||||
|
||||
$(document).ready( function () {
|
||||
$('#datemula').datepicker({
|
||||
format: 'dd-mm-yyyy'
|
||||
});
|
||||
$('#datehingga').datepicker({
|
||||
format: 'dd-mm-yyyy'
|
||||
});
|
||||
|
||||
//current time
|
||||
var current = new Date();
|
||||
var current_date = current.getDate();
|
||||
var current_month = current.getMonth()+1;
|
||||
var current_year = current.getFullYear();
|
||||
var today_date = current_year + '-' +current_month+'-'+current_date;
|
||||
|
||||
$.ajax({
|
||||
method:'get',
|
||||
url: api_url + '/api/tebusujrah/laporan/'+ kodcaw,
|
||||
data:{
|
||||
mula:today_date,
|
||||
akhir:today_date,
|
||||
},
|
||||
success: function(tebus){
|
||||
tebustable(tebus);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$('#datemula').change(function(){
|
||||
|
||||
//mula
|
||||
var input_date = this.value;
|
||||
var split_date = input_date.split('-');
|
||||
var mula_date = split_date[2] + '-' +split_date[1]+'-'+split_date[0];
|
||||
|
||||
var mula = mula_date;
|
||||
|
||||
//current time
|
||||
var hinggainput = $('#datehingga').val();
|
||||
|
||||
if(hinggainput != '')
|
||||
{
|
||||
var input_date = hinggainput;
|
||||
var split_date = input_date.split('-');
|
||||
var hingga_date = split_date[2] + '-' +split_date[1]+'-'+split_date[0];
|
||||
|
||||
var akhir = hingga_date;
|
||||
|
||||
}else{
|
||||
var current = new Date();
|
||||
var current_date = current.getDate();
|
||||
var current_month = current.getMonth()+1;
|
||||
var current_year = current.getFullYear();
|
||||
var today_date = current_year + '-' +current_month+'-'+current_date;
|
||||
|
||||
var akhir = today_date;
|
||||
}
|
||||
|
||||
$.ajax({
|
||||
method:'get',
|
||||
url: api_url + '/api/tebusujrah/laporan/'+ kodcaw,
|
||||
data:{
|
||||
mula:mula,
|
||||
akhir:akhir,
|
||||
},
|
||||
success: function(tebus){
|
||||
tebustable(tebus);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
$('#datehingga').change(function(){
|
||||
var input_date = this.value;
|
||||
var split_date = input_date.split('-');
|
||||
var hingga_date = split_date[2] + '-' +split_date[1]+'-'+split_date[0];
|
||||
|
||||
var akhir = hingga_date;
|
||||
|
||||
//current time
|
||||
var mulainput = $('#datemula').val();
|
||||
|
||||
if(mulainput != '')
|
||||
{
|
||||
var input_date = mulainput;
|
||||
var split_date = input_date.split('-');
|
||||
var mula_date = split_date[2] + '-' +split_date[1]+'-'+split_date[0];
|
||||
|
||||
var mula = mula_date;
|
||||
|
||||
}else{
|
||||
|
||||
var dulu_date = '2017-01-01';
|
||||
|
||||
var mula = dulu_date;
|
||||
}
|
||||
|
||||
$.ajax({
|
||||
method:'get',
|
||||
url: api_url + '/api/tebusujrah/laporan/'+ kodcaw,
|
||||
data:{
|
||||
mula:mula,
|
||||
akhir:akhir,
|
||||
},
|
||||
success: function(tebus){
|
||||
tebustable(tebus);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
|
||||
const formatter = new Intl.NumberFormat('en-US', {
|
||||
minimumFractionDigits: 2
|
||||
});
|
||||
|
||||
function tebustable(data){
|
||||
var counter = 1;
|
||||
var total_pinjaman = 0;
|
||||
var total_keuntungan = 0;
|
||||
var total_bayaran = 0;
|
||||
var total_ujrah = 0;
|
||||
var total_onepercent = 0;
|
||||
|
||||
console.log(data);
|
||||
|
||||
tabletebus.clear().draw();
|
||||
$.each(data,function(index,tebus){
|
||||
total_pinjaman += parseFloat(tebus['pinjaman']);
|
||||
total_keuntungan += parseFloat(tebus['bakiupah']);
|
||||
total_bayaran += parseFloat(tebus['bakipjm']);
|
||||
total_bayaran += parseFloat(tebus['bakipjm']);
|
||||
total_ujrah += parseFloat(tebus['ujrah']);
|
||||
total_onepercent += parseFloat(tebus['onepercent']);
|
||||
|
||||
tabletebus.row.add([
|
||||
counter,
|
||||
tebus['nama'],
|
||||
tebus['nokp'],
|
||||
tebus['t_tebus'],
|
||||
tebus['norujukan'],
|
||||
formatter.format(tebus['pinjaman']),
|
||||
formatter.format(tebus['ujrah']),
|
||||
formatter.format(tebus['onepercent']),
|
||||
formatter.format(tebus['bakiupah']),
|
||||
formatter.format(tebus['bakipjm'])
|
||||
]).draw();
|
||||
counter = counter + 1;
|
||||
$('#pinjamantotal').text(formatter.format(total_pinjaman.toFixed(2)));
|
||||
$('#totalujrah').text(formatter.format(total_ujrah.toFixed(2)));
|
||||
$('#totalonepercent').text(formatter.format(total_onepercent.toFixed(2)));
|
||||
$('#keuntungantotal').text(formatter.format(total_keuntungan.toFixed(2)));
|
||||
$('#bayarantotal').text(formatter.format(total_bayaran.toFixed(2)));
|
||||
});
|
||||
|
||||
|
||||
|
||||
}
|
||||
</script>
|
||||
@endsection
|
||||
|
||||
Reference in New Issue
Block a user