349 lines
14 KiB
PHP
349 lines
14 KiB
PHP
<!doctype html>
|
|
<html class="fixed sidebar-left-collapsed">
|
|
|
|
<head>
|
|
|
|
<!-- Basic -->
|
|
<meta charset="UTF-8">
|
|
|
|
<title>KEUANGAN</title>
|
|
<meta name="keywords" content="HTML5 Admin Template" />
|
|
<meta name="description" content="Porto Admin - Responsive HTML5 Template">
|
|
<meta name="author" content="okler.net">
|
|
|
|
<!-- Mobile Metas -->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
|
|
|
|
<!-- Vendor CSS -->
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/bootstrap/css/bootstrap.css" />
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/font-awesome/css/font-awesome.css" />
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/magnific-popup/magnific-popup.css" />
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/bootstrap-datepicker/css/datepicker3.css" />
|
|
|
|
<!-- Specific Page Vendor CSS -->
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/select2/select2.css" />
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/jquery-datatables-bs3/assets/css/datatables.css" />
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/pnotify/pnotify.custom.css" />
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/bootstrap-multiselect/bootstrap-multiselect.css" />
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/base/jquery-ui.css" />
|
|
|
|
<!-- Theme CSS -->
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/stylesheets/theme.css" />
|
|
|
|
<!-- Skin CSS -->
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/stylesheets/skins/default.css" />
|
|
|
|
<!-- Theme Custom CSS -->
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/stylesheets/theme-custom.css">
|
|
|
|
<!-- Head Libs -->
|
|
<script src="<?php echo base_url('') ?>assets/vendor/modernizr/modernizr.js"></script>
|
|
|
|
</head>
|
|
<script src="<?= base_url() ?>assets/bower_components/jquery/jquery-3.3.1.min.js"></script>
|
|
<script src="<?= base_url() ?>assets/bower_components/sweetalert2/sweetalert2.all.min.js"></script>
|
|
|
|
<style>
|
|
.ui-front {
|
|
z-index: 9999;
|
|
}
|
|
|
|
.solid {
|
|
border-left-style: solid;
|
|
border-width: 5px;
|
|
border-color: darkcyan;
|
|
}
|
|
|
|
.f18 {
|
|
font-size: 18px;
|
|
}
|
|
|
|
</style>
|
|
|
|
<script type="text/javascript">
|
|
let base_url = '<?= base_url() ?>';
|
|
</script>
|
|
|
|
<body>
|
|
<section class="body">
|
|
|
|
<!-- start: header -->
|
|
<?php $this->load->view('template/header'); ?>
|
|
<!-- end: header -->
|
|
|
|
<div class="inner-wrapper">
|
|
<!-- start: sidebar -->
|
|
<?php $this->load->view('template/sidebar'); ?>
|
|
<!-- end: sidebar -->
|
|
|
|
<section role="main" class="content-body">
|
|
<header class="page-header">
|
|
<h2><b>Data Piutang Dagang | <b style="color:Chartreuse"><?=$title?></b></b></h2>
|
|
|
|
<div class="right-wrapper pull-right">
|
|
<ol class="breadcrumbs">
|
|
<li><span><b style="color:Gold">Master Data </span></b></li>
|
|
</ol>
|
|
|
|
<a class="sidebar-right-toggle" data-open="sidebar-right"><i class="fa fa-chevron-left"></i></a>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- start: page -->
|
|
<section class="panel panel-featured panel-featured-success">
|
|
<header class="panel-heading">
|
|
<div class="panel-actions">
|
|
<a onclick="tutupTab()"><b style="color:Black">Tutup <i class="fa fa-times"></i></b></a>
|
|
</div>
|
|
<h2 class="panel-title"><b style="color:Olive">PIUTANG DAGANG | <u style="color:DarkRed"><?=$countDak?></u> DATA</b> <?php if ($hak<=1) {?> | <b style="color:Red"><i>Tidak Berhak*</i></b><?php } ?></h2>
|
|
</header>
|
|
<div class="panel-body">
|
|
<div class="row">
|
|
<?=form_open('Menu/IN_Keuangan_PiutangDagang_1');?>
|
|
<h4><div class="col-md-2"><b style="color:DarkSlateGray">Kelompok</b></div></h4>
|
|
<div class="col-md-4">
|
|
<select data-plugin-selectTwo name="id_kelompok" class="form-control populate" onchange="this.form.submit();">
|
|
<option value="" selected>Tanpa Filter</option>
|
|
<?php if (is_array($kelompok) || is_object($kelompok)) {
|
|
foreach ($kelompok as $key) { ?>
|
|
<?php if ($id_kelompok == $key['ID_KELOMPOK']) { ?>
|
|
<option value="<?= $key['ID_KELOMPOK'] ?>" selected><?= $key['NAMA_KELOMPOK'] ?></option>
|
|
<?php } else { ?>
|
|
<option value="<?= $key['ID_KELOMPOK'] ?>" ><?= $key['NAMA_KELOMPOK'] ?></option>
|
|
<?php } ?>
|
|
<?php }
|
|
} ?>
|
|
</select>
|
|
<small class="help-block"></small>
|
|
</div>
|
|
<?=form_close();?>
|
|
</div>
|
|
<table class="table table-bordered table-striped mb-none" id="table1">
|
|
<thead>
|
|
<th class="center default">No</th>
|
|
<th class="default">Pelanggan</th>
|
|
<th class="text-right default">Akumulasi</th>
|
|
<th class="default">Jatuh Tempo</th>
|
|
<th class="center default">Lihat Data</th>
|
|
</thead>
|
|
<tbody>
|
|
<?php
|
|
if (is_array($dak) || is_object($dak)) {
|
|
$no = 1;
|
|
foreach ($dak as $key) { ?>
|
|
<tr>
|
|
<td class="center"><?= $no; ?></td>
|
|
<?php if ($key['TYPE_PELANGGAN']=="0") { ?>
|
|
<td><b style="color:Blue">Corporate</b><?php if ($key['ALIAS_PELANGGAN']!="") { ?><br><b style="color:Black">[<?= $key['ALIAS_PELANGGAN'] ?>]</b><?php } ?><br><?= $key['NAMA_PELANGGAN'] ?><br><i>(<?= $key['NAMA_KOTA'] ?>)</i></td>
|
|
<?php } else if ($key['TYPE_PELANGGAN']=="1") { ?>
|
|
<td><b style="color:Green">Dealer</b><?php if ($key['ALIAS_PELANGGAN']!="") { ?><br><b style="color:Black">[<?= $key['ALIAS_PELANGGAN'] ?>]</b><?php } ?><br><?= $key['NAMA_PELANGGAN'] ?><br><i>(<?= $key['NAMA_KOTA'] ?>)</i></td>
|
|
<?php } else if ($key['TYPE_PELANGGAN']=="2") { ?>
|
|
<td><b style="color:DarkOrange">User</b><?php if ($key['ALIAS_PELANGGAN']!="") { ?><br><b style="color:Black">[<?= $key['ALIAS_PELANGGAN'] ?>]</b><?php } ?><br><?= $key['NAMA_PELANGGAN'] ?><br><i>(<?= $key['NAMA_KOTA'] ?>)</i></td>
|
|
<?php } ?>
|
|
<td class="text-right"><b style="color:Tomato"><?= $key['SISA'] ?></b></td>
|
|
<td>
|
|
<?php foreach ($key['PDA'] as $dat) { ?>
|
|
<?php if ($dat['CORP_ID']==0) {
|
|
$corpo = "OPN";
|
|
} else if ($dat['CORP_ID']==1) {
|
|
$corpo = "TMP";
|
|
} else if ($dat['CORP_ID']==2) {
|
|
$corpo = "DMT";
|
|
} else if ($dat['CORP_ID']==3) {
|
|
$corpo = "PCM";
|
|
} else if ($dat['CORP_ID']==4) {
|
|
$corpo = "SFT";
|
|
} else if ($dat['CORP_ID']==5) {
|
|
$corpo = "ITP";
|
|
} ?>
|
|
<b style="Color:DarkSlateGray">[<b style="color:DarkOrchid"><?= $corpo; ?></b> | <?= $dat['TEMPO']; ?>] <i style="Color:Teal"><?= $dat['INV_PENJUALAN']; ?></i> | <b style="Color:Chocolate"><?= number_format($dat['TOTAL'],2); ?></b></b><br>
|
|
<?php } ?>
|
|
</td>
|
|
<td class="actions center">
|
|
<span data-toggle="modal" data-target="#modalLihatDak"><button type="button" onclick="isiDataDak('<?=$key['PELANGGAN_ID']?>')" class="btn btn-xs btn-primary" title="" data-toggle="tooltip" data-trigger="hover" data-original-title="Tombol untuk Lihat Data"><i class="fa fa-reorder"></i></button></span>
|
|
</td>
|
|
</tr>
|
|
<?php $no++;
|
|
}
|
|
} ?>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</section>
|
|
<!-- end: page -->
|
|
</section>
|
|
</div>
|
|
</section>
|
|
|
|
<div id="modalLihatDak" class="modal fade ui-front" tabindex="-1" role="dialog">
|
|
<div class="modal-dialog modal-lg" style="width:85%">
|
|
<header class="panel-heading">
|
|
<h2 class="panel-title"><b>Lihat Data | [<b id="namaPel" style="color:FireBrick"></b>]</b></h2>
|
|
<div class="panel-actions">
|
|
<a class="text-dark" data-dismiss="modal"><b>Tutup </b><i class="fa fa-times"></i></a>
|
|
</div>
|
|
</header>
|
|
<div class="panel-body">
|
|
<div class="modal-wrapper">
|
|
<div class="modal-text">
|
|
<div class="row form-bordered">
|
|
<div class="form-group">
|
|
<div class="form-group">
|
|
<div class="col-md-6"></div>
|
|
<div class="col-md-6">
|
|
<input type="hidden" id="pelanggan_id" class="form-control">
|
|
<input autocomplete="off" type="text" id="dakSearch" oninput="cariDataDak()" class="form-control populate" placeholder="Cari Data"></input>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12">
|
|
<table class="table table-bordered table-striped mb-none">
|
|
<thead>
|
|
<th class="center default">No</th>
|
|
<th class="default">Nota Penjualan</th>
|
|
<th class="center default">Jatuh Tempo</th>
|
|
<th class="center default">Tanda Terima</th>
|
|
<th class="text-right default">Piutang</th>
|
|
<th class="text-right default">Terbayar</th>
|
|
<th class="text-right default">Sisa</th>
|
|
<th class="center default">Rincian</th>
|
|
</thead>
|
|
<tbody id="isiTabelDak"></tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<?php
|
|
$this->load->view('template/sidebar_right');
|
|
$this->load->view('template/script_vendor');
|
|
$this->load->view('template/script_flashdata');
|
|
$this->load->view('template/notification');
|
|
?>
|
|
|
|
<script>
|
|
$('#table1').dataTable( {
|
|
"paging": false
|
|
} );
|
|
|
|
function tutupTab() {
|
|
window.close();
|
|
}
|
|
|
|
function setToggle(node) {
|
|
$.ajax({
|
|
url: "<?= base_url() ?>index.php/Menu/GE_Ubah_SetTogglePosisi",
|
|
type: "POST",
|
|
dataType: "json",
|
|
data: {
|
|
node : node,
|
|
menu : <?=$id_menu?>,
|
|
},
|
|
success: function(response) {
|
|
}
|
|
});
|
|
}
|
|
|
|
function isiDataDak(id) {
|
|
PNotify.removeAll();
|
|
document.getElementById("pelanggan_id").value = id;
|
|
document.getElementById("dakSearch").value = null;
|
|
document.getElementById("dakSearch").innerHTML = "";
|
|
tampilkanDataDak(id, null);
|
|
}
|
|
|
|
function cariDataDak() {
|
|
var id = document.getElementById("pelanggan_id").value;
|
|
var search = document.getElementById("dakSearch").value;
|
|
tampilkanDataDak(id, search);
|
|
}
|
|
|
|
function tampilkanDataDak(id, search) {
|
|
$.ajax({
|
|
type: 'POST',
|
|
data: {
|
|
id_pelanggan : id,
|
|
search : search,
|
|
},
|
|
url: '<?= base_url('') ?>index.php/Menu/GE_Ambil_DataDakPiutangDagang',
|
|
dataType: 'json',
|
|
success: function(response) {
|
|
JUMLAH = response.total;
|
|
var baris = '';
|
|
|
|
now = new Date();
|
|
day = ("0" + now.getDate()).slice(-2);
|
|
month = ("0" + (now.getMonth() + 1)).slice(-2);
|
|
today = now.getFullYear()+"-"+(month)+"-"+(day) ;
|
|
|
|
for (var i = 1; i <= JUMLAH; i++) {
|
|
if (i <= response.data.length) {
|
|
var inv_penjualan = response.data[i - 1]['INV_PENJUALAN'];
|
|
var nama_sales = response.data[i - 1]['NAMA_PANGGILAN_KARYAWAN'];
|
|
var tanggal = response.data[i - 1]['TANGGAL'];
|
|
var tempo = response.data[i - 1]['TEMPO'];
|
|
var tt = response.data[i - 1]['TT'];
|
|
var debet = response.data[i - 1]['DEBET'];
|
|
var kredit = response.data[i - 1]['KREDIT'];
|
|
var sisa = response.data[i - 1]['SISA'];
|
|
var tt = response.data[i - 1]['TT'];
|
|
var id_penjualan = response.data[i - 1]['ID_PENJUALAN'];
|
|
var tempo_penjualan = response.data[i - 1]['TEMPO_PENJUALAN'];
|
|
var corp_id = response.data[i - 1]['KOP_ID'];
|
|
|
|
if (tt==null) {
|
|
tt = "";
|
|
}
|
|
|
|
if (corp_id==0) {
|
|
co = "OPN";
|
|
} else if (corp_id==1) {
|
|
co = "TMP";
|
|
} else if (corp_id==2) {
|
|
co = "DMT";
|
|
} else if (corp_id==3) {
|
|
co = "PCM";
|
|
} else if (corp_id==4) {
|
|
co = "SFT";
|
|
} else if (corp_id==5) {
|
|
co = "ITP";
|
|
}
|
|
|
|
baris += '<tr>';
|
|
baris += '<td class="center" style="vertical-align: middle;" >' + i + '</td>';
|
|
if (nama_sales!=null) {
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Navy">' + inv_penjualan + '</b> : [<b style="color:FireBrick">' + co + ' | ' + nama_sales + '</b>]<br>(' + tanggal + ')</td>';
|
|
} else {
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Navy">' + inv_penjualan + '</b> : [<b style="color:FireBrick">' + co + '</b>]<br>(' + tanggal + ')</td>';
|
|
}
|
|
if (tempo_penjualan<=today) {
|
|
baris += '<td class="text-left text-center" style="vertical-align: middle;"><b style="color:Red">' + tempo + ' <i class="fa fa-check"></i></td>';
|
|
} else {
|
|
baris += '<td class="text-left text-center" style="vertical-align: middle;">' + tempo + '</td>';
|
|
}
|
|
baris += '<td class="text-left text-center" style="vertical-align: middle;">' + tt + '</td>';
|
|
baris += '<td class="text-right" style="vertical-align: middle;">' + debet + '</td>';
|
|
baris += '<td class="text-right" style="vertical-align: middle;">' + kredit + '</td>';
|
|
baris += '<td class="text-right" style="vertical-align: middle;">' + sisa + '</td>';
|
|
baris += '<td class="action center" style="vertical-align: middle;"><button type="button" class="btn btn-xs btn-success" onclick="openTab(' + id_penjualan + ')"><i class="fa fa-external-link"></i></button></td>';
|
|
baris += '</tr>';
|
|
}
|
|
}
|
|
$('#isiTabelDak').html(baris);
|
|
$('#namaPel').html(response.nama_pelanggan);
|
|
}
|
|
});
|
|
}
|
|
|
|
function openTab(id) {
|
|
window.open('IN_Keuangan_PiutangDagang_2/'+id, '_blank');
|
|
}
|
|
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|