fix laporan lagi
This commit is contained in:
fifi97
@@ -9,6 +9,7 @@
|
||||
<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"><a href="{{ route('homepage.ansuranupah') }}">Ansuran & Upah</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Ansuran</li>
|
||||
</ol>
|
||||
</nav>
|
||||
|
||||
@@ -0,0 +1,112 @@
|
||||
@extends('layouts.app')
|
||||
|
||||
@section('content')
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<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 & Upah</li>
|
||||
</ol>
|
||||
</nav>
|
||||
|
||||
<div class="card-body text-center">
|
||||
|
||||
<div class="row form-group justify-content-center">
|
||||
<div class="col-3 mx-1">
|
||||
<div class="row">
|
||||
<a href="{{ route('laporan.ansuran') }}" class="btn btn-info btn-lg btn-block mb-3">Ansuran</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-3 mx-1">
|
||||
<div class="row">
|
||||
<a href="{{ route('laporan.upah') }}" class="btn btn-info btn-lg btn-block mb-3">Upah</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal" id="myModal">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
|
||||
<!-- Modal Header -->
|
||||
<div class="modal-header">
|
||||
<h4 class="modal-title">Laporan GL</h4>
|
||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||
</div>
|
||||
|
||||
<!-- Modal body -->
|
||||
<div class="modal-body">
|
||||
|
||||
<style>
|
||||
#details {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
border-collapse: collapse;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
#details td, #details th {
|
||||
|
||||
padding: 8px;
|
||||
font-size:11px;
|
||||
}
|
||||
|
||||
#details tr:nth-child(even){background-color: #ffffff;}
|
||||
|
||||
#details tr:hover {background-color: #ffffff;}
|
||||
|
||||
#details th {
|
||||
padding-top: 12px;
|
||||
font-style:bold;
|
||||
padding-bottom: 12px;
|
||||
text-align: left;
|
||||
padding:4px;
|
||||
color:black;
|
||||
}
|
||||
</style>
|
||||
<center>
|
||||
<table id="details">
|
||||
<tr>
|
||||
<td> <a href="{{route('laporan.datalejer_am')}}" class="btn btn-primary btn-lg btn-block mb-1">Lejer Am</a> </td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> <a href="{{route('laporan.datalejer_am')}}" class="btn btn-primary btn-lg btn-block mb-1 ">Data Lejer Am</a> </td>
|
||||
</tr>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</table>
|
||||
|
||||
</center>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Modal footer -->
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-danger" data-dismiss="modal">Kembali</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
@@ -26,7 +26,7 @@
|
||||
<a href="{{ route('laporan.pelangganbaru') }}" class="btn btn-dark btn-lg btn-block mb-3">Pelanggan Baru</a>
|
||||
</div>
|
||||
<div class="row">
|
||||
<a href="{{ route('ringkasanterkumpul.laporancetak') }}" class="btn btn-dark btn-lg btn-block mb-3">Ringkasan Terkumpul</a>
|
||||
<a href="{{ route('laporan.ringkasanterkumpul') }}" class="btn btn-dark btn-lg btn-block mb-3">Ringkasan Terkumpul</a>
|
||||
</div>
|
||||
<div class="row">
|
||||
<a href="{{route('laporan.agingbulanan')}}" class="btn btn-danger btn-lg btn-block mb-3">Aging Bulan</a>
|
||||
@@ -70,7 +70,7 @@
|
||||
</div>
|
||||
<div class="col-3 mx-1">
|
||||
<div class="row">
|
||||
<a href="{{ route('laporan.ansuran') }}" class="btn btn-dark btn-lg btn-block mb-3">Ansuran</a>
|
||||
<a href="{{ route('homepage.ansuranupah') }}" class="btn btn-dark btn-lg btn-block mb-3">Ansuran & Upah</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,70 @@
|
||||
@extends('layouts.app')
|
||||
|
||||
@section('content')
|
||||
<div class="container">
|
||||
<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">Ringkasan Terkumpul</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('ringkasanterkumpul.laporancetak') }}" target="_blank" method="get">
|
||||
@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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
var api_url = "<?php echo $api_url ?>";
|
||||
var kodcaw = "<?php echo $cawangan_info['kodcaw'] ?>";
|
||||
|
||||
var tablecustomers = $('#myTable').DataTable({
|
||||
"ordering": false
|
||||
});
|
||||
|
||||
$(document).ready( function () {
|
||||
$('#datemula').datepicker({
|
||||
format: 'dd-mm-yyyy'
|
||||
});
|
||||
|
||||
$('#datehingga').datepicker({
|
||||
format: 'dd-mm-yyyy'
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
@endsection
|
||||
|
||||
@@ -0,0 +1,214 @@
|
||||
@extends('layouts.app')
|
||||
|
||||
@section('content')
|
||||
<div class="container">
|
||||
<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"><a href="{{ route('homepage.ansuranupah') }}">Ansuran & Upah</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Upah</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('upah.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>Tarikh</th>
|
||||
<th>No Rujukan</th>
|
||||
<th>Teller</th>
|
||||
<th>Pinjaman</th>
|
||||
<th>JBG</th>
|
||||
<th>Upah Dibayar</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tfoot class="thead-dark">
|
||||
<th colspan="4">TOTAL</th>
|
||||
<th id="pinjamantotal"></th>
|
||||
<th></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 advansurtable = $('#myTable').DataTable({
|
||||
"ordering": true
|
||||
});
|
||||
$(document).ready( function () {
|
||||
$('#datemula').datepicker({
|
||||
format: 'dd-mm-yyyy',
|
||||
maxDate: 0
|
||||
});
|
||||
$('#datehingga').datepicker({
|
||||
format: 'dd-mm-yyyy',
|
||||
maxDate: 0
|
||||
});
|
||||
|
||||
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/AnsuranByRangeTarikh/'+kodcaw,
|
||||
data:{ 'mula' : today_date, 'akhir' : today_date },
|
||||
success: function(advansur){
|
||||
console.log(advansur);
|
||||
advansurantable(advansur);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$('#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 hingga = 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 hingga = today_date;
|
||||
}
|
||||
|
||||
$.ajax({
|
||||
method:'get',
|
||||
url: api_url + '/api/AnsuranByRangeTarikh/' + kodcaw,
|
||||
data:{ 'mula' : mula, 'akhir' : hingga },
|
||||
success: function(advansur){
|
||||
advansurantable(advansur);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$('#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 hingga = 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/AnsuranByRangeTarikh/' + kodcaw,
|
||||
data:{ 'mula' : mula, 'akhir' : hingga },
|
||||
success: function(advansur){
|
||||
advansurantable(advansur);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
const formatter = new Intl.NumberFormat('en-US', {
|
||||
minimumFractionDigits: 2
|
||||
});
|
||||
|
||||
function advansurantable(data){
|
||||
var counter = 1;
|
||||
var total_bayaran = 0;
|
||||
var total_pinjaman = 0;
|
||||
advansurtable.clear().draw();
|
||||
$.each(data,function(index,advansur){
|
||||
total_bayaran += parseFloat(advansur['upahDibayar']);
|
||||
total_pinjaman += parseFloat(advansur['pinjaman']);
|
||||
|
||||
advansurtable.row.add([
|
||||
counter,
|
||||
advansur['tarikh'],
|
||||
advansur['norujukan'],
|
||||
advansur['teller'],
|
||||
formatter.format(advansur['pinjaman']),
|
||||
advansur['jbg'],
|
||||
formatter.format(advansur['upahDibayar'])
|
||||
]).draw();
|
||||
counter = counter + 1;
|
||||
$('#bayarantotal').text(formatter.format(total_bayaran.toFixed(2)));
|
||||
$('#pinjamantotal').text(formatter.format(total_pinjaman.toFixed(2)));
|
||||
});
|
||||
|
||||
}
|
||||
</script>
|
||||
@endsection
|
||||
|
||||
Reference in New Issue
Block a user