488 lines
20 KiB
PHP
488 lines
20 KiB
PHP
<!doctype html>
|
|
<html class="fixed sidebar-left-collapsed">
|
|
|
|
<head>
|
|
|
|
<!-- Basic -->
|
|
<meta charset="UTF-8">
|
|
|
|
<title>INFORMASI</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-top-style: solid;
|
|
border-bottom-style: solid;
|
|
border-left-style: solid;
|
|
border-right-style: solid;
|
|
border-width: 3px;
|
|
border-color: khaki;
|
|
}
|
|
|
|
.f18 {
|
|
font-size: 18px;
|
|
}
|
|
|
|
/* Create a two-column layout */
|
|
.column2 {
|
|
float: left;
|
|
width: 50%;
|
|
padding: 5px;
|
|
}
|
|
|
|
/* Create a three-column layout */
|
|
.column3 {
|
|
float: left;
|
|
width: 33.33%;
|
|
padding: 5px;
|
|
}
|
|
|
|
</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 Informasi Pembelian | <a data-toggle="modal" data-target="#modalFitur"><b style="color:LightGreen"><?=$tampil?> <i class="fa fa-question-circle"></i></b></a> | Diambil <b style="color:LightPink" id="jamTerakhir"></b></b></h2>
|
|
<div class="right-wrapper pull-right">
|
|
<ol class="breadcrumbs">
|
|
<?php if ($ex==0) { ?>
|
|
<li><span><a href="<?php echo base_url('') ?>index.php"><b style="color:Silver">Dashboard <i class="fa fa-home"></i></b></a></span></li>
|
|
<?php } else if ($ex==1) { ?>
|
|
<li><span><a onclick="tutupTab()"><b style="color:Silver">Tutup Tab <i class="fa fa-times"></i></b></a></span></li>
|
|
<?php } ?>
|
|
<li><span><b style="color:DeepSkyBlue">Pusat 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-dark">
|
|
<header class="panel-heading">
|
|
<h2 class="panel-title"><b style="color:Black">PEMBELIAN</b></h2>
|
|
</header>
|
|
<div class="panel-body">
|
|
<?php if ($hak>0) { ?>
|
|
<div class="form-group">
|
|
<div class="col-md-12 solid">
|
|
<small class="help-block"></small>
|
|
<div class="form-group">
|
|
<input type="hidden" id="id_pembelian">
|
|
<div class="col-md-2" style="font-size:16px"><b style="color:Black">Kode</b></div>
|
|
<div class="col-md-4">
|
|
<div class="input-group">
|
|
<input autocomplete="off" style="background:darkgrey; font-weight:bold; color:White" type="text" id="kode_pembelian" class="form-control" value="Klik pada Icon dikanan">
|
|
<span style="background-color:Black; color:White" class="input-group-addon" data-toggle="modal" data-target="#modalDataPembelian" onclick="isiDataPembelian()"><i class="fa fa-envelope"></i></span>
|
|
</div>
|
|
<small class="help-block"></small>
|
|
</div>
|
|
<div class="col-md-2" style="font-size:16px"><b style="color:SlateBlue">Gudang</b></div>
|
|
<div class="col-md-4">
|
|
<input disabled autocomplete="off" style="font-weight:bold; color:Black" type="text" id="gudang_pembelian" class="form-control">
|
|
<small class="help-block"></small>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<div class="col-md-2" style="font-size:16px"><b style="color:SlateBlue">Supplier</b></div>
|
|
<div class="col-md-4">
|
|
<input disabled autocomplete="off" style="font-weight:bold; color:Black" type="text" id="nama_supplier" class="form-control">
|
|
<small class="help-block"></small>
|
|
</div>
|
|
<div class="col-md-2" style="font-size:16px"><b style="color:SlateBlue">Kop</b></div>
|
|
<div class="col-md-4">
|
|
<input disabled autocomplete="off" style="font-weight:bold; color:Black" type="text" id="alias_corp" class="form-control">
|
|
<small class="help-block"></small>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<div class="col-md-2" style="font-size:16px"><b style="color:SlateBlue">No. SJ</b></div>
|
|
<div class="col-md-4">
|
|
<input disabled autocomplete="off" style="font-weight:bold; color:Black" type="text" id="sj_pembelian" class="form-control">
|
|
<small class="help-block"></small>
|
|
</div>
|
|
<div class="col-md-2" style="font-size:16px"><b style="color:SlateBlue">Tgl. SJ</b></div>
|
|
<div class="col-md-4">
|
|
<input disabled autocomplete="off" style="font-weight:bold; color:Black" type="date" id="tgl_sjbeli" class="form-control">
|
|
<small class="help-block"></small>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<div class="col-md-2" style="font-size:16px"><b style="color:SlateBlue">No. Nota</b></div>
|
|
<div class="col-md-4">
|
|
<input disabled autocomplete="off" style="font-weight:bold; color:Black" type="text" id="inv_pembelian" class="form-control">
|
|
<small class="help-block"></small>
|
|
</div>
|
|
<div class="col-md-2" style="font-size:16px"><b style="color:SlateBlue">Tgl. Nota</b></div>
|
|
<div class="col-md-4">
|
|
<input disabled autocomplete="off" style="font-weight:bold; color:Black" type="date" id="tgl_invbeli" class="form-control">
|
|
<small class="help-block"></small>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<div class="col-md-2" style="font-size:16px"><b style="color:SlateBlue">No. PO</b></div>
|
|
<div class="col-md-4">
|
|
<input disabled autocomplete="off" style="font-weight:bold; color:Black" type="text" id="po_pembelian" class="form-control">
|
|
<small class="help-block"></small>
|
|
</div>
|
|
<div class="col-md-2" style="font-size:16px"><b style="color:SlateBlue">Tgl. JT</b></div>
|
|
<div class="col-md-4">
|
|
<input disabled autocomplete="off" style="font-weight:bold; color:Black" type="date" id="tempo_invbeli" class="form-control">
|
|
<small class="help-block"></small>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<div class="col-md-2" style="font-size:16px"><b style="color:SlateBlue">No. FP</b></div>
|
|
<div class="col-md-4">
|
|
<input disabled autocomplete="off" style="font-weight:bold; color:Black" type="text" id="fp_pembelian" class="form-control">
|
|
<small class="help-block"></small>
|
|
</div>
|
|
<div class="col-md-2" style="font-size:16px"><b style="color:SlateBlue">Tgl. TT</b></div>
|
|
<div class="col-md-4">
|
|
<input disabled autocomplete="off" style="font-weight:bold; color:Black" type="date" id="tt_pembelian" class="form-control">
|
|
<small class="help-block"></small>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<div class="col-md-2" style="font-size:16px"><b style="color:SlateBlue">Status</b></div>
|
|
<div class="col-md-4">
|
|
<input disabled autocomplete="off" style="font-weight:bold; color:Black" type="text" id="status" class="form-control">
|
|
<small class="help-block"></small>
|
|
</div>
|
|
<div class="col-md-2" style="font-size:16px"><b style="color:SlateBlue">Ket. Nota</b></div>
|
|
<div class="col-md-4">
|
|
<textarea disabled autocomplete="off" style="font-weight:bold; color:Black" rows="3" id="ket_pembelian" class="form-control"></textarea>
|
|
<small class="help-block"></small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<?php } ?>
|
|
<br>
|
|
<table class="table table-bordered table-striped mb-none">
|
|
<thead>
|
|
<th class="center default">No</th>
|
|
<th class="default">Barang</th>
|
|
<th class="center default">Kuantiti</th>
|
|
<th class="default">Serial Number</th>
|
|
<?php if ($hak>1) { ?>
|
|
<th class="text-right">Satuan</th>
|
|
<th class="text-right">Subtotal</th>
|
|
<?php } ?>
|
|
</thead>
|
|
<tbody id="isiTabelData"></tbody>
|
|
</table>
|
|
<?php if ($hak>1) { ?>
|
|
<br>
|
|
<div class="row">
|
|
<div class="col-md-12 text-right">
|
|
<div class="btn-group-vertical">
|
|
<button type="submit" class="btn btn-default"><b style="color:Teal">BRUTO <b id="dpp">0.00</b></b></button>
|
|
<button type="submit" class="btn btn-default"><b style="color:Olive">PPN <b id="ppn">0.00</b></b></button>
|
|
<button type="submit" class="btn btn-default"><b style="color:DarkRed">TOTAL <b id="tot">0.00</b></b></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<?php } ?>
|
|
</div>
|
|
</section>
|
|
<!-- end: page -->
|
|
</section>
|
|
</div>
|
|
</section>
|
|
|
|
<div id="modalDataPembelian" class="modal fade" tabindex="-1" role="dialog">
|
|
<div class="modal-dialog modal-lg" style="width:66%">
|
|
<header class="panel-heading">
|
|
<h2 class="panel-title"><b>Pilih Data | <b style="color:DarkViolet">[Pembelian]</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 autocomplete="off" type="text" id="pembelianSearch" oninput="cariDataPembelian()" class="form-control populate" placeholder="Cari..."></input>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12">
|
|
<table class="table table-bordered table-striped mb-none">
|
|
<thead>
|
|
<th class="center default">Pilih</th>
|
|
<th class="default">Kode</th>
|
|
<th class="default">Supplier</th>
|
|
<th class="default">Surat Jalan</th>
|
|
<th class="default">Nota</th>
|
|
</thead>
|
|
<tbody id="isiTabelPembelian"></tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="modalFitur" class="modal fade" tabindex="-1" role="dialog">
|
|
<div class="modal-dialog" style="width:35%">
|
|
<div class="modal-content">
|
|
<header class="panel-heading">
|
|
<h4 class="panel-title"><b>Fitur Teknis</b></h4>
|
|
<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="form-group">
|
|
<h5>
|
|
<b style="color:Green">AKSES PENUH</b><br><b>Bisa melihat semua Data terkait.</b><br>
|
|
<br><b style="color:Green">TERBATAS</b><br><b>Hanya dapat Melihat Data Dasar dan SN Unit.</b><br>
|
|
</h5>
|
|
</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>
|
|
$(document).ready(function() {
|
|
var baris = '';
|
|
|
|
baris += '<tr>';
|
|
baris += '<td class="text-center" colspan="9"><h5><i><b style="color:DarkOrange">Kode Belum dipilih..</b></i></h5></td>';
|
|
baris += '</tr>';
|
|
$('#isiTabelData').html(baris);
|
|
|
|
var time = new Date().toLocaleTimeString('en-US',{hour12:false});
|
|
$('#jamTerakhir').html(time);
|
|
})
|
|
|
|
function cariDataPembelian() {
|
|
var search = document.getElementById("pembelianSearch").value;
|
|
tampilkanData(1, search);
|
|
}
|
|
|
|
function isiDataPembelian() {
|
|
PNotify.removeAll();
|
|
document.getElementById("pembelianSearch").value = null;
|
|
document.getElementById("pembelianSearch").innerHTML = "";
|
|
tampilkanData(1, null);
|
|
}
|
|
|
|
function pilihPembelian(id) {
|
|
PNotify.removeAll();
|
|
document.getElementById("id_pembelian").value = id;
|
|
|
|
$('#modalDataPembelian').modal('hide');
|
|
$.ajax({
|
|
url: "<?= base_url() ?>index.php/Menu/GE_Ambil_DataPembelian",
|
|
type: "POST",
|
|
dataType: "json",
|
|
data: {
|
|
id_pembelian : id,
|
|
verse : 2
|
|
},
|
|
success: function(response) {
|
|
if (response.data[0]['GUDANG_PEMBELIAN']==1) {
|
|
gud = "[Gudang 1] PC MASTER";
|
|
} else if (response.data[0]['GUDANG_PEMBELIAN']==2) {
|
|
gud = "[Gudang 2] IT POINT";
|
|
} else if (response.data[0]['GUDANG_PEMBELIAN']==3) {
|
|
gud = "[Gudang 3] SERVICE";
|
|
}
|
|
|
|
if (response.data[0]['STATUS_PEMBELIAN']==9) {
|
|
stat = "DIHAPUS GUDANG";
|
|
} else if (response.data[0]['STATUS_PEMBELIAN']==8) {
|
|
stat = "DIMUTASI KEUANGAN";
|
|
} else if (response.data[0]['STATUS_PEMBELIAN']==1) {
|
|
stat = "SELESAI DIKUNCI";
|
|
} else if (response.data[0]['STATUS_PEMBELIAN']==0) {
|
|
stat = "PROSES INPUT KEUANGAN";
|
|
} else {
|
|
stat = "PROSES INPUT GUDANG";
|
|
}
|
|
|
|
document.getElementById("kode_pembelian").value = response.data[0]['KODE_PEMBELIAN'];
|
|
document.getElementById("gudang_pembelian").value = gud;
|
|
document.getElementById("nama_supplier").value = response.data[0]['NAMA_SUPPLIER'];
|
|
document.getElementById("alias_corp").value = response.data[0]['ALIAS_CORP'];
|
|
document.getElementById("sj_pembelian").value = response.data[0]['SJ_PEMBELIAN'];
|
|
document.getElementById("tgl_sjbeli").value = response.data[0]['TGL_SJBELI'];
|
|
document.getElementById("inv_pembelian").value = response.data[0]['INV_PEMBELIAN'];
|
|
document.getElementById("tgl_invbeli").value = response.data[0]['TGL_INVBELI'];
|
|
document.getElementById("po_pembelian").value = response.data[0]['PO_PEMBELIAN'];
|
|
document.getElementById("tempo_invbeli").value = response.data[0]['TEMPO_INVBELI'];
|
|
document.getElementById("fp_pembelian").value = response.data[0]['FP_PEMBELIAN'];
|
|
document.getElementById("tt_pembelian").value = response.data[0]['TT_PEMBELIAN'];
|
|
document.getElementById("status").value = stat;
|
|
document.getElementById("ket_pembelian").value = response.data[0]['KET_PEMBELIAN'];
|
|
tampilkanData(2, id);
|
|
}
|
|
});
|
|
}
|
|
|
|
function tampilkanData(id, specific) {
|
|
var hak = <?=$hak?>;
|
|
var kosong = '';
|
|
kosong += '<tr><td class="text-center" colspan="9"><h5><i><b style="color:OrangeRed">Data Kosong..</b></i></h5></td></tr>';
|
|
|
|
if (id==1) { // List Semua Pembelian sesuai Periode
|
|
$.ajax({
|
|
type: 'POST',
|
|
data: {
|
|
search : specific,
|
|
hak : hak,
|
|
verse : 10,
|
|
},
|
|
url: '<?= base_url('') ?>index.php/Menu/GE_Ambil_DataPembelian',
|
|
dataType: 'json',
|
|
success: function(response) {
|
|
JUMLAH = response.data.length;
|
|
var baris = '';
|
|
|
|
for (var i = 1; i <= JUMLAH; i++) {
|
|
var id_pembelian = response.data[i - 1]['ID_PEMBELIAN'];
|
|
var kode = response.data[i - 1]['KODE_PEMBELIAN'];
|
|
var kop = response.data[i - 1]['ALIAS_CORP'];
|
|
var sj = response.data[i - 1]['SJ_PEMBELIAN'];
|
|
var inv = response.data[i - 1]['INV_PEMBELIAN'];
|
|
var nasup = response.data[i - 1]['NAMA_SUPPLIER'];
|
|
var alias = response.data[i - 1]['ALIAS_SUPPLIER'];
|
|
var nakot = response.data[i - 1]['NAMA_KOTA'];
|
|
|
|
if (inv==null) {
|
|
inv = "";
|
|
}
|
|
|
|
baris += '<tr>';
|
|
baris += '<td class="center" style="vertical-align: middle;" ><button style="color:DarkViolet" onclick="pilihPembelian(' + id_pembelian + ')"><i class="fa fa-check-circle"></i></button></td>';
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Black">' + kode + '</b><br><b style="color:Tomato">['+kop+']</b></td>';
|
|
if (alias=="") {
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Green">' + nasup + '</b><br>('+ nakot +')</td>';
|
|
} else {
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:DarkOrange">[' + alias + ']</b><br><b style="color:Green">' + nasup + '</b><br>('+ nakot +')</td>';
|
|
}
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Chocolate">' + sj + '</b></td>';
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Olive">' + inv + '</b></td>';
|
|
baris += '</tr>';
|
|
}
|
|
$('#isiTabelPembelian').html(baris);
|
|
}
|
|
});
|
|
} else if (id==2) { // List Daftar Beli
|
|
$.ajax({
|
|
type: 'POST',
|
|
data: {
|
|
id_pembelian : specific,
|
|
verse : 1,
|
|
},
|
|
url: '<?= base_url('') ?>index.php/Menu/GE_Ambil_DataDaftarBeli',
|
|
dataType: 'json',
|
|
success: function(response) {
|
|
var baris = '';
|
|
JUMLAH = response.total;
|
|
|
|
for (var i = 1; i <= JUMLAH; i++) {
|
|
var korang = response.data[i - 1]['KODE_BARANG'];
|
|
var narang = response.data[i - 1]['NAMA_BARANG'];
|
|
var qty_db = response.data[i - 1]['QTY_DB'];
|
|
var najen = response.data[i - 1]['NAMA_JENIS'];
|
|
var sn = response.data[i - 1]['SN'];
|
|
var satuan = response.data[i - 1]['SATUAN'];
|
|
var subtotal = response.data[i - 1]['SUBTOTAL'];
|
|
|
|
baris += '<tr>';
|
|
baris += '<td class="center" style="vertical-align: middle;" >' + i + '</td>';
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Black">' + korang + '</b><br><i>(' + narang + ')</i><br><b style="color:Green">Jenis : [' + najen + ']</b></td>';
|
|
baris += '<td class="center" style="vertical-align: middle;"><b style="color:Chocolate">' + qty_db + '</b></td>';
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Blue">' + sn + '</b></td>';
|
|
if (hak>1) {
|
|
baris += '<td class="text-right" style="vertical-align: middle;"><b style="color:Tomato">' + satuan + '</b></td>';
|
|
baris += '<td class="text-right" style="vertical-align: middle;"><b style="color:Teal">' + subtotal + '</b></td>';
|
|
}
|
|
baris += '</tr>';
|
|
}
|
|
$('#isiTabelData').html(baris);
|
|
$('#dpp').html(response.nilaiDpp);
|
|
$('#ppn').html(response.nilaiPpn);
|
|
$('#tot').html(response.nilaiTotal);
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
function tutupTab() {
|
|
window.close();
|
|
}
|
|
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|