957 lines
38 KiB
PHP
957 lines
38 KiB
PHP
<!doctype html>
|
|
<html class="fixed sidebar-left-collapsed">
|
|
|
|
<head>
|
|
|
|
<!-- Basic -->
|
|
<meta charset="UTF-8">
|
|
|
|
<title>STOK BARANG</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-right-style: solid;
|
|
border-top-style: solid;
|
|
border-bottom-style: solid;
|
|
border-width: 3px;
|
|
border-color: gold;
|
|
}
|
|
|
|
.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 Stok Gudang | Diambil <b style="color:Chartreuse" id="isiTs"><?=$ts?></b> | <b style="color:Yellow" id="isiJumlah">0</b> Data Sesuai</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-secondary">
|
|
<header class="panel-heading">
|
|
<div class="panel-actions">
|
|
<a data-toggle="modal" data-target="#modalFitur" style="color:Coral"><b>Fitur </b><i class="fa fa-question-circle"></i></a>  
|
|
<a onclick="tutupTab()"><b style="color:Black">Tutup <i class="fa fa-times"></i></b></a>
|
|
</div>
|
|
<h2 class="panel-title"><b style="color:Red">DATA STOK GUDANG</b> | <b style="color:ForestGreen">[<?=$tampil?>]</b> <?php if ($hak==0) {?> | <b style="color:Red"><i>Tidak Berhak*</i></b><?php } ?></h2>
|
|
</header>
|
|
<div class="panel-body">
|
|
<div class="row solid">
|
|
<div class="form-group">
|
|
<h4><div class="col-md-1"><b style="color:SlateBlue">Kondisi</b></div></h4>
|
|
<div class="col-md-3">
|
|
<select data-plugin-selectTwo name="filter1" id="filter1" onchange="ubahStok(1, value)" class="form-control populate">
|
|
<option value="2" <?php if ($filter1==2) { ?>selected<?php } ?>>Semua Kondisi</option>
|
|
<option value="1" <?php if ($filter1==1) { ?>selected<?php } ?>>Tersedia</option>
|
|
<option value="0" <?php if ($filter1==0) { ?>selected<?php } ?>>Kosong</option>
|
|
</select>
|
|
<small class="help-block"></small>
|
|
</div>
|
|
<h4><div class="col-md-1"><b style="color:SlateBlue">Gudang</b></div></h4>
|
|
<div class="col-md-3">
|
|
<select data-plugin-selectTwo name="filter2" id="filter2" onchange="ubahStok(2, value)" class="form-control populate">
|
|
<option value="0" <?php if ($filter2==0) { ?>selected<?php } ?>>Semua Gudang</option>
|
|
<option value="1" <?php if ($filter2==1) { ?>selected<?php } ?>>PC MASTER</option>
|
|
<option value="2" <?php if ($filter2==2) { ?>selected<?php } ?>>IT POINT</option>
|
|
<option value="3" <?php if ($filter2==3) { ?>selected<?php } ?>>SERVICE</option>
|
|
</select>
|
|
<small class="help-block"></small>
|
|
</div>
|
|
<h4><div class="col-md-1"><b style="color:SlateBlue">Cari</b></div></h4>
|
|
<div class="col-md-3">
|
|
<select data-plugin-selectTwo name="filter3" id="filter3" onchange="ubahStok(3, value)" class="form-control populate">
|
|
<option value="1" <?php if ($filter3==1) { ?>selected<?php } ?>>Kode Barang</option>
|
|
<option value="2" <?php if ($filter3==2) { ?>selected<?php } ?>>Nama Barang</option>
|
|
</select>
|
|
<small class="help-block"></small>
|
|
</div>
|
|
<h4><div class="col-md-1"><b style="color:SlateBlue">Jenis</b></div></h4>
|
|
<div class="col-md-3">
|
|
<select data-plugin-selectTwo name="filter4" id="filter4" onchange="ubahStok(4, value)" class="form-control populate">
|
|
<option value="" <?php if ($filter4==NULL) { ?>selected<?php } ?>>Semua Jenis</option>
|
|
<?php if (is_array($jenis) || is_object($jenis)) {
|
|
foreach ($jenis as $key) { ?>
|
|
<?php if ($filter4==$key['ID_JENIS']) { ?>
|
|
<option value="<?= $key['ID_JENIS'] ?>" selected><?= $key['NAMA_JENIS'] ?></option>
|
|
<?php } else { ?>
|
|
<option value="<?= $key['ID_JENIS'] ?>"><?= $key['NAMA_JENIS'] ?></option>
|
|
<?php } ?>
|
|
<?php }
|
|
} ?>
|
|
</select>
|
|
<small class="help-block"></small>
|
|
</div>
|
|
<h4><div class="col-md-1"><b style="color:SlateBlue">Merk</b></div></h4>
|
|
<div class="col-md-3">
|
|
<select data-plugin-selectTwo name="filter5" id="filter5" onchange="ubahStok(5, value)" class="form-control populate">
|
|
<option value="" <?php if ($filter5==NULL) { ?>selected<?php } ?>>Semua Merk</option>
|
|
<?php if (is_array($merk) || is_object($merk)) {
|
|
foreach ($merk as $key) { ?>
|
|
<?php if ($filter5==$key['ID_MERK']) { ?>
|
|
<option value="<?= $key['ID_MERK'] ?>" selected><?= $key['NAMA_MERK'] ?></option>
|
|
<?php } else { ?>
|
|
<option value="<?= $key['ID_MERK'] ?>"><?= $key['NAMA_MERK'] ?></option>
|
|
<?php } ?>
|
|
<?php }
|
|
} ?>
|
|
</select>
|
|
<small class="help-block"></small>
|
|
</div>
|
|
<h4><div class="col-md-1"><b style="color:SlateBlue">Urutan</b></div></h4>
|
|
<div class="col-md-3">
|
|
<select data-plugin-selectTwo name="filter6" id="filter6" onchange="ubahStok(6, value)" class="form-control populate">
|
|
<option value="1" <?php if ($filter6==1) { ?>selected<?php } ?>>Menaik (ASC)</option>
|
|
<option value="2" <?php if ($filter6==2) { ?>selected<?php } ?>>Menurun (DESC)</option>
|
|
</select>
|
|
<small class="help-block"></small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
<div class="row">
|
|
<div class="col-md-9"></div>
|
|
<div class="col-md-3">
|
|
<input autocomplete="off" type="text" id="cariKode" class="form-control" oninput="cariDataBarang()" placeholder="Ketikkan yang Anda cari.." style="text-align: left;">
|
|
<small class="help-block"></small>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<table class="table table-bordered table-striped mb-none">
|
|
<thead>
|
|
<th class="center default">No</th>
|
|
<th class="default">Jenis</th>
|
|
<th class="default">Barang</th>
|
|
<th class="center default">PCM</th>
|
|
<th class="center default">ITP</th>
|
|
<th class="center default">SERVICE</th>
|
|
<th class="center default">GLOBAL</th>
|
|
<th class="center default">PILIHAN</th>
|
|
</thead>
|
|
<tbody id="isiTabelPencarian"></tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- end: page -->
|
|
</section>
|
|
</div>
|
|
</section>
|
|
|
|
<div id="modalFitur" class="modal fade" tabindex="-1" role="dialog">
|
|
<div class="modal-dialog modal-lg" style="width:50%">
|
|
<div class="modal-content">
|
|
<header class="panel-heading">
|
|
<h4 class="panel-title"><b>Fitur Teknis</b></h4>
|
|
</header>
|
|
<div class="panel-body">
|
|
<div class="modal-wrapper">
|
|
<div class="modal-text">
|
|
<div class="form-group">
|
|
<h5>
|
|
<b style="color:DarkRed">Berikut ini adalah Daftar Menu yang dapat diakses sesuai dengan Hak Akses Anda.</b><br>
|
|
<br><b style="color:DarkGreen">AKSES PENUH</b><br><b>Akses OPERATOR + Bisa melihat Nilai Persediaan</b><br>
|
|
<br><b style="color:DarkGreen">OPERATOR</b><br><b>Akses TERBATAS + Bisa melihat Nilai HPP Average</b><br>
|
|
<br><b style="color:DarkGreen">TERBATAS</b><br><b>Hanya bisa melihat Data Dasar dan SN Unit</b><br>
|
|
</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<footer class="panel-footer">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<button type="button" class="btn btn-default pull-right" data-dismiss="modal">Close</button>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="modalLihatJejakKuantiti" 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="kodeBarang1" style="color:Red"></b>] | <b id="totQty1" style="color:DarkViolet"></b><?php if ($hak>=2) { ?> | <b id="avgLast1" style="color:Tomato"></b><?php } ?></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">
|
|
<input type="hidden" id="barang_id1" class="form-control" value="">
|
|
<div class="col-md-8"></div>
|
|
<div class="col-md-4">
|
|
<select data-plugin-selectTwo id="dataSearch1" onchange="cariData(11)" class="form-control populate"></select>
|
|
</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">Kode Bukti</th>
|
|
<th class="default">SJ | Nota</th>
|
|
<th class="center default">Masuk</th>
|
|
<th class="center default">Keluar</th>
|
|
<th class="center default">Subtotal</th>
|
|
<?php if ($hak>=2) { ?>
|
|
<th class="text-right default">HPP (Average)</th>
|
|
<?php } ?>
|
|
<?php if ($hak==3) { ?>
|
|
<th class="text-right default">Persediaan</th>
|
|
<?php } ?>
|
|
</thead>
|
|
<tbody id="isiTabelJejakKuantiti"></tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="modalLihatKondisiStok" 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="kodeBarang2" style="color:Coral"></b>] | <b id="qtyGlobal12" style="color:Blue"></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">
|
|
<input type="hidden" id="barang_id2" class="form-control" value="">
|
|
<div class="col-md-6 col-lg-12 col-xl-6">
|
|
<div class="col-md-3 col-xl-12">
|
|
<div class="panel-body">
|
|
<a onclick="bukaData(1)"><div class="widget-summary">
|
|
<div class="widget-info-col widget-info-col-icon">
|
|
<div class="summary-icon bg-danger">
|
|
<i class="fa fa-star"></i>
|
|
</div>
|
|
</div>
|
|
<div class="widget-summary-col">
|
|
<div class="summary">
|
|
<h4 class="title text-danger"><b>PCM <i class="fa fa-external-link"></i></b></h4>
|
|
<div class="info">
|
|
<b class="amount" id="qtyPcm12"></b>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div></a>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-xl-12">
|
|
<section class="panel">
|
|
<div class="panel-body">
|
|
<a onclick="bukaData(2)"><div class="widget-summary">
|
|
<div class="widget-info-col widget-info-col-icon">
|
|
<div class="summary-icon bg-tertiary">
|
|
<i class="fa fa-star"></i>
|
|
</div>
|
|
</div>
|
|
<div class="widget-summary-col">
|
|
<div class="summary">
|
|
<h4 class="title text-tertiary"><b>ITP <i class="fa fa-external-link"></i></b></h4>
|
|
<div class="info">
|
|
<b class="amount" id="qtyItp12"></b>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div></a>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
<div class="col-md-3 col-xl-12">
|
|
<section class="panel">
|
|
<div class="panel-body">
|
|
<a onclick="bukaData(10)"><div class="widget-summary">
|
|
<div class="widget-info-col widget-info-col-icon">
|
|
<div class="summary-icon bg-quartenary">
|
|
<i class="fa fa-spinner"></i>
|
|
</div>
|
|
</div>
|
|
<div class="widget-summary-col">
|
|
<div class="summary">
|
|
<h4 class="title text-quartenary"><b>PROSES <i class="fa fa-external-link"></i></b></h4>
|
|
<div class="info">
|
|
<b class="amount" id="qtyProses12"></b>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div></a>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
<div class="col-md-3 col-xl-12">
|
|
<section class="panel">
|
|
<div class="panel-body">
|
|
<a onclick="bukaData(19)"><div class="widget-summary">
|
|
<div class="widget-info-col widget-info-col-icon">
|
|
<div class="summary-icon bg-dark">
|
|
<i class="fa fa-paw"></i>
|
|
</div>
|
|
</div>
|
|
<div class="widget-summary-col">
|
|
<div class="summary">
|
|
<h4 class="title text-dark"><b>ANTIK <i class="fa fa-external-link"></i></b></h4>
|
|
<div class="info">
|
|
<b class="amount" id="qtyAntik12"></b>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div></a>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 col-lg-12 col-xl-6">
|
|
<div class="col-md-3 col-xl-12">
|
|
<section class="panel">
|
|
<div class="panel-body">
|
|
<a onclick="bukaData(8)"><div class="widget-summary">
|
|
<div class="widget-info-col widget-info-col-icon">
|
|
<div class="summary-icon bg-success">
|
|
<i class="fa fa-arrows-alt"></i>
|
|
</div>
|
|
</div>
|
|
<div class="widget-summary-col">
|
|
<div class="summary">
|
|
<h4 class="title text-success"><b>MUTASI <i class="fa fa-external-link"></i></b></h4>
|
|
<div class="info">
|
|
<b class="amount" id="qtyMutasi12"></b>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div></A>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
<div class="col-md-3 col-xl-12">
|
|
<section class="panel">
|
|
<div class="panel-body">
|
|
<a onclick="bukaData(0)"><div class="widget-summary">
|
|
<div class="widget-info-col widget-info-col-icon">
|
|
<div class="summary-icon bg-primary">
|
|
<i class="fa fa-arrow-right"></i>
|
|
</div>
|
|
</div>
|
|
<div class="widget-summary-col">
|
|
<div class="summary">
|
|
<h4 class="title text-primary"><b>PENDING <i class="fa fa-external-link"></i></b></h4>
|
|
<div class="info">
|
|
<b class="amount" id="qtyPending12"></b>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div></a>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
<div class="col-md-3 col-xl-12">
|
|
<section class="panel">
|
|
<div class="panel-body">
|
|
<a onclick="bukaData(6)"><div class="widget-summary">
|
|
<div class="widget-info-col widget-info-col-icon">
|
|
<div class="summary-icon bg-info">
|
|
<i class="fa fa-clock-o"></i>
|
|
</div>
|
|
</div>
|
|
<div class="widget-summary-col">
|
|
<div class="summary">
|
|
<h4 class="title text-info"><b>KONSI <i class="fa fa-external-link"></i></b></h4>
|
|
<div class="info">
|
|
<b class="amount" id="qtyKonsinyasi12"></b>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div></a>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
<div class="col-md-3 col-xl-12">
|
|
<section class="panel">
|
|
<div class="panel-body">
|
|
<a onclick="bukaData(5)"><div class="widget-summary">
|
|
<div class="widget-info-col widget-info-col-icon">
|
|
<div class="summary-icon bg-secondary">
|
|
<i class="fa fa-arrow-down"></i>
|
|
</div>
|
|
</div>
|
|
<div class="widget-summary-col">
|
|
<div class="summary">
|
|
<h4 class="title text-secondary"><b>PINJAMAN <i class="fa fa-external-link"></i></b></h4>
|
|
<div class="info">
|
|
<b class="amount" id="qtyPeminjaman12"></b>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div></a>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 col-lg-12 col-xl-6">
|
|
<div class="col-md-3 col-xl-12">
|
|
<section class="panel">
|
|
<div class="panel-body">
|
|
<a onclick="bukaData(9)"><div class="widget-summary">
|
|
<div class="widget-info-col widget-info-col-icon">
|
|
<div class="summary-icon bg-danger">
|
|
<i class="fa fa-building"></i>
|
|
</div>
|
|
</div>
|
|
<div class="widget-summary-col">
|
|
<div class="summary">
|
|
<h4 class="title text-danger"><b>PROYEK <i class="fa fa-external-link"></i></b></h4>
|
|
<div class="info">
|
|
<b class="amount" id="qtyProyek12"></b>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div></a>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
<div class="col-md-3 col-xl-12">
|
|
<section class="panel">
|
|
<div class="panel-body">
|
|
<a onclick="bukaData(7)"><div class="widget-summary">
|
|
<div class="widget-info-col widget-info-col-icon">
|
|
<div class="summary-icon bg-warning">
|
|
<i class="fa fa-medkit"></i>
|
|
</div>
|
|
</div>
|
|
<div class="widget-summary-col">
|
|
<div class="summary">
|
|
<h4 class="title text-warning"><b>SERVICE <i class="fa fa-external-link"></i></b></h4>
|
|
<div class="info">
|
|
<b class="amount" id="qtyService12"></b>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div></a>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
<div class="col-md-3 col-xl-12">
|
|
<section class="panel">
|
|
<div class="panel-body">
|
|
<a onclick="bukaData(20)"><div class="widget-summary">
|
|
<div class="widget-info-col widget-info-col-icon">
|
|
<div class="summary-icon bg-tertiary">
|
|
<i class="fa fa-leaf"></i>
|
|
</div>
|
|
</div>
|
|
<div class="widget-summary-col">
|
|
<div class="summary">
|
|
<h4 class="title text-tertiary"><b>SEWA <i class="fa fa-external-link"></i></b></h4>
|
|
<div class="info">
|
|
<b class="amount" id="qtySewa12"></b>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div></a>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
<div class="col-md-3 col-xl-12">
|
|
<section class="panel">
|
|
<div class="panel-body">
|
|
<a onclick="bukaData(7)"><div class="widget-summary">
|
|
<div class="widget-info-col widget-info-col-icon">
|
|
<div class="summary-icon bg-success">
|
|
<i class="fa fa-cube"></i>
|
|
</div>
|
|
</div>
|
|
<div class="widget-summary-col">
|
|
<div class="summary">
|
|
<h4 class="title text-success"><b>TERCABUT <i class="fa fa-external-link"></i></b></h4>
|
|
<div class="info">
|
|
<b class="amount" id="qtyTercabut12"></b>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div></a>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="modalLihatDaftarSn" 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="kodeBarang3" style="color:Red"></b>] | <b id="totQty3" style="color:DarkViolet"></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">
|
|
<input type="hidden" id="barang_id3" class="form-control" value="">
|
|
<div class="col-md-8"></div>
|
|
<div class="col-md-4">
|
|
<select data-plugin-selectTwo id="dataSearch3" onchange="cariData(13)" class="form-control populate"></select>
|
|
</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">Status</th>
|
|
<th class="center default">Jumlah</th>
|
|
<th class="default">Gudang PCM</th>
|
|
<th class="default">Gudang ITP</th>
|
|
<th class="default">Gudang SERVICE</th>
|
|
</thead>
|
|
<tbody id="isiTabelDaftarSn"></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>
|
|
$(document).ready(function() {
|
|
var baris = '';
|
|
baris += '<tr>';
|
|
baris += '<td class="text-center" colspan="9"><h5><i><b style="color:Tomato">Data belum dipilih...</b></i></h5></td>';
|
|
baris += '</tr>';
|
|
|
|
$('#isiTabelPencarian').html(baris);
|
|
})
|
|
|
|
function tutupTab() {
|
|
window.close();
|
|
}
|
|
|
|
function ubahStok(jenis, isi) {
|
|
var search = document.getElementById("cariKode").value;
|
|
var filter1 = document.getElementById("filter1").value;
|
|
var filter2 = document.getElementById("filter2").value;
|
|
var filter3 = document.getElementById("filter3").value;
|
|
var filter4 = document.getElementById("filter4").value;
|
|
var filter5 = document.getElementById("filter5").value;
|
|
var filter6 = document.getElementById("filter6").value;
|
|
$.ajax({
|
|
url: "<?= base_url() ?>index.php/Menu/GE_Ubah_SetStokGudang",
|
|
type: "POST",
|
|
dataType: "json",
|
|
data: {
|
|
jenis : jenis,
|
|
isi : isi,
|
|
},
|
|
success: function(response) {
|
|
tampilkanDataBarang(search, filter1, filter2, filter3, filter4, filter5, filter6);
|
|
}
|
|
});
|
|
}
|
|
|
|
function lihatData(verse, id) {
|
|
PNotify.removeAll();
|
|
|
|
if (verse==11) {
|
|
document.getElementById("barang_id1").value = id;
|
|
document.getElementById("dataSearch1").value = null;
|
|
document.getElementById("dataSearch1").innerHTML = "";
|
|
} else if (verse==12) {
|
|
document.getElementById("barang_id2").value = id;
|
|
} else if (verse==13) {
|
|
document.getElementById("barang_id3").value = id;
|
|
document.getElementById("dataSearch3").value = null;
|
|
document.getElementById("dataSearch3").innerHTML = "";
|
|
}
|
|
tampilkanData(verse, id, null);
|
|
}
|
|
|
|
function cariData(verse) {
|
|
PNotify.removeAll();
|
|
|
|
if (verse==11) {
|
|
var search = document.getElementById("dataSearch1").value;
|
|
var id = document.getElementById("barang_id1").value;
|
|
} else if (verse==13) {
|
|
var search = document.getElementById("dataSearch3").value;
|
|
var id = document.getElementById("barang_id3").value;
|
|
}
|
|
tampilkanData(verse, id, search);
|
|
}
|
|
|
|
function tampilkanData(verse, id_barang, id_search) {
|
|
var hak = <?=$hak?>;
|
|
var baris = '';
|
|
|
|
if (verse==11 || verse==13) {
|
|
baris += '<tr>';
|
|
baris += '<td class="text-center" colspan="9"><h5><i><b style="color:Teal">Memuat Data..</b></i></h5></td>';
|
|
baris += '</tr>';
|
|
if (verse==11) {
|
|
$('#isiTabelJejakKuantiti').html(baris);
|
|
$('#kodeBarang1').html("");
|
|
$('#totQty1').html("");
|
|
$('#avgLast1').html("");
|
|
} else if (verse==13) {
|
|
$('#isiTabelDaftarSn').html(baris);
|
|
$('#kodeBarang3').html("");
|
|
$('#totQty3').html("");
|
|
}
|
|
}
|
|
|
|
if (verse==12) {
|
|
$('#kodeBarang2').html("");
|
|
$('#qtyGlobal12').html("");
|
|
$('#qtyPcm12').html("");
|
|
$('#qtyItp12').html("");
|
|
$('#qtyProses12').html("");
|
|
$('#qtyAntik12').html("");
|
|
$('#qtyMutasi12').html("");
|
|
$('#qtyPending12').html("");
|
|
$('#qtyKonsinyasi12').html("");
|
|
$('#qtyPeminjaman12').html("");
|
|
$('#qtyProyek12').html("");
|
|
$('#qtyService12').html("");
|
|
$('#qtySewa12').html("");
|
|
$('#qtyTercabut12').html("");
|
|
}
|
|
|
|
$.ajax({
|
|
url: "<?= base_url() ?>index.php/Menu/SB_Ambil_Sub2_DataInformasi",
|
|
type: "POST",
|
|
dataType: "json",
|
|
data: {
|
|
versi : verse,
|
|
id_barang : id_barang,
|
|
id_search : id_search
|
|
},
|
|
success: function(response) {
|
|
JUMLAH = response.data.length;
|
|
var baris = '';
|
|
|
|
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>';
|
|
if (verse==11) {
|
|
$('#isiTabelJejakKuantiti').html(baris);
|
|
} else if (verse==13) {
|
|
$('#isiTabelDaftarSn').html(baris);
|
|
}
|
|
} else {
|
|
if (id_search==null) {
|
|
if (verse==11) {
|
|
var isiMaster = document.getElementById('dataSearch1');
|
|
isiMaster.innerHTML = isiMaster.innerHTML + '<option value="" selected>Pilih Kode Bukti/Reset Tampilan</option>';
|
|
} else if (verse==13) {
|
|
var isiMaster = document.getElementById('dataSearch3');
|
|
isiMaster.innerHTML = isiMaster.innerHTML + '<option value="" selected>Pilih Status/Reset Tampilan</option>';
|
|
}
|
|
}
|
|
|
|
for (var i = 1; i <= JUMLAH; i++) {
|
|
if (verse==11) {
|
|
var id = response.data[i - 1]['ID_HQ'];
|
|
var kobu = response.data[i - 1]['KODE_BUKTI'];
|
|
var tanggal = response.data[i - 1]['TANGGAL'];
|
|
var masuk = response.data[i - 1]['MASUK_HQ'];
|
|
var keluar = response.data[i - 1]['KELUAR_HQ'];
|
|
var sisa = response.data[i - 1]['SISA_HQ'];
|
|
var avg = response.data[i - 1]['AVG'];
|
|
var persediaan = response.data[i - 1]['PERSEDIAAN'];
|
|
var inisial = response.data[i - 1]['INISIAL'];
|
|
var sup = response.data[i - 1]['SUP'];
|
|
|
|
var cekKobu1 = kobu.includes("PB");
|
|
var cekKobu2 = kobu.includes("PJ");
|
|
if (cekKobu1==true || cekKobu2==true) {
|
|
kobu = kobu+' [' + inisial + ']';
|
|
if (cekKobu1==true) {
|
|
|
|
}
|
|
}
|
|
|
|
if (response.data[i - 1]['SJ_HQ']==null) {
|
|
if (cekKobu2==true) {
|
|
sj = "Tanpa SJ <b style='color:Red'>(Keluar/Masuk)</b>";
|
|
} else {
|
|
sj = "Tanpa SJ";
|
|
}
|
|
} else {
|
|
sj = response.data[i - 1]['SJ_HQ'];
|
|
}
|
|
|
|
if (response.data[i - 1]['INV_HQ']==null) {
|
|
nota = "Tanpa Nota";
|
|
} else {
|
|
nota = response.data[i - 1]['INV_HQ'];
|
|
if (cekKobu1==true || cekKobu2==true) {
|
|
invAwal = response.data[i - 1]['INV_HQ'];
|
|
nota = invAwal+'<br><b style="color:DarkOrange">[' + sup + ']</b>';
|
|
} else {
|
|
nota = response.data[i - 1]['INV_HQ'];
|
|
}
|
|
}
|
|
|
|
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:Black">' + kobu + '</b><br>(' + tanggal + ')</td>';
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:DarkOrchid">' + sj + '</b><br><b style="color:DarkCyan">' + nota + '</b></td>';
|
|
baris += '<td class="text-center" style="vertical-align: middle;"><b style="color:DarkGreen">' + masuk + '</b></td>';
|
|
baris += '<td class="text-center" style="vertical-align: middle;"><b style="color:DarkRed">' + keluar + '</b></td>';
|
|
baris += '<td class="text-center" style="vertical-align: middle;"><b style="color:DarkBlue">' + sisa + '</b></td>';
|
|
if (hak>=2) {
|
|
baris += '<td class="text-right" style="vertical-align: middle;"><b style="color:Chocolate">' + avg + '</b></td>';
|
|
}
|
|
if (hak==3) {
|
|
baris += '<td class="text-right" style="vertical-align: middle;"><b style="color:Red">' + persediaan + '</b></td>';
|
|
}
|
|
baris += '</tr>';
|
|
} else if (verse==13) {
|
|
var id = response.data[i - 1]['ID_SSN'];
|
|
var status = response.data[i - 1]['NAMA_SSN'];
|
|
var total = response.data[i - 1]['TOTSN'];
|
|
var snpcm = response.data[i - 1]['SNPCM'];
|
|
var snitp = response.data[i - 1]['SNITP'];
|
|
var snsvc = response.data[i - 1]['SNSVC'];
|
|
|
|
baris += '<tr>';
|
|
baris += '<td class="text-center" style="vertical-align: middle;">' + i + '</td>';
|
|
if (status=="TERJUAL") {
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Red">' + status + '</b></td>';
|
|
baris += '<td class="text-center" style="vertical-align: middle;"><b style="color:Red">[' + total + ']</b></td>';
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Red">' + snpcm + '</b></td>';
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Red">' + snitp + '</b></td>';
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Red">' + snsvc + '</b></td>';
|
|
} else {
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Teal">' + status + '</b></td>';
|
|
baris += '<td class="text-center" style="vertical-align: middle;"><b style="color:DarkOrchid">' + total + '</b></td>';
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:DarkGreen">' + snpcm + '</b></td>';
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:DarkBlue">' + snitp + '</b></td>';
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:DarkOrange">' + snsvc + '</b></td>';
|
|
}
|
|
baris += '</tr>';
|
|
}
|
|
|
|
if (id_search==null) {
|
|
if (verse==11) {
|
|
isiMaster.innerHTML = isiMaster.innerHTML + '<option value="' + id + '">' + tanggal + ' | ' + kobu + '</option>';
|
|
} else if (verse==13) {
|
|
isiMaster.innerHTML = isiMaster.innerHTML + '<option value="' + id + '">' + status + '</option>';
|
|
}
|
|
}
|
|
}
|
|
if (verse==11) {
|
|
$('#isiTabelJejakKuantiti').html(baris);
|
|
} else if (verse==13) {
|
|
$('#isiTabelDaftarSn').html(baris);
|
|
}
|
|
if (id_search==null) {
|
|
if (verse==11) {
|
|
$('#dataSearch1').val(null).trigger('change');
|
|
} else if (verse==13) {
|
|
$('#dataSearch3').val(null).trigger('change');
|
|
}
|
|
}
|
|
}
|
|
if (verse==11) {
|
|
$('#kodeBarang1').html(response.kodeBar);
|
|
$('#totQty1').html(response.qtyLast);
|
|
$('#avgLast1').html(response.avgLast);
|
|
} else if (verse==12) {
|
|
$('#kodeBarang2').html(response.data[0]['KODE_BARANG']);
|
|
$('#qtyGlobal12').html(response.data[0]['GLOBAL_KUANTITI']+" EA <i>(GLOBAL)</i>");
|
|
$('#qtyPcm12').html(response.data[0]['PCM_KUANTITI']);
|
|
$('#qtyItp12').html(response.data[0]['ITP_KUANTITI']);
|
|
$('#qtyProses12').html(response.data[0]['PROSES_KUANTITI']);
|
|
$('#qtyAntik12').html(response.data[0]['ANTIK_KUANTITI']);
|
|
$('#qtyMutasi12').html(response.data[0]['MUTASI_KUANTITI']);
|
|
$('#qtyPending12').html(response.data[0]['PENDING_KUANTITI']);
|
|
$('#qtyKonsinyasi12').html(response.data[0]['KONSINYASI_KUANTITI']);
|
|
$('#qtyPeminjaman12').html(response.data[0]['PEMINJAMAN_KUANTITI']);
|
|
$('#qtyProyek12').html(response.data[0]['PROYEK_KUANTITI']);
|
|
$('#qtyService12').html(response.data[0]['SERVICE_KUANTITI']);
|
|
$('#qtySewa12').html(response.data[0]['SEWA_KUANTITI']);
|
|
$('#qtyTercabut12').html(response.data[0]['TERCABUT_KUANTITI']);
|
|
} else if (verse==13) {
|
|
$('#kodeBarang3').html(response.kodeBar);
|
|
$('#totQty3').html(response.qtyLast);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
function bukaData(id2) {
|
|
var id1 = document.getElementById('barang_id2').value;
|
|
window.open('http://200.1.1.6/apps/index.php/Menu/SB_Sub2_Informasi_2/'+id1+'/'+id2, '_blank');
|
|
}
|
|
|
|
function bukaKanan(barang, gudang) {
|
|
window.open('http://200.1.1.6/apps/index.php/Menu/IN_StokBarang_StokGudang_2/'+barang+'/'+gudang, '_blank');
|
|
}
|
|
|
|
function cariDataBarang() {
|
|
var search = document.getElementById("cariKode").value;
|
|
var filter1 = document.getElementById("filter1").value;
|
|
var filter2 = document.getElementById("filter2").value;
|
|
var filter3 = document.getElementById("filter3").value;
|
|
var filter4 = document.getElementById("filter4").value;
|
|
var filter5 = document.getElementById("filter5").value;
|
|
var filter6 = document.getElementById("filter6").value;
|
|
|
|
tampilkanDataBarang(search, filter1, filter2, filter3, filter4, filter5, filter6);
|
|
}
|
|
|
|
function tampilkanDataBarang(search, filter1, filter2, filter3, filter4, filter5, filter6) {
|
|
$.ajax({
|
|
type: 'POST',
|
|
data: {
|
|
search : search,
|
|
filter1 : filter1,
|
|
filter2 : filter2,
|
|
filter3 : filter3,
|
|
filter4 : filter4,
|
|
filter5 : filter5,
|
|
filter6 : filter6,
|
|
},
|
|
url: '<?= base_url('') ?>index.php/Menu/GE_AmbilData_LihatStok',
|
|
dataType: 'json',
|
|
success: function(response) {
|
|
JUMLAH = response.data.length;
|
|
var baris = '';
|
|
|
|
if (JUMLAH==0) {
|
|
baris += '<tr>';
|
|
if (search=="") {
|
|
baris += '<td class="text-center" colspan="9"><h5><i><b style="color:Tomato">Data belum dipilih...</b></i></h5></td>';
|
|
} else {
|
|
baris += '<td class="text-center" colspan="9"><h5><i><b style="color:DarkOrchid">Tidak ada Data yang sesuai...</b></i></h5></td>';
|
|
}
|
|
baris += '</tr>';
|
|
} else {
|
|
for (var i = 1; i <= JUMLAH; i++) {
|
|
var id = response.data[i - 1]['ID_KUANTITI'];
|
|
var jen = response.data[i - 1]['NAMA_JENIS'];
|
|
var kode = response.data[i - 1]['KODE_BARANG'];
|
|
var nama = response.data[i - 1]['NAMA_BARANG'];
|
|
var pcm = response.data[i - 1]['PCM_KUANTITI'];
|
|
var itp = response.data[i - 1]['ITP_KUANTITI'];
|
|
var service = response.data[i - 1]['SERVICE_KUANTITI'];
|
|
var global = response.data[i - 1]['GLOBAL_KUANTITI'];
|
|
var type = response.data[i - 1]['TYPE_JENIS'];
|
|
|
|
baris += '<tr>';
|
|
baris += '<td class="center" style="vertical-align: middle;" >'+i+'</td>';
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Olive">' + jen + '</b></td>';
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Black">' + kode + '</b><br>(' + nama + ')</td>';
|
|
baris += '<td class="center" style="vertical-align: middle;"><a onclick="bukaKanan('+id+', 1)"><b style="color:Green">' + pcm + '<br><i class="fa fa-external-link"></i></b></a></td>';
|
|
baris += '<td class="center" style="vertical-align: middle;"><a onclick="bukaKanan('+id+', 2)"><b style="color:Chocolate">' + itp + '<br><i class="fa fa-external-link"></i></b></a></td>';
|
|
baris += '<td class="center" style="vertical-align: middle;"><a onclick="bukaKanan('+id+', 3)"><b style="color:Tomato">' + service + '<br><i class="fa fa-external-link"></i></b></a></td>';
|
|
baris += '<td class="center" style="vertical-align: middle;"><b style="color:Tomato">' + global + '</b></td>';
|
|
if (type==1) {
|
|
baris += '<td class="center" style="vertical-align: middle;"><div class="btn-group-vertical"><button type="button" class="btn btn-xs btn-dark" onclick="lihatData(11, '+id+')" data-toggle="modal" data-target="#modalLihatJejakKuantiti"><b>Jejak Kuantiti</b> <i class="fa fa-reorder"></i></button><button type="button" class="btn btn-xs btn-success" onclick="lihatData(12, '+id+')" data-toggle="modal" data-target="#modalLihatKondisiStok"><b>Kondisi Stok</b> <i class="fa fa-reorder"></i></button><button type="button" class="btn btn-xs btn-primary" onclick="lihatData(13, '+id+')" data-toggle="modal" data-target="#modalLihatDaftarSn"><b>Daftar SN</b> <i class="fa fa-reorder"></i></button></div></td>';
|
|
} else {
|
|
baris += '<td class="center" style="vertical-align: middle;"><div class="btn-group-vertical"><button type="button" class="btn btn-xs btn-dark" onclick="lihatData(11, '+id+')" data-toggle="modal" data-target="#modalLihatJejakKuantiti"><b>Jejak Kuantiti</b> <i class="fa fa-reorder"></i></button><button type="button" class="btn btn-xs btn-success" onclick="lihatData(12, '+id+')" data-toggle="modal" data-target="#modalLihatKondisiStok"><b>Kondisi Stok</b> <i class="fa fa-reorder"></i></button></div></td>';
|
|
}
|
|
baris += '</tr>';
|
|
}
|
|
}
|
|
$('#isiTabelPencarian').html(baris);
|
|
$('#isiTs').html(response.ts);
|
|
$('#isiJumlah').html(response.find);
|
|
}
|
|
});
|
|
}
|
|
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|