400 lines
17 KiB
PHP
400 lines
17 KiB
PHP
<!doctype html>
|
|
<html class="fixed sidebar-left-collapsed">
|
|
<head>
|
|
|
|
<!-- Basic -->
|
|
<meta charset="UTF-8">
|
|
|
|
<title>MENU LAPORAN</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" />
|
|
<link rel="stylesheet" href="<?php echo base_url('')?>assets/vendor/bootstrap-timepicker/css/bootstrap-timepicker.css" />
|
|
|
|
<!-- Specific Page Vendor CSS -->
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/jquery-ui/css/ui-lightness/jquery-ui-1.10.4.custom.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/summernote/summernote.css" />
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/summernote/summernote-bs3.css" />
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/codemirror/lib/codemirror.css" />
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/codemirror/theme/monokai.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>
|
|
|
|
<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">
|
|
|
|
<?php
|
|
$jabatan = $this->session->userdata('jabatan');
|
|
$level = $this->session->userdata('level');
|
|
$nama_panggilan = $this->session->userdata('nama_panggilan');
|
|
$id_karyawan = $this->session->userdata('id_karyawan');
|
|
$username = $this->session->userdata('username');
|
|
$tgl_now = date('d/m/Y');
|
|
|
|
if (strpos($jabatan,"KEUANGAN")!==FALSE OR strpos($jabatan,"SALES")!==FALSE OR $jabatan=="ADMINISTRATOR" OR $jabatan=="ADMIN ITP") {
|
|
|
|
} else {
|
|
$jabatan = "DILARANG";
|
|
}
|
|
?>
|
|
|
|
<header class="page-header">
|
|
<h2><strong>Penjualan Harian</strong></h2>
|
|
|
|
<div class="right-wrapper pull-right">
|
|
<ol class="breadcrumbs">
|
|
<li><span><strong style="color:Gold">Master Data </span></strong></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-dark">
|
|
<header class="panel-heading">
|
|
<div class="panel-actions">
|
|
<a href="<?php echo base_url('') ?>index.php" class="text-dark"><strong>Kembali</strong><i class="fa fa-backward"></i></a>
|
|
</div>
|
|
<h2 class="panel-title" style="color:DarkViolet"><b>DATA PENJUALAN | </b><b style="color:Chocolate">Total Penjualan Rp <i><b style="color:Navy" id="totPenjualan">0.00</b></i></b></h2>
|
|
</header>
|
|
<div class="panel-body">
|
|
<div class="form-group">
|
|
<h4><label class="col-md-2 control-label"><b style="color:DarkSlateGray">Sales</b></label></h4>
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<select data-plugin-selectTwo multiple="multiple" id="id_sales" name="id_sales[]" class="form-control populate" placeholder="Pilih Sales (Multi Select)">
|
|
<?php if (is_array($sales) || is_object($sales)) {
|
|
foreach ($sales as $key) { ?>
|
|
<option value="<?= $key['ID_KARYAWAN'] ?>" ><?= $key['NAMA_PANGGILAN_KARYAWAN'] ?></option>
|
|
<?php }
|
|
} ?>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<h4><label class="col-md-2 control-label"><b style="color:DarkSlateGray">Atas Nama</b></label></h4>
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<select data-plugin-selectTwo id="id_corp" class="form-control populate">
|
|
<option value="" selected>Semua Perusahaan</option>
|
|
<?php if (is_array($corp) || is_object($corp)) {
|
|
foreach ($corp as $key) { ?>
|
|
<option value="<?= $key['ID_CORP'] ?>" ><?= $key['NAMA_CORP'] ?></option>
|
|
<?php }
|
|
} ?>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<h4><label class="col-md-2 control-label"><b style="color:DarkSlateGray">Periode Nota</b></label></h4>
|
|
<div class="col-md-4">
|
|
<div class="input-daterange input-group">
|
|
<span class="input-group-addon">
|
|
<i class="fa fa-calendar"></i>
|
|
</span>
|
|
<input type="date" class="form-control" id="tanggal_nota" value="<?=$tgl?>">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<?= form_open('Menu/LA_Excel_Sub4_J1_PenjualanHarian', array('method' => 'post'), array('id' => 'formlaporan')); ?>
|
|
<h4><label class="col-md-2 control-label"><b style="color:DarkSlateGray">Menu</b></label></h4>
|
|
<div class="col-md-10 btn-group">
|
|
<input type="hidden" class="form-control" id="id_salesfill" name="id_salesfill[]">
|
|
<input type="hidden" class="form-control" id="id_corpfill" name="id_corpfill">
|
|
<input type="hidden" class="form-control" id="tgl_nota" name="tgl_nota">
|
|
<?php if ($jabatan!="DILARANG") { ?>
|
|
<button type="button" class="btn btn-default" onclick="lihatData()"><b style="color:Navy">Preview <i class="fa fa-search"></i></b></button>
|
|
<button type="submit" class="btn btn-default" onclick="isiData()" target="_blank"><b style="color:DarkGreen">Excel <i class="fa fa-file-excel-o"></i></b></button>
|
|
<button type="button" class="btn btn-default" onclick="reloadData()"><b style="color:FireBrick">Reset <i class="fa fa-rotate-left"></i></b></button>
|
|
<e id="progressRotate" hidden="hidden"><h4><div class="col-md-3"><b style="color:Red"><i class="fa fa-refresh fa-spin"></i> <i>Memuat Data<span id="wait">.</span></i></b></div><h4></e>
|
|
<?php } else { ?>
|
|
<button type="button" class="btn btn-default"><b style="color:Red">Tidak Berhak <i class="fa fa-times"></i></b></button>
|
|
<?php } ?>
|
|
</div>
|
|
<?= form_close(); ?>
|
|
</div>
|
|
<br>
|
|
<div id="searchView" hidden="hidden" class="form-group">
|
|
<div class="col-md-8"></div>
|
|
<div class="col-md-4">
|
|
<input autocomplete="off" class="form-control" name="textSearch" id="textSearch" oninput="lihatDataSpesifik();" type="text" enterkeyhint="done"/ placeholder="Hanya Cari Nota Penjualan">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12">
|
|
<table class="table table-bordered table-striped mb-none" id="previewData">
|
|
<thead>
|
|
<th class="default center">No</th>
|
|
<th class="default">Nota</th>
|
|
<th class="default">Pelanggan</th>
|
|
<th width="350px" class="default">Barang</th>
|
|
<th class="default">Jenis</th>
|
|
<th class="default center">Kuantiti</th>
|
|
<th class="text-right default">Nilai Satuan</th>
|
|
<th class="text-right default">Nilai Subtotal</th>
|
|
</thead>
|
|
<tbody id="isiTabel"></tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- end: page -->
|
|
</section>
|
|
</div>
|
|
</section>
|
|
|
|
<?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>
|
|
$(document).ready(function() {
|
|
JUMLAH = '';
|
|
var baris = '';
|
|
|
|
baris += '<tr>';
|
|
baris += '<td class="text-center" colspan="9"><h5><i><b style="color:Blue">Data Kosong.</b></i></h5></td>';
|
|
baris += '</tr>';
|
|
$('#isiTabel').html(baris);
|
|
})
|
|
|
|
var dots = window.setInterval( function() {
|
|
var wait = document.getElementById("wait");
|
|
if (wait.innerHTML.length > 3)
|
|
wait.innerHTML = "";
|
|
else
|
|
wait.innerHTML += ".";
|
|
}, 500);
|
|
|
|
function lihatData() {
|
|
var id_sales = document.getElementById('id_sales');
|
|
var id_corp = document.getElementById('id_corp').value;
|
|
var tanggal_nota = document.getElementById('tanggal_nota').value;
|
|
var selectedSales = [];
|
|
var status = 0;
|
|
|
|
PNotify.removeAll();
|
|
$('[name="id_sales[]"]').closest('.form-control').removeClass('has-error');
|
|
|
|
for (const option of id_sales.options) {
|
|
if (option.selected) {
|
|
selectedSales.push(option.value);
|
|
}
|
|
}
|
|
|
|
if (selectedSales.length===0) {
|
|
notify("sales_null");
|
|
$('[name="id_sales[]"]').closest('.form-control').addClass('has-error');
|
|
status++;
|
|
}
|
|
|
|
if (status==0) {
|
|
$('#isiTabel').html(null);
|
|
|
|
buttonUnhide1 = document.getElementById('searchView');
|
|
buttonUnhide1.style.display = 'block';
|
|
|
|
buttonUnhide2 = document.getElementById('progressRotate');
|
|
buttonUnhide2.style.display = 'block';
|
|
|
|
$.ajax({
|
|
url: "<?= base_url() ?>index.php/Menu/LA_Ambil_Sub4_J1_PenjualanHarian",
|
|
type: "POST",
|
|
dataType: "json",
|
|
data: {
|
|
id_sales : selectedSales,
|
|
id_corp : id_corp,
|
|
tanggal_nota : tanggal_nota,
|
|
},
|
|
success: function(response) {
|
|
var baris = '';
|
|
JUMLAH = response.data.length;
|
|
|
|
if (JUMLAH==0) {
|
|
baris += '<tr>';
|
|
baris += '<td class="text-center" colspan="9"><h5><i><b style="color:Red">Tidak ada Data yang Sesuai.</b></i></h5></td>';
|
|
baris += '</tr>';
|
|
$('#isiTabel').html(baris);
|
|
} else {
|
|
for (var i = 1; i <= JUMLAH; i++) {
|
|
var nota = response.data[i - 1]['NOTA'];
|
|
var napel = response.data[i - 1]['NAPEL'];
|
|
var nako = response.data[i - 1]['NAKO'];
|
|
var jenis = response.data[i - 1]['JENIS'];
|
|
var sales = response.data[i - 1]['SALES'];
|
|
var corp = response.data[i - 1]['CORP'];
|
|
var sku = response.data[i - 1]['SKU'];
|
|
var qty = response.data[i - 1]['QTY'];
|
|
var satuan = response.data[i - 1]['SATUAN'];
|
|
var subtotal = response.data[i - 1]['SUBTOTAL'];
|
|
|
|
baris += '<tr>';
|
|
baris += '<td class="text-center" style="vertical-align: middle;">' + i + '</td>';
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:DarkCyan">' + nota + '</b> <b style="color:Red">[' + corp + ']</b><br><b style="color:Chocolate">Sales : ' + sales + '</b></td>';
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Blue">' + napel + '</b><br><i>(' + nako + ')</i></td>';
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:FireBrick">' + sku + '</b></td>';
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:DarkOrchid">' + jenis + '</b></td>';
|
|
baris += '<td class="text-center" style="vertical-align: middle;"><b style="color:Black">' + qty + '</b></td>';
|
|
baris += '<td class="text-right" style="vertical-align: middle;"><b style="color:DarkGreen">' + satuan + '</b></td>';
|
|
baris += '<td class="text-right" style="vertical-align: middle;"><b style="color:Navy">' + subtotal + '</b></td>';
|
|
baris += '</tr>';
|
|
}
|
|
$('#isiTabel').html(baris);
|
|
$('#totPenjualan').html(response.totPenjualan);
|
|
}
|
|
|
|
buttonHide = document.getElementById('progressRotate');
|
|
buttonHide.style.display = 'none';
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
function lihatDataSpesifik() {
|
|
var id_sales = document.getElementById('id_sales');
|
|
var id_corp = document.getElementById('id_corp').value;
|
|
var tanggal_nota = document.getElementById('tanggal_nota').value;
|
|
var textSearch = document.getElementById('textSearch').value;
|
|
var selectedSales = [];
|
|
var status = 0;
|
|
|
|
PNotify.removeAll();
|
|
$('[name="id_sales[]"]').closest('.form-control').removeClass('has-error');
|
|
|
|
for (const option of id_sales.options) {
|
|
if (option.selected) {
|
|
selectedSales.push(option.value);
|
|
}
|
|
}
|
|
|
|
if (selectedSales.length===0) {
|
|
notify("sales_null");
|
|
$('[name="id_sales[]"]').closest('.form-control').addClass('has-error');
|
|
status++;
|
|
}
|
|
|
|
if (status==0) {
|
|
$.ajax({
|
|
url: "<?= base_url() ?>index.php/Menu/LA_Ambil_Sub4_J1_PenjualanHarian",
|
|
type: "POST",
|
|
dataType: "json",
|
|
data: {
|
|
id_sales : selectedSales,
|
|
id_corp : id_corp,
|
|
tanggal_nota : tanggal_nota,
|
|
textSearch : textSearch,
|
|
},
|
|
success: function(response) {
|
|
var baris = '';
|
|
JUMLAH = response.data.length;
|
|
|
|
if (JUMLAH==0) {
|
|
baris += '<tr>';
|
|
baris += '<td class="text-center" colspan="9"><h5><i><b style="color:Red">Tidak ada Data yang Sesuai.</b></i></h5></td>';
|
|
baris += '</tr>';
|
|
$('#isiTabel').html(baris);
|
|
} else {
|
|
for (var i = 1; i <= JUMLAH; i++) {
|
|
var nota = response.data[i - 1]['NOTA'];
|
|
var napel = response.data[i - 1]['NAPEL'];
|
|
var nako = response.data[i - 1]['NAKO'];
|
|
var jenis = response.data[i - 1]['JENIS'];
|
|
var sales = response.data[i - 1]['SALES'];
|
|
var corp = response.data[i - 1]['CORP'];
|
|
var sku = response.data[i - 1]['SKU'];
|
|
var qty = response.data[i - 1]['QTY'];
|
|
var satuan = response.data[i - 1]['SATUAN'];
|
|
var subtotal = response.data[i - 1]['SUBTOTAL'];
|
|
|
|
baris += '<tr>';
|
|
baris += '<td class="text-center" style="vertical-align: middle;">' + i + '</td>';
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:DarkCyan">' + nota + '</b> <b style="color:Red">[' + corp + ']</b><br><b style="color:Chocolate">Sales : ' + sales + '</b></td>';
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Blue">' + napel + '</b><br><i>(' + nako + ')</i></td>';
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:FireBrick">' + sku + '</b></td>';
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:DarkOrchid">' + jenis + '</b></td>';
|
|
baris += '<td class="text-center" style="vertical-align: middle;"><b style="color:Black">' + qty + '</b></td>';
|
|
baris += '<td class="text-right" style="vertical-align: middle;"><b style="color:DarkGreen">' + satuan + '</b></td>';
|
|
baris += '<td class="text-right" style="vertical-align: middle;"><b style="color:Navy">' + subtotal + '</b></td>';
|
|
baris += '</tr>';
|
|
}
|
|
$('#isiTabel').html(baris);
|
|
$('#totPenjualan').html(response.totPenjualan);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
function isiData() {
|
|
var id_sales = document.getElementById('id_sales');
|
|
var selectedSales = [];
|
|
|
|
for (const option of id_sales.options) {
|
|
if (option.selected) {
|
|
selectedSales.push(option.value);
|
|
}
|
|
}
|
|
|
|
document.getElementById('id_salesfill').value = selectedSales;
|
|
document.getElementById('tgl_nota').value = document.getElementById('tanggal_nota').value;
|
|
document.getElementById('id_corpfill').value = document.getElementById('id_corp').value;
|
|
}
|
|
|
|
function reloadData() {
|
|
location.reload();
|
|
}
|
|
|
|
id_sales.onchange = function() {
|
|
$('[name="id_sales[]"]').closest('.form-control').removeClass('has-error');
|
|
}
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|