Files
shopee-apps/application/views/proses/PJ_Sub1_ProsesBarang_2.php
T
2026-06-13 16:02:07 +10:00

1968 lines
75 KiB
PHP

<!doctype html>
<html class="fixed sidebar-left-collapsed">
<head>
<!-- Basic -->
<meta charset="UTF-8">
<title>PENJUALAN</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-right-style: solid;
border-bottom-style: solid;
border-width: 3px;
border-color: gold;
}
.solidreverse {
border-top-style: solid;
border-left-style: solid;
border-bottom-style: solid;
border-width: 3px;
border-color: darkorange;
}
.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">
<?php
$id_karyawan = $this->session->userdata('id_karyawan');
$nama_panggilan = $this->session->userdata('nama_panggilan');
$username = $this->session->userdata('username');
$jabatan = $this->session->userdata('jabatan');
$timestamp = date('d/m/Y H:i:s');
if ($status_so!=0) {
$hak = 0;
}
?>
<header class="page-header">
<?php $len = strlen($nama_pelanggan); if ($len>50) { $nama_pelanggan = substr($nama_pelanggan, 0, 50); $nama_pelanggan = "$nama_pelanggan...";} ?>
<h2><b>(Step 2) | Data Barang | <b style="color:LightGreen"><?=$nama_pelanggan?></b> | Sales : <b style="color:Coral"><?=$nama_sales?></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-quartenary">
<header class="panel-heading">
<div class="panel-actions">
<a href="<?php echo base_url('') ?>index.php/Menu/PJ_Sub1_ProsesBarang_1" class="text-dark"><b>Kembali </b><i class="fa fa-backward"></i></a>
</div>
<h2 class="panel-title"><?php if ($kunciTombol==1) { ?><b style="color:Red">[*Mode Kunci, hubungi Keuangan*]</b><br><?php } ?><b style="color:DarkOrchid">DETAIL BARANG <b style="color:Olive">[<?=$kode_so?> | <b style="color:Teal"><?=$gudangSo?></b> | <b style="color:Tomato"><?=$kopSo?></b>]</b></b><br><u hidden="hidden" id="ket_so_aview" style="color:Coral"></u></h2>
</header>
<div class="panel-body">
<?php if ($hak>1 AND $kunciTombol==0) { ?>
<element hidden="hidden" id="kunciButton"><button type="button" class="btn btn-primary pull-left" data-toggle="modal" data-target="#modalKunci"><b>Kunci Data</b> <i class="fa fa-lock"></i></button></element>
<button type="button" class="btn btn-default pull-right" style="color:DarkOrange" data-toggle="modal" data-target="#modalGantiMode"><b>Ganti Mode</b> <i class="fa fa-random"></i></button><br><br>
<?php } ?>
<div class="panel-group" id="accordion">
<div class="panel panel-accordion">
<header class="panel-heading">
<h2 class="panel-title">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
<b class="f18" style="color:Green"><b style="color:Black">[1]</b> BARANG SO | <u style="color:DarkRed" id="totDo">0</u> DATA</b>
</a>
</h2>
</header>
<div id="collapseOne" class="accordion-body collapse in">
<div class="panel-body">
<div class="form-group">
<table class="table table-bordered table-striped mb-none">
<thead>
<th class="center default">No</th>
<th width="200px" class="default">Jenis</th>
<th class="default">Barang</th>
<th class="center default">Kuantiti</th>
<?php if ($hak>1) { ?>
<th class="center default">Pilih SN</th>
<?php } ?>
</thead>
<tbody id="isiTabelDo"></tbody>
</table>
</div>
</div>
</div>
</div>
<div class="panel panel-accordion">
<header class="panel-heading">
<h2 class="panel-title">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
<b class="f18" style="color:Green"><b style="color:Black">[2]</b> KELUAR MASUK | <u style="color:DarkRed" id="totIo">0</u> DATA</b>
</a>
</h2>
</header>
<div id="collapseTwo" class="accordion-body collapse in">
<div class="panel-body">
<div class="row">
<?php if ($hak>1) { ?>
<div class="col-md-3 form-group solid">
<br>
<input type="hidden" id="id_barangnew" class="form-control">
<div class="col-md-12">
<select data-plugin-selectTwo id="jenis_ionew" onchange="bukaHpp(value)" class="form-control populate">
<option value="" selected>Pilih Jenis Transaksi</option>
<option value="0">KELUAR</option>
<option value="1">MASUK</option>
</select>
<small class="help-block"></small>
</div>
<div class="col-md-12">
<div class="input-group">
<input autocomplete="off" style="background:lightgrey;" type="text" id="kode_barangnew" class="form-control" placeholder="Klik pada Icon" required>
<span class="input-group-addon" data-toggle="modal" data-target="#modalAmbilBarang" onclick="isiMasterBarang(1)"><i class="fa fa-cube"></i></span>
</div>
<small class="help-block"></small>
</div>
<div class="col-md-12">
<input autocomplete="off" type="number" id="qty_ionew" class="form-control" placeholder="Kuantiti" onchange="cekNilai()" required>
<small class="help-block"></small>
</div>
<div class="col-md-12" hidden="hidden" id="hppButton">
<select data-plugin-selectTwo id="id_hparnew" class="form-control populate">
<option value="" selected>Pilih [Sparepart] = Nilai HPP</option>
<?php if (is_array($potong_part) || is_object($potong_part)) {
$nama_part = NULL;
foreach ($potong_part as $key) {
if ($key['NAMA_PART']!=$nama_part) {
$nama_part = $key['NAMA_PART'];
$hpp = ($key['HPP_HPAR']/2);
$hpp = number_format($hpp,2); ?>
<option value="<?= $key['ID_HPAR'] ?>" ><?= $key['NAMA_PART'] ?> [<?= $hpp ?>]</option>
<?php } } ?>
<?php } ?>
</select>
<small class="help-block"></small>
</div>
<div class="col-md-12">
<textarea autocomplete="off" cols="3" rows="4" id="ket_ionew" data-plugin-maxlength maxlength="128" class="form-control" placeholder="Keterangan Transaksi (Maks 128)"></textarea>
<small class="help-block"></small>
</div>
<?php if ($hak>1) { ?>
<div class="col-md-12">
<button type="button" class="btn btn-success" onclick="simpanData()"><b>Simpan Data</b> <i class="fa fa-plus-circle"></i></button>
<small class="help-block"></small>
</div>
<?php } ?>
</div>
<?php } ?>
<div class="col-md-<?php if ($hak<=1) { ?>12<?php } else { ?>9<?php } ?> form-group">
<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">Keterangan</th>
<?php if ($hak>1) { ?>
<th class="center default">Pilih SN</th>
<th class="center default">PILIHAN</th>
<?php } ?>
</thead>
<tbody id="isiTabelIo"></tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end: page -->
</section>
</div>
</section>
<div id="modalAmbilBarang" class="modal fade ui-front" tabindex="-1" role="dialog" data-keyboard="false">
<div class="modal-dialog modal-lg" style="width:60%">
<header class="panel-heading">
<h2 class="panel-title"><b>Isi Data | <b style="color:Red">[Barang]</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="barangVerse" class="form-control">
<input autocomplete="off" type="text" id="barangSearch" oninput="cariDataBarang()" class="form-control populate" placeholder="Cari Barang..."></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">Nama</th>
<th class="default">Jenis</th>
<th class="default">Merk</th>
</thead>
<tbody id="isiTabelBarang"></tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="modalIsiSnJual" class="modal fade ui-front" tabindex="-1" role="dialog" data-keyboard="false" data-backdrop="static">
<div class="modal-dialog modal-lg" style="width:85%">
<header class="panel-heading">
<h2 class="panel-title"><b>Isi Data | <b id="totPilSnj" style="color:Chocolate">0</b> SN | KOP <b id="kopSnj" style="color:Olive"></b></b><br><a style="color:DarkOrchid" data-dismiss="modal" onclick="resetIntervalAll()"><u style="color:DarkOrchid">Klik untuk Keluar dari Menu <i class="fa fa-times"></i></u></a></h2>
</header>
<div class="panel-body">
<div class="modal-wrapper">
<div class="modal-text">
<div class="row form-bordered">
<div class="form-group">
<input type="hidden" name="id_doin" id="id_doin" class="form-control" value="">
<div class="col-md-6"></div>
<div class="col-md-6">
<input autocomplete="off" class="form-control" name="nama_snj" id="nama_snj" style="text-transform:uppercase" data-plugin-maxlength maxlength="50" type="text" enterkeyhint="done"/ placeholder="Barcode | Serial Number..">
</div>
</div>
<h5><label class="col-md-4 control-label center" style="color:Blue"><b>SN Ready (<b id="totSnStockSo">0</b>)</b></label></h5>
<h5><label class="col-md-8 control-label center" style="color:Red"><b>SN Terpilih (<b id="totSnj">0</b>)</b></label></h5>
<div class="column3">
<table class="table table-bordered table-striped mb-none">
<thead>
<th class="center default">No</th>
<th class="default">Serial Number</th>
</thead>
<tbody id="isiTabelSnStockSo"></tbody>
</table>
</div>
<div class="column3">
<table class="table table-bordered table-striped mb-none">
<thead>
<th class="center default">No</th>
<th class="default">Serial Number</th>
</thead>
<tbody id="isiTabelSnj1"></tbody>
</table>
</div>
<div class="column3">
<table class="table table-bordered table-striped mb-none">
<thead>
<th class="center default">No</th>
<th class="default">Serial Number</th>
</thead>
<tbody id="isiTabelSnj2"></tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<footer class="panel-footer">
<div class="row">
<div class="col-md-12 text-right"></div>
</div>
</footer>
</div>
</div>
<div id="modalIsiSnIo0" class="modal fade ui-front" tabindex="-1" role="dialog" data-keyboard="false" data-backdrop="static">
<div class="modal-dialog modal-lg" style="width:85%">
<header class="panel-heading">
<h2 class="panel-title"><b>Isi Data | <b id="totPilSnio0" style="color:Chocolate">0</b> SN Maximum</b><br><a style="color:DarkOrchid" data-dismiss="modal" onclick="resetIntervalAll()"><u style="color:DarkOrchid">Klik untuk Keluar dari Menu <i class="fa fa-times"></i></u></a></h2>
</header>
<div class="panel-body">
<div class="modal-wrapper">
<div class="modal-text">
<div class="row form-bordered">
<div class="form-group">
<input type="hidden" name="id_io0in" id="id_io0in" class="form-control" value="">
<div class="col-md-6"></div>
<div class="col-md-6">
<input autocomplete="off" class="form-control" name="nama_snio0" id="nama_snio0" style="text-transform:uppercase" data-plugin-maxlength maxlength="50" type="text" enterkeyhint="done"/ placeholder="Barcode | Serial Number..">
</div>
</div>
<h5><label class="col-md-6 control-label center" style="color:Blue"><b>SN Ready (<b id="totSnStockIo">0</b>)</b></label></h5>
<h5><label class="col-md-6 control-label center" style="color:Red"><b>SN Terpilih (<b id="totSnio0">0</b>)</b></label></h5>
<div class="column2">
<table class="table table-bordered table-striped mb-none">
<thead>
<th class="center default">No</th>
<th class="default">Serial Number</th>
</thead>
<tbody id="isiTabelSnStockIo"></tbody>
</table>
</div>
<div class="column2">
<table class="table table-bordered table-striped mb-none">
<thead>
<th class="center default">No</th>
<th class="default">Serial Number</th>
</thead>
<tbody id="isiTabelSnio0"></tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<footer class="panel-footer">
<div class="row">
<div class="col-md-12 text-right"></div>
</div>
</footer>
</div>
</div>
<div id="modalIsiSnIo1" class="modal fade ui-front" tabindex="-1" role="dialog" data-keyboard="false" data-backdrop="static">
<div class="modal-dialog modal-lg" style="width:85%">
<header class="panel-heading">
<h2 class="panel-title"><b>Isi Data | <b id="totPilSnio1" style="color:Chocolate">0</b> SN Maximum</b><br><a style="color:DarkOrchid" data-dismiss="modal" onclick="resetIntervalAll()"><u style="color:DarkOrchid">Klik untuk Keluar dari Menu <i class="fa fa-times"></i></u></a></h2>
</header>
<div class="panel-body">
<div class="modal-wrapper">
<div class="modal-text">
<div class="row form-bordered">
<div class="form-group">
<input type="hidden" name="id_io1in" id="id_io1in" class="form-control" value="">
<div class="col-md-6"></div>
<div class="col-md-6">
<input autocomplete="off" class="form-control" name="nama_snio1" id="nama_snio1" style="text-transform:uppercase" data-plugin-maxlength maxlength="50" type="text" enterkeyhint="done"/ placeholder="Barcode | Serial Number..">
</div>
</div>
<h5><label class="col-md-12 control-label center" style="color:Blue"><b>SN Terisi (<b id="totSnio1">0</b>)</b></label></h5>
<div class="column3">
<table class="table table-bordered table-striped mb-none">
<thead>
<th class="center default">No</th>
<th class="default">Serial Number</th>
</thead>
<tbody id="isiTabelSnio11"></tbody>
</table>
</div>
<div class="column3">
<table class="table table-bordered table-striped mb-none">
<thead>
<th class="center default">No</th>
<th class="default">Serial Number</th>
</thead>
<tbody id="isiTabelSnio12"></tbody>
</table>
</div>
<div class="column3">
<table class="table table-bordered table-striped mb-none">
<thead>
<th class="center default">No</th>
<th class="default">Serial Number</th>
</thead>
<tbody id="isiTabelSnio13"></tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<footer class="panel-footer">
<div class="row">
<div class="col-md-12 text-right"></div>
</div>
</footer>
</div>
</div>
<div id="modalHapusIo" class="modal fade" tabindex="-1" role="dialog">
<div class="modal-dialog">
<header class="panel-heading">
<h2 class="panel-title"><b>Hapus Data</b></h2>
</header>
<div class="panel-body">
<div class="modal-wrapper">
<div class="modal-text">
<input type="hidden" id="id_iodel" class="form-control" value="">
<h4>Apakah ingin menghapus data <i style='color:FireBrick'>(Termasuk SN jika ada)</i>?</h4>
</div>
</div>
</div>
<footer class="panel-footer">
<div class="row">
<div class="col-md-12 text-right">
<button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
<button class="btn btn-danger" data-dismiss="modal" onclick="hapusIo()"><b>Hapus</b> <i class="fa fa-trash-o"></i></button>
</div>
</div>
</footer>
</div>
</div>
<div id="modalGantiMode" class="modal fade" tabindex="-1" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<header class="panel-heading">
<h2 class="panel-title"><b>Ganti Mode</b></h2>
</header>
<div class="panel-body">
<div class="modal-wrapper">
<div class="modal-text">
<h4>Mode yang sedang aktif adalah : <b style="color:DarkBlue">[Mode Umum]</b><br><br>Apakah yakin untuk masuk <b style="color:Green">[Mode Parsial]</b> ?</h4>
</div>
</div>
</div>
<footer class="panel-footer">
<div class="row">
<div class="col-md-12 text-right">
<button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
<button class="btn btn-default" style="color:DarkOrange" data-dismiss="modal" onclick="gantiModeParsial()"><b>Ganti</b> <i class="fa fa-random"></i></button>
</div>
</div>
</footer>
</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="kodeBarang" style="color:Coral"></b>] | <b id="qtyGlobal" style="color:Blue"></b></b></h2>
<div class="panel-actions">
<a class="text-dark" data-dismiss="modal"><strong>Tutup </strong><i class="fa fa-times"></i></a>
</div>
</header>
<div class="panel-body">
<input type="hidden" id="barang_id" 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">
<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>READY PCM</b></h4>
<div class="info">
<b class="amount" id="qtyPcm"></b>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3 col-xl-12">
<section class="panel">
<div class="panel-body">
<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>READY ITP</b></h4>
<div class="info">
<b class="amount" id="qtyItp"></b>
</div>
</div>
</div>
</div>
</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="qtyProses"></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="qtyAntik"></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="qtyMutasi"></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="qtyPending"></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="qtyKonsinyasi"></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="qtyPeminjaman"></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="qtyProyek"></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="qtyService"></b>
</div>
</div>
</div>
</div></a>
</div>
</section>
</div>
<div class="col-md-3 col-xl-12">
<section class="panel">
<div class="panel-body">
<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</b></h4>
<div class="info">
<b class="amount" id="qtySewa"></b>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</div>
</div>
<div id="modalKunci" class="modal fade" tabindex="-1" role="dialog">
<div class="modal-dialog">
<?= form_open('Menu/PJ_Kunci_Sub1_B2_DataSalesOrder', array('id' => 'formpenjualan'), array('method' => 'PJ_Kunci_Sub1_B2_DataSalesOrder')); ?>
<div class="modal-content">
<header class="panel-heading">
<h2 class="panel-title"><b>Kunci Data</b></h2>
</header>
<div class="modal-body">
<input type="hidden" name="id_solock" id="id_solock" value="<?=$id_so?>" class="form-control">
<div class="form-group">
<div class="col-md-2"><b class="text-danger">Transaksi</b></div>
<div class="col-md-10">
<select data-plugin-selectTwo name="transaksi_so" id="transaksi_so" class="form-control populate" required>
<option value="" selected>Pilih Transaksi</option>
<option value="1">Siap Kirim (Tunggu Penjadwalan)</option>
<option value="2">Diambil Langsung</option>
</select>
</div>
</div>
<div class="form-group">
<div class="col-md-2"><b class="text-danger">Karyawan</b></div>
<div class="col-md-10">
<select data-plugin-selectTwo multiple="multiple" name="id_karyawanlock[]" id="id_karyawanlock" class="form-control populate" placeholder="Pilih Karyawan (Beberapa)" required>
<?php if (is_array($qc) || is_object($qc)) {
foreach ($qc as $key) { ?>
<option value="<?= $key['ID_KARYAWAN'] ?>"><?= $key['NAMA_PANGGILAN_KARYAWAN'] ?></option>
<?php }
} ?>
</select>
<small class="help-block"></small>
</div>
</div>
</div>
<footer class="panel-footer">
<div class="row">
<div class="col-md-12 text-right">
<button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
<button type="submit" name="SubmitButton" id="SubmitButton" class="btn btn-primary"><b>Kunci</b> <i class="fa fa-lock"></i></button>
</div>
</div>
</footer>
</div>
<?= form_close(); ?>
</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>
$(function() {
var id_so = <?=$id_so?>;
var hak = <?=$hak?>;
var JUMLAHDO = '';
var JUMLAHIO = '';
var KETSOA = "";
var baris = "";
baris += '<tr>';
baris += '<td class="text-center" colspan="9"><h5><i><b style="color:Tomato">Membaca Data...</b></i></h5></td>';
baris += '</tr>';
$('#isiTabelDo').html(baris);
$('#isiTabelIo').html(baris);
tampilkanDataDaftarOrder(id_so);
tampilkanDataTransaksiStock(id_so);
otmAll();
if (hak>1) {
document.getElementById("hppButton").style.display = 'none';
document.getElementById("kunciButton").style.display = 'block';
}
} );
function otmAll() {
var id_so = <?=$id_so?>;
setInterval(function() {
$.ajax({
url: "<?= base_url() ?>index.php/Menu/PJ_Ambil_Sub1_B2_JumlahSalesOrder",
type: "POST",
dataType: "json",
data: 'id_so=' + <?= $id_so ?>,
success: function(response) {
if (response.total1 != JUMLAHDO || response.ket_so_a != KETSOA) {
tampilkanDataDaftarOrder(id_so);
}
if (response.total2 != JUMLAHIO) {
tampilkanDataTransaksiStock(id_so);
}
}
});
}, 2000);
}
function isiMasterBarang(id) {
PNotify.removeAll();
document.getElementById("barangSearch").value = null;
document.getElementById("barangSearch").innerHTML = "";
document.getElementById("barangVerse").value = id;
tampilkanDataMasterBarang(id, null);
}
function cariDataBarang() {
var search = document.getElementById("barangSearch").value;
var verse = document.getElementById("barangVerse").value;
tampilkanDataMasterBarang(verse, search);
}
function tampilkanDataMasterBarang(verse, textSearch) {
var gudang_so = <?=$gudang_so?>;
$.ajax({
type: 'POST',
data: {
search : textSearch,
mode : 1,
},
url: '<?= base_url('') ?>index.php/Menu/GE_AmbilData_MasterBarang',
dataType: 'json',
success: function(response) {
JUMLAH = response.data.length;
var baris = '';
for (var i = 1; i <= JUMLAH; i++) {
var id = response.data[i - 1]['ID_BARANG'];
var kode = response.data[i - 1]['KODE_BARANG'];
var nama = response.data[i - 1]['NAMA_BARANG'];
var jenis = response.data[i - 1]['NAMA_JENIS'];
var merk = response.data[i - 1]['NAMA_MERK'];
var pcm = response.data[i - 1]['PCM_KUANTITI'];
var itp = response.data[i - 1]['ITP_KUANTITI'];
var service = response.data[i - 1]['SERVICE_KUANTITI'];
if (gudang_so==1) {
real = pcm+" READY PCM";
} else if (gudang_so==2) {
real = itp+" READY ITP";
} else if (gudang_so==3) {
real = service+" READY SERVICE";
}
baris += '<tr>';
baris += '<td class="center" style="vertical-align: middle;" ><button onclick="pilihBarang(' + id + ',' + verse + ')"><i class="fa fa-circle text-primary"></i></button></td>';
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Black">' + kode + '</b><br>(' + real + ')</td>';
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Green">' + nama + '</b></td>';
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Chocolate">' + jenis + '</b></td>';
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Tomato">' + merk + '</b></td>';
baris += '</tr>';
}
$('#isiTabelBarang').html(baris);
}
});
}
function pilihBarang(id, verse) {
PNotify.removeAll();
if (verse==1) {
document.getElementById("id_barangnew").value = id;
}
$('#modalAmbilBarang').modal('hide');
$.ajax({
url: "<?= base_url() ?>index.php/Menu/GE_AmbilData_Barang",
type: "POST",
dataType: "json",
data: {
id_barang : id
},
success: function(response) {
if (verse==1) {
document.getElementById("kode_barangnew").value = response.kode_barang;
}
}
});
}
function bukaHpp(verse) {
if (verse==1) {
document.getElementById("hppButton").style.display = 'block';
} else {
document.getElementById("hppButton").style.display = 'none';
}
}
function cekNilai() {
var qty_io = document.getElementById("qty_ionew").value;
PNotify.removeAll();
if (qty_io<=0) {
notify("less_same_zero");
document.getElementById("qty_ionew").value = null;
}
}
function clearIntervalAll() {
for (var i = 1; i < 99999; i++) {
window.clearInterval(i);
}
}
function resetIntervalAll() {
for (var i = 1; i < 99999; i++) {
window.clearInterval(i);
}
var id_so = <?=$id_so?>;
tampilkanDataDaftarOrder(id_so);
tampilkanDataTransaksiStock(id_so);
otmAll();
document.getElementById("nama_snj").value = null;
document.getElementById("nama_snio0").value = null;
document.getElementById("nama_snio1").value = null;
}
function tampilkanDataDaftarOrder(id_so) {
var hak = <?=$hak?>;
$.ajax({
type: 'POST',
data: {
id_so : id_so,
},
url: '<?= base_url('') ?>index.php/Menu/PJ_Ambil_Sub1_B2_DataDaftarOrder',
dataType: 'json',
success: function(response) {
var baris = '';
JUMLAHDO = response.total;
KETSOA = response.ket_so_a;
if (KETSOA!=null) {
document.getElementById("ket_so_aview").style.display = 'block';
ketnew = "Revisi : "+KETSOA;
$('#ket_so_aview').html(ketnew);
} else {
document.getElementById("ket_so_aview").style.display = 'none';
}
if (JUMLAHDO==0) {
baris += '<tr>';
baris += '<td class="text-center" colspan="9"><h5><i><b style="color:Blue">Data Kosong.</b></i></h5></td>';
baris += '</tr>';
$('#isiTabelDo').html(baris);
} else {
for (var i = 1; i <= JUMLAHDO; i++) {
var id = response.data[i - 1]['ID_DO'];
var idrang = response.data[i - 1]['BARANG_ID'];
var korang = response.data[i - 1]['KODE_BARANG'];
var narang = response.data[i - 1]['NAMA_BARANG'];
var qty = response.data[i - 1]['QTY_DO'];
var tinis = response.data[i - 1]['TYPE_JENIS'];
var nanis = response.data[i - 1]['NAMA_JENIS'];
var count = response.data[i - 1]['COUNT'];
var sn = response.data[i - 1]['SN'];
var gudang = response.data[i - 1]['GUDANG_SO'];
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 proses = response.data[i - 1]['PROSES_KUANTITI'];
baris += '<tr>';
baris += '<input class="form-control input-sm" id="id_do' + i + '" type="hidden" value="' + id + '">';
if (tinis==2) {
baris += '<td class="center" style="vertical-align: middle;" >' + i + '</td>';
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Black">' + nanis + '</b><br>(NON-QTY)</td>';
} else {
if (hak>0) {
if (gudang==1) {
real = pcm+" READY PCM";
} else if (gudang==2) {
real = itp+" READY ITP";
} else if (gudang==3) {
real = service+" READY SERVICE";
}
} else {
real = "Siap Kirim";
}
baris += '<td class="center" style="vertical-align: middle;" >' + i + '<br><button type="button" class="btn btn-xs btn-info" onclick="lihatData(' + idrang + ')" data-toggle="modal" data-target="#modalLihatKondisiStok"> <i class="fa fa-search"></i></button></td>';
if (tinis==0) {
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Black">' + nanis + '</b><br>(' + real + ')</td>';
} else if (tinis==1) {
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Black">' + nanis + '</b><br>(' + real + ')<br>(' + proses + ' PROSES)</td>';
}
}
if (tinis==1) {
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:FireBrick">' + korang + '</b><br><i><u>(' + narang + ')</u></i><br><br><b style="color:SlateBlue">' + sn + '</b></td>';
baris += '<td class="center" style="vertical-align: middle;"><b>' + qty + '</b> | <b style="color:Blue">' + count + '</b></td>';
if (hak>1) {
baris += '<td class="actions center" style="vertical-align: middle;"><button type="button" onclick="isiSnJual(' + id + ')" class="btn btn-xs btn-success" data-toggle="modal" data-target="#modalIsiSnJual"><i class="fa fa-reorder"></i></button></td>';
}
} else {
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:FireBrick">' + korang + '</b><br><i>(' + narang + ')</i></td>';
baris += '<td class="center" style="vertical-align: middle;">' + qty + '</td>';
if (hak>1) {
baris += '<td class="actions center" style="vertical-align: middle;"><button type="button" class="btn btn-xs btn-default"><i class="fa fa-times"></i></button></td>';
}
}
baris += '</tr>';
}
$('#isiTabelDo').html(baris);
}
$("#totDo").html(JUMLAHDO);
}
});
}
function tampilkanDataTransaksiStock(id_so) {
var hak = <?=$hak?>;
$.ajax({
type: 'POST',
data: {
id_so : id_so,
},
url: '<?= base_url('') ?>index.php/Menu/PJ_Ambil_Sub1_B2_DataTransaksiStock',
dataType: 'json',
success: function(response) {
var baris = '';
JUMLAHIO = response.total;
if (JUMLAHIO==0) {
baris += '<tr>';
baris += '<td class="text-center" colspan="9"><h5><i><b style="color:Blue">Data Kosong.</b></i></h5></td>';
baris += '</tr>';
$('#isiTabelIo').html(baris);
} else {
for (var i = 1; i <= JUMLAHIO; i++) {
var id = response.data[i - 1]['ID_IO'];
var id_barang = response.data[i - 1]['BARANG_ID'];
var korang = response.data[i - 1]['KODE_BARANG'];
var narang = response.data[i - 1]['NAMA_BARANG'];
var ket = response.data[i - 1]['KET_IO'];
var qty = response.data[i - 1]['QTY_IO'];
var jenis = response.data[i - 1]['JENIS_IO'];
var tinis = response.data[i - 1]['TYPE_JENIS'];
var nanis = response.data[i - 1]['NAMA_JENIS'];
var count = response.data[i - 1]['COUNT'];
var sn = response.data[i - 1]['SN'];
var harga = response.data[i - 1]['HARGA'];
var gudang = response.data[i - 1]['GUDANG_SO'];
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 proses = response.data[i - 1]['PROSES_KUANTITI'];
if (jenis==0) {
jenisIo = "<b style='color:Red'><u>KELUAR</b></u>";
} else if (jenis==1) {
jenisIo = "<b style='color:Blue'><u>MASUK</b></u> <b style='color:Tomato'>@"+ harga +"</b>";
}
if (sn=="") {
sn = "[Belum diisi]";
}
baris += '<tr>';
baris += '<input class="form-control input-sm" id="id_io' + i + '" type="hidden" value="' + id + '">';
baris += '<td class="center" style="vertical-align: middle;" >' + i + '<br><button type="button" class="btn btn-xs btn-info" onclick="lihatData(' + id_barang + ')" data-toggle="modal" data-target="#modalLihatKondisiStok"> <i class="fa fa-search"></i></button></td>';
if (tinis==1) {
baris += '<td class="text-left" style="vertical-align: middle;">[' + jenisIo + ']<br><b style="color:SaddleBrown">' + korang + '</b><br><i><u>(' + narang + ')</u></i><br></td>';
baris += '<td class="center" style="vertical-align: middle;"><b>' + qty + '</b> | <b style="color:Blue">' + count + '</b></td>';
baris += '<td class="text-left" style="vertical-align: middle;" ><b style="color:SlateBlue">' + sn + '</b><br>' + ket + '</td>';
if (hak>1) {
if (jenis==0) {
baris += '<td class="actions center" style="vertical-align: middle;"><button type="button" onclick="isiSnIo(' + id + ', ' + jenis + ')" class="btn btn-xs btn-success" data-toggle="modal" data-target="#modalIsiSnIo0"><i class="fa fa-reorder"></i></button></td>';
} else if (jenis==1) {
baris += '<td class="actions center" style="vertical-align: middle;"><button type="button" onclick="isiSnIo(' + id + ', ' + jenis + ')" class="btn btn-xs btn-success" data-toggle="modal" data-target="#modalIsiSnIo1"><i class="fa fa-reorder"></i></button></td>';
}
}
} else {
baris += '<td class="text-left" style="vertical-align: middle;">[' + jenisIo + ']<br><b style="color:SaddleBrown">' + korang + '</b><br><i>(' + narang + ')</i></td>';
baris += '<td class="center" style="vertical-align: middle;">' + qty + '</td>';
baris += '<td class="text-left" style="vertical-align: middle;" >' + ket + '</td>';
if (hak>1) {
baris += '<td class="actions center" style="vertical-align: middle;"><button type="button" class="btn btn-xs btn-default"><i class="fa fa-times"></i></button></td>';
}
}
if (hak>1) {
baris += '<td class="action center" style="vertical-align: middle;"><button type="button" onclick="isiHapusIo(' + id + ')" class="btn btn-xs btn-danger" data-toggle="modal" data-target="#modalHapusIo"><i class="fa fa-trash-o"></i></button></td>';
}
baris += '</tr>';
}
$('#isiTabelIo').html(baris);
}
$("#totIo").html(JUMLAHIO);
}
});
}
function isiSnJual(id) {
clearIntervalAll();
$("#id_doin").val(id);
var JUMLAHSNJ = '';
tampilkanDataSnJual(id);
setInterval(function() {
$.ajax({
url: "<?= base_url() ?>index.php/Menu/PJ_Ambil_Sub1_B2_JumlahSnJual",
type: "POST",
dataType: "json",
data: 'id_do=' + id ,
success: function(response) {
if (response.total != JUMLAHSNJ) {
JUMLAHSNJ = response.total;
tampilkanDataSnJual(id);
}
}
});
}, 2000);
}
function isiSnIo(id, jenis) {
clearIntervalAll();
if (jenis==0) {
$("#id_io0in").val(id);
} else if (jenis==1) {
$("#id_io1in").val(id);
}
var JUMLAHSNIO = '';
tampilkanDataSnIo(id, jenis);
setInterval(function() {
$.ajax({
url: "<?= base_url() ?>index.php/Menu/PJ_Ambil_Sub1_B2_JumlahSnIo",
type: "POST",
dataType: "json",
data: 'id_do=' + id ,
success: function(response) {
if (response.total != JUMLAHSNIO) {
JUMLAHSNIO = response.total;
tampilkanDataSnIo(id, jenis);
}
}
});
}, 2000);
}
function tampilkanDataSnJual(id) {
var id_so = <?=$id_so?>;
var hak = <?=$hak?>;
$.ajax({
type: 'POST',
data: {
id_do : id,
id_so : id_so,
},
url: '<?= base_url('') ?>index.php/Menu/PJ_Ambil_Sub1_B2_DataSnJual',
dataType: 'json',
success: function(response) {
var baris1 = '';
var baris2 = '';
var baris3 = '';
var snStockReady = response.snStockReady;
$( "#nama_snj" ).autocomplete({
source: snStockReady
});
for (var i = 1; i <= response.totalSnStock; i++) {
var id_snstock = response.dataSnStock[i - 1]['ID_SNSTOCK'];
var nama_snstock = response.dataSnStock[i - 1]['NAMA_SNSTOCK'];
var kop = response.dataSnStock[i - 1]['KOP'];
baris1 += '<tr>';
baris1 += '<td class="center" style="vertical-align: middle;" >' + i + '</td>';
if (hak>1) {
baris1 += '<td class="text-left" style="vertical-align: middle;"><a onclick="simpanSnj(' + id_snstock + ',' + id + ',' + id_so + ')"><u><b style="color:Chocolate">' + nama_snstock + ' <i class="fa fa-arrow-right" style="color:Blue"></i></b></u></a> <b style="color:Tomato">['+kop+']</b></td>';
} else {
baris1 += '<td class="text-left" style="vertical-align: middle;"><b style="color:Chocolate">' + nama_snstock + '</b> <b style="color:Tomato">['+kop+']</b></td>';
}
baris1 += '</tr>';
}
$('#isiTabelSnStockSo').html(baris1);
$("#totSnStockSo").html(response.totalSnStock);
base = parseInt(response.qty);
mod = base % 2;
if (mod==0) {
limit = base/2;
} else {
base = base+1;
limit = base/2;
}
for (var i = 1; i <= limit; i++) {
if (i <= response.dataSnj.length) {
var id_snj = response.dataSnj[i - 1]['ID_SNJ'];
var nama_snj = response.dataSnj[i - 1]['NAMA_SNJ'];
var kop = response.dataSnj[i - 1]['KOP'];
baris2 += '<tr>';
baris2 += '<td class="center" style="vertical-align: middle;" >' + i + '</td>';
if (hak>1) {
baris2 += '<td class="text-left" style="vertical-align: middle;"><a onclick="hapusSnj(' + id_snj + ',' + id + ',' + id_so + ')"><u><b style="color:Teal">' + nama_snj + ' <i class="fa fa-arrow-left" style="color:Red"></i></b></u></a> <b style="color:Tomato">['+kop+']</b></td>';
} else {
baris2 += '<td class="text-left" style="vertical-align: middle;"><b style="color:Teal">' + nama_snj + ' </b> <b style="color:Tomato">['+kop+']</b></td>';
}
baris2 += '</tr>';
} else {
baris2 += '<tr>';
baris2 += '<td class="center" style="vertical-align: middle;" >' + i + '</td>';
baris2 += '<td class="text-left" style="vertical-align: middle;"><b style="color:Teal">-</b></td>';
baris2 += '</tr>';
}
}
for (var i = i; i <= response.qty; i++) {
if (i <= response.dataSnj.length) {
var id_snj = response.dataSnj[i - 1]['ID_SNJ'];
var nama_snj = response.dataSnj[i - 1]['NAMA_SNJ'];
var kop = response.dataSnj[i - 1]['KOP'];
baris3 += '<tr>';
baris3 += '<td class="center" style="vertical-align: middle;" >' + i + '</td>';
if (hak>1) {
baris3 += '<td class="text-left" style="vertical-align: middle;"><a onclick="hapusSnj(' + id_snj + ',' + id + ',' + id_so + ')"><u><b style="color:Teal">' + nama_snj + ' <i class="fa fa-arrow-left" style="color:Red"></i></b></u></a> <b style="color:Tomato">['+kop+']</b></td>';
} else {
baris3 += '<td class="text-left" style="vertical-align: middle;"><b style="color:Teal">' + nama_snj + ' </b> <b style="color:Tomato">['+kop+']</b></td>';
}
baris3 += '</tr>';
} else {
baris3 += '<tr>';
baris3 += '<td class="center" style="vertical-align: middle;" >' + i + '</td>';
baris3 += '<td class="text-left" style="vertical-align: middle;"><b style="color:Teal">-</b></td>';
baris3 += '</tr>';
}
}
$('#isiTabelSnj1').html(baris2);
$('#isiTabelSnj2').html(baris3);
$("#totSnj").html(response.dataSnj.length);
$("#kopSnj").html("["+response.kop+"]");
$("#totPilSnj").html(response.qty);
if (response.totalSnj == response.qty || hak<2) {
document.getElementById("nama_snj").disabled = true;
document.getElementById("nama_snj").value = null;
} else {
document.getElementById("nama_snj").disabled = false;
}
}
});
}
function tampilkanDataSnIo(id, jenis) {
var id_so = <?=$id_so?>;
var hak = <?=$hak?>;
$.ajax({
type: 'POST',
data: {
id_io : id,
id_so : id_so,
},
url: '<?= base_url('') ?>index.php/Menu/PJ_Ambil_Sub1_B2_DataSnIo',
dataType: 'json',
success: function(response) {
var baris1 = '';
var baris2 = '';
var baris3 = '';
if (jenis==0) {
var snStockReady = response.snStockReady;
$( "#nama_snio0" ).autocomplete({
source: snStockReady
});
} else if (jenis==1) {
maxTarget = response.qty;
base = parseInt(maxTarget);
mod = base % 3;
if (base==1 || base==2) {
max_div1 = 1;
max_div2 = 2;
max_div3 = 3;
max_tab = base;
} else {
if (mod==0) {
parameter = base/3;
} else if (mod==1) {
beforePara = base+2;
parameter = beforePara/3;
} else if (mod==2) {
beforePara = base+1;
parameter = beforePara/3;
}
max_div1 = parameter;
max_div2 = 2*parameter;
max_div3 = 3*parameter;
max_tab = base;
}
}
if (jenis==0) {
for (var i = 1; i <= response.totalSnStock; i++) {
var id_snstock = response.dataSnStock[i - 1]['ID_SNSTOCK'];
var nama_snstock = response.dataSnStock[i - 1]['NAMA_SNSTOCK'];
baris1 += '<tr>';
baris1 += '<td class="center" style="vertical-align: middle;" >' + i + '</td>';
if (hak>1) {
baris1 += '<td class="text-left" style="vertical-align: middle;"><a onclick="simpanSnio(' + id_snstock + ',' + id + ',' + id_so + ')"><u><b style="color:Chocolate">' + nama_snstock + ' <i class="fa fa-arrow-right" style="color:Blue"></i></b><u></a></td>';
} else {
baris1 += '<td class="text-left" style="vertical-align: middle;"><b style="color:Chocolate">' + nama_snstock + '</b></td>';
}
baris1 += '</tr>';
}
$('#isiTabelSnStockIo').html(baris1);
$("#totSnStockIo").html(response.totalSnStock);
for (var i = 1; i <= response.qty; i++) {
if (i <= response.dataSnio.length) {
var id_snio = response.dataSnio[i - 1]['ID_SNIO'];
var nama_snio = response.dataSnio[i - 1]['NAMA_SNIO'];
baris2 += '<tr>';
baris2 += '<td class="center" style="vertical-align: middle;" >' + i + '</td>';
if (hak>1) {
baris2 += '<td class="text-left" style="vertical-align: middle;"><a onclick="hapusSnio(' + id_snio + ',' + id + ',' + id_so + ', 0)"><u><b style="color:Teal">' + nama_snio + ' <i class="fa fa-arrow-left" style="color:Red"></i></b><u></a></td>';
} else {
baris2 += '<td class="text-left" style="vertical-align: middle;"><b style="color:Teal">' + nama_snio + ' </b></td>';
}
baris2 += '</tr>';
} else {
baris2 += '<tr>';
baris2 += '<td class="center" style="vertical-align: middle;" >' + i + '</td>';
baris2 += '<td class="text-left" style="vertical-align: middle;"><b style="color:Teal">-</b></td>';
baris2 += '</tr>';
}
}
$('#isiTabelSnio0').html(baris2);
$("#totSnio0").html(response.dataSnio.length);
$("#totPilSnio0").html(response.qty);
} else if (jenis==1) {
for (var i = 1; i <= max_div1; i++) {
if (i <= response.totalSnio) {
var id_snio = response.dataSnio[i - 1]['ID_SNIO'];
var nama_snio = response.dataSnio[i - 1]['NAMA_SNIO'];
baris1 += '<tr>';
baris1 += '<td class="center" style="vertical-align: middle;" >' + i + '</td>';
if (hak>1) {
baris1 += '<td class="text-left" style="vertical-align: middle;"><a onclick="hapusSnio(' + id_snio + ',' + id + ',' + id_so + ', 1)"><u><b style="color:Blue">' + nama_snio + ' <i class="fa fa-times" style="color:Red"></i></b><u></a></td>';
} else {
baris1 += '<td class="text-left" style="vertical-align: middle;"><b style="color:Teal">' + nama_snio + ' </b></td>';
}
baris1 += '</tr>';
} else {
baris1 += '<tr>';
baris1 += '<td class="center" style="vertical-align: middle;" >' + i + '</td>';
baris1 += '<td class="text-left" style="vertical-align: middle;"><b style="color:Teal">-</b></td>';
baris1 += '</tr>';
}
}
$('#isiTabelSnio11').html(baris1);
max_div1++;
for (var i = max_div1; i <= max_div2; i++) {
if (i <= response.totalSnio) {
var id_snio = response.dataSnio[i - 1]['ID_SNIO'];
var nama_snio = response.dataSnio[i - 1]['NAMA_SNIO'];
baris2 += '<tr>';
baris2 += '<td class="center" style="vertical-align: middle;" >' + i + '</td>';
if (hak>1) {
baris2 += '<td class="text-left" style="vertical-align: middle;"><a onclick="hapusSnio(' + id_snio + ',' + id + ',' + id_so + ', 1)"><u><b style="color:Blue">' + nama_snio + ' <i class="fa fa-times" style="color:Red"></i></b><u></a></td>';
} else {
baris2 += '<td class="text-left" style="vertical-align: middle;"><b style="color:Teal">' + nama_snio + ' </b></td>';
}
baris2 += '</tr>';
} else if (i <= base) {
baris2 += '<tr>';
baris2 += '<td class="center" style="vertical-align: middle;" >' + i + '</td>';
baris2 += '<td class="text-left" style="vertical-align: middle;"><b style="color:Teal">-</b></td>';
baris2 += '</tr>';
} else {
baris2 += '<tr>';
baris2 += '<td class="center" style="vertical-align: middle;">&nbsp;</td>';
baris2 += '<td class="text-left" style="vertical-align: middle;">&nbsp;</td>';
baris2 += '</tr>';
}
}
$('#isiTabelSnio12').html(baris2);
max_div2++;
for (var i = max_div2; i <= max_div3; i++) {
if (i <= response.totalSnio) {
var id_snio = response.dataSnio[i - 1]['ID_SNIO'];
var nama_snio = response.dataSnio[i - 1]['NAMA_SNIO'];
baris3 += '<tr>';
baris3 += '<td class="center" style="vertical-align: middle;" >' + i + '</td>';
if (hak>1) {
baris3 += '<td class="text-left" style="vertical-align: middle;"><a onclick="hapusSnio(' + id_snio + ',' + id + ',' + id_so + ', 1)"><u><b style="color:Blue">' + nama_snio + ' <i class="fa fa-times" style="color:Red"></i></b><u></a></td>';
} else {
baris3 += '<td class="text-left" style="vertical-align: middle;"><b style="color:Teal">' + nama_snio + ' </b></td>';
}
baris3 += '</tr>';
} else if (i <= base) {
baris3 += '<tr>';
baris3 += '<td class="center" style="vertical-align: middle;" >' + i + '</td>';
baris3 += '<td class="text-left" style="vertical-align: middle;"><b style="color:Teal">-</b></td>';
baris3 += '</tr>';
} else {
baris3 += '<tr>';
baris3 += '<td class="center" style="vertical-align: middle;">&nbsp;</td>';
baris3 += '<td class="text-left" style="vertical-align: middle;">&nbsp;</td>';
baris3 += '</tr>';
}
}
$('#isiTabelSnio13').html(baris3);
$("#totSnio1").html(response.dataSnio.length);
$("#totPilSnio1").html(response.qty);
}
if (response.totalSnio == response.qty || hak<2) {
if (jenis==0) {
document.getElementById("nama_snio0").disabled = true;
document.getElementById("nama_snio0").value = null;
} else if (jenis==1) {
document.getElementById("nama_snio1").disabled = true;
document.getElementById("nama_snio1").value = null;
}
} else {
if (jenis==0) {
document.getElementById("nama_snio0").disabled = false;
} else if (jenis==1) {
document.getElementById("nama_snio1").disabled = false;
}
}
}
});
}
nama_snj.oninput = function() {
$('[name="nama_snj"]').closest('.form-group').removeClass('has-error').addClass('');
}
nama_snio0.oninput = function() {
$('[name="nama_snio0"]').closest('.form-group').removeClass('has-error').addClass('');
}
nama_snio1.oninput = function() {
$('[name="nama_snio1"]').closest('.form-group').removeClass('has-error').addClass('');
}
nama_snj.addEventListener("keyup", function(event) {
var nama = nama_snj.value;
var id_do = document.getElementById("id_doin").value;
var id_so = <?=$id_so?>;
if (event.keyCode === 13) {
if (nama == "") {
notify("datainput_null");
$('[name="nama_snj"]').closest('.form-group').addClass('has-error');
} else {
var is = '';
$.ajax({
type: "POST",
data: 'id_snj=' + is + '&nama_snj=' + nama + '&id_do=' + id_do + '&id_so=' + id_so,
url: '<?= base_url() ?>index.php/Menu/PJ_Simpan_Sub1_B2_DataSnjBarcode',
dataType: 'json',
success: function(response) {
PNotify.removeAll();
if (response.value==1) {
notify("success_add");
} else if (response.value==2 || response.value==3) {
notify("qty_achieved");
} else if (response.value==4) {
notify("sn_notpcm");
} else if (response.value==5) {
notify("sn_notitp");
} else if (response.value==6) {
notify("sn_notsrv");
} else if (response.value==7) {
notify("sn_barangwrong");
} else if (response.value==8) {
notify("sn_used");
} else if (response.value==9) {
notify("sn_nothing");
} else if (response.value==10) {
notify("qty_less0");
} else if (response.value==11) {
notify("latest");
delayReload(2000,"<?= base_url() ?>index.php/Menu/PJ_Sub1_ProsesBarang_2/"+id_so);
} else if (response.value==12) {
notify("not_valid");
delayReload(2000,"<?= base_url() ?>index.php/Menu/PJ_Sub1_ProsesBarang_1");
} else if (response.value==0) {
notify("failed");
}
$("#nama_snj").val("");
tampilkanDataSnJual(id_do);
}
});
}
}
});
nama_snio0.addEventListener("keyup", function(event) {
var nama = nama_snio0.value;
var id_io = document.getElementById("id_io0in").value;
var id_so = <?=$id_so?>;
if (event.keyCode === 13) {
if (nama == "") {
notify("datainput_null");
$('[name="nama_snio0"]').closest('.form-group').addClass('has-error');
} else {
var is = '';
$.ajax({
type: "POST",
data: 'id_snio=' + is + '&nama_snio=' + nama + '&id_io=' + id_io + '&id_so=' + id_so,
url: '<?= base_url() ?>index.php/Menu/PJ_Simpan_Sub1_B2_DataSnio0Barcode',
dataType: 'json',
success: function(response) {
PNotify.removeAll();
if (response.value==1) {
notify("success_add");
} else if (response.value==2 || response.value==3) {
notify("qty_achieved");
} else if (response.value==4) {
notify("sn_notpcm");
} else if (response.value==5) {
notify("sn_notitp");
} else if (response.value==6) {
notify("sn_notsrv");
} else if (response.value==7) {
notify("sn_barangwrong");
} else if (response.value==8) {
notify("sn_used");
} else if (response.value==9) {
notify("sn_nothing");
} else if (response.value==10) {
notify("latest");
delayReload(2000,"<?= base_url() ?>index.php/Menu/PJ_Sub1_ProsesBarang_2/"+id_so);
} else if (response.value==11) {
notify("not_valid");
delayReload(2000,"<?= base_url() ?>index.php/Menu/PJ_Sub1_ProsesBarang_1");
} else if (response.value==0) {
notify("failed");
}
$("#nama_snio0").val("");
tampilkanDataSnIo(id_io, 0);
}
});
}
}
});
nama_snio1.addEventListener("keyup", function(event) {
var nama = nama_snio1.value;
var id_io = document.getElementById("id_io1in").value;
var id_so = <?=$id_so?>;
if (event.keyCode === 13) {
if (nama == "") {
notify("datainput_null");
$('[name="nama_snio1"]').closest('.form-group').addClass('has-error');
} else {
var is = '';
$.ajax({
type: "POST",
data: 'id_snio=' + is + '&nama_snio=' + nama + '&id_io=' + id_io + '&id_so=' + id_so,
url: '<?= base_url() ?>index.php/Menu/PJ_Simpan_Sub1_B2_DataSnio1Barcode',
dataType: 'json',
success: function(response) {
PNotify.removeAll();
if (response.value==1) {
notify("success_add");
} else if (response.value==2 || response.value==3) {
notify("qty_achieved");
} else if (response.value==4) {
notify("sn_already");
} else if (response.value==5) {
notify("latest");
delayReload(2000,"<?= base_url() ?>index.php/Menu/PJ_Sub1_ProsesBarang_2/"+id_so);
} else if (response.value==6) {
notify("not_valid");
delayReload(2000,"<?= base_url() ?>index.php/Menu/PJ_Sub1_ProsesBarang_1");
} else if (response.value==0) {
notify("failed");
}
$("#nama_snio1").val("");
tampilkanDataSnIo(id_io, 1);
}
});
}
}
});
function simpanSnj(id_snstock, id_do, id_so) {
$.ajax({
type: 'POST',
data: {
id_snstock : id_snstock,
id_do : id_do,
id_so : id_so,
},
url: '<?= base_url('') ?>index.php/Menu/PJ_Simpan_Sub1_B2_DataSnJual',
dataType: 'json',
success: function(response) {
PNotify.removeAll();
if (response.value==1) {
notify("success_add");
} else if (response.value==2 || response.value==3) {
notify("qty_achieved");
} else if (response.value==4) {
notify("sn_notready");
} else if (response.value==5) {
notify("qty_less0");
} else if (response.value==6) {
notify("latest");
delayReload(2000,"<?= base_url() ?>index.php/Menu/PJ_Sub1_ProsesBarang_2/"+id_so);
} else if (response.value==7) {
notify("not_valid");
delayReload(2000,"<?= base_url() ?>index.php/Menu/PJ_Sub1_ProsesBarang_1");
} else if (response.value==0) {
notify("failed");
}
tampilkanDataSnJual(id_do);
}
});
}
function simpanSnio(id_snstock, id_io, id_so) {
$.ajax({
type: 'POST',
data: {
id_snstock : id_snstock,
id_io : id_io,
id_so : id_so,
},
url: '<?= base_url('') ?>index.php/Menu/PJ_Simpan_Sub1_B2_DataSnIo',
dataType: 'json',
success: function(response) {
PNotify.removeAll();
if (response.value==1) {
notify("success_add");
} else if (response.value==2 || response.value==3) {
notify("qty_achieved");
} else if (response.value==4) {
notify("sn_notready");
} else if (response.value==5) {
notify("latest");
delayReload(2000,"<?= base_url() ?>index.php/Menu/PJ_Sub1_ProsesBarang_2/"+id_so);
} else if (response.value==6) {
notify("not_valid");
delayReload(2000,"<?= base_url() ?>index.php/Menu/PJ_Sub1_ProsesBarang_1");
} else if (response.value==0) {
notify("failed");
}
tampilkanDataSnIo(id_io, 0);
}
});
}
function hapusSnj(id_snj, id_do, id_so) {
$.ajax({
type: 'POST',
data: {
id_snj : id_snj,
id_do : id_do,
id_so : id_so,
},
url: '<?= base_url('') ?>index.php/Menu/PJ_Hapus_Sub1_B2_DataSnJual',
dataType: 'json',
success: function(response) {
PNotify.removeAll();
if (response.value==1) {
notify("success_del");
} else if (response.value==2) {
notify("qty_notachieved");
} else if (response.value==3) {
notify("sn_notready");
} else if (response.value==4) {
notify("latest");
delayReload(2000,"<?= base_url() ?>index.php/Menu/PJ_Sub1_ProsesBarang_2/"+id_so);
} else if (response.value==5) {
notify("not_valid");
delayReload(2000,"<?= base_url() ?>index.php/Menu/PJ_Sub1_ProsesBarang_1");
} else if (response.value==0) {
notify("failed");
}
tampilkanDataSnJual(id_do);
}
});
}
function hapusSnio(id_snio, id_io, id_so, jenis_io) {
$.ajax({
type: 'POST',
data: {
id_snio : id_snio,
id_io : id_io,
id_so : id_so,
jenis_io : jenis_io,
},
url: '<?= base_url('') ?>index.php/Menu/PJ_Hapus_Sub1_B2_DataSnIo',
dataType: 'json',
success: function(response) {
PNotify.removeAll();
if (response.value==1) {
notify("success_del");
} else if (response.value==2) {
notify("qty_notachieved");
} else if (response.value==3) {
notify("sn_notready");
} else if (response.value==4) {
notify("latest");
delayReload(2000,"<?= base_url() ?>index.php/Menu/PJ_Sub1_ProsesBarang_2/"+id_so);
} else if (response.value==5) {
notify("not_valid");
delayReload(2000,"<?= base_url() ?>index.php/Menu/PJ_Sub1_ProsesBarang_1");
} else if (response.value==0) {
notify("failed");
}
tampilkanDataSnIo(id_io, jenis_io);
}
});
}
function simpanData() {
var id_so = <?=$id_so?>;
var id_barang = document.getElementById("id_barangnew").value;
var qty_io = document.getElementById("qty_ionew").value;
var ket_io = document.getElementById("ket_ionew").value;
var jenis_io = document.getElementById("jenis_ionew").value;
var id_hpar = document.getElementById("id_hparnew").value;
var status = 0;
PNotify.removeAll();
if (id_barang=="") {
notify("barangid_null");
status++;
}
if (qty_io=="" || qty_io<0) {
notify("less_same_zero");
status++;
}
if (jenis_io=="") {
notify("jenisid_null");
status++;
}
if (ket_io=="") {
notify("ket_null");
status++;
}
if (jenis_io==1 && id_hpar=="") {
notify("hpar_null");
status++;
}
if (ket_io.length>128) {
notify("char_overlimit");
status++;
}
if (qty_io>100000) {
notify("more_hundredthousand");
status++;
}
if (status == 0) {
$.ajax({
type: 'POST',
data: {
jenis_io : jenis_io,
id_barang : id_barang,
qty_io : qty_io,
ket_io : ket_io,
id_so : id_so,
id_hpar : id_hpar
},
url: '<?= base_url('') ?>index.php/Menu/PJ_Simpan_Sub1_B2_DataTransaksiStock',
dataType: 'json',
success: function(response) {
if (response.value == 4) {
notify("not_valid");
delayReload(1000,"<?= base_url() ?>index.php/Menu/PJ_Sub1_ProsesBarang_1");
} else if (response.value == 3) {
notify("qty_less0");
} else if (response.value == 2) {
notify("twin_item");
} else if (response.value == 1) {
notify("success_add");
} else if (response.value == 0) {
notify("failed");
}
document.getElementById("id_barangnew").value = null;
document.getElementById("kode_barangnew").value = null;
document.getElementById("jenis_ionew").value = null;
document.getElementById("id_hparnew").value = null;
document.getElementById("qty_ionew").value = null;
document.getElementById("ket_ionew").value = null;
$('#jenis_ionew').select2().select2('val', null);
$('#id_hparnew').select2().select2('val', null);
tampilkanDataTransaksiStock(id_so);
}
});
}
}
function isiHapusIo(id_io) {
document.getElementById("id_iodel").value = id_io;
}
function hapusIo() {
PNotify.removeAll();
var id_io = document.getElementById("id_iodel").value;
var id_so = <?=$id_so?>;
$.ajax({
type: "POST",
data: 'id_io=' + id_io + '&id_so=' + id_so,
url: '<?= base_url() ?>index.php/Menu/PJ_Hapus_Sub1_B2_DataTransaksiStock',
dataType: 'json',
success: function(response) {
if (response.value==1) {
notify("success_del");
tampilkanDataTransaksiStock(id_so);
} else if (response.value==2) {
notify("latest");
tampilkanDataTransaksiStock(id_so);
} else if (response.value==3) {
notify("not_valid");
delayReload(2000,"<?= base_url() ?>index.php/Menu/PJ_Sub1_ProsesBarang_1");
} else {
notify("failed");
}
}
});
}
function gantiModeParsial() {
var id_so = <?=$id_so?>;
$.ajax({
type: 'POST',
data: {
id_so : id_so,
},
url: '<?= base_url('') ?>index.php/Menu/PJ_Ganti_Sub1_B2_ModeParsial',
dataType: 'json',
success: function(response) {
if (response.value==1) {
notify("parsial_mode_in");
delayReload(1000,"<?= base_url() ?>index.php/Menu/PJ_Sub1_ProsesParsial_2/"+id_so);
} else if (response.value==2) {
notify("not_valid");
delayReload(1000,"<?= base_url() ?>index.php/Menu/PJ_Sub1_ProsesBarang_1");
} else {
notify("failed");
}
}
});
}
function bukaData(id2) {
var id1 = document.getElementById('barang_id').value;
window.open('http://200.1.1.6/apps/index.php/Menu/SB_Sub2_Informasi_2/'+id1+'/'+id2, '_blank');
}
function lihatData(isi) {
PNotify.removeAll();
document.getElementById("barang_id").value = isi;
$.ajax({
url: "<?= base_url() ?>index.php/Menu/SB_Ambil_Sub2_DataInformasi",
type: "POST",
dataType: "json",
data: {
versi : 12,
id_barang : isi,
},
success: function(response) {
$('#kodeBarang').html(response.data[0]['KODE_BARANG']);
$('#qtyGlobal').html(response.data[0]['GLOBAL_KUANTITI']+" EA <i>(GLOBAL)</i>");
$('#qtyPcm').html(response.data[0]['PCM_KUANTITI']);
$('#qtyItp').html(response.data[0]['ITP_KUANTITI']);
$('#qtyProses').html(response.data[0]['PROSES_KUANTITI']);
$('#qtyAntik').html(response.data[0]['ANTIK_KUANTITI']);
$('#qtyMutasi').html(response.data[0]['MUTASI_KUANTITI']);
$('#qtyPending').html(response.data[0]['PENDING_KUANTITI']);
$('#qtyKonsinyasi').html(response.data[0]['KONSINYASI_KUANTITI']);
$('#qtyPeminjaman').html(response.data[0]['PEMINJAMAN_KUANTITI']);
$('#qtyProyek').html(response.data[0]['PROYEK_KUANTITI']);
$('#qtyService').html(response.data[0]['SERVICE_KUANTITI']);
$('#qtySewa').html(response.data[0]['SEWA_KUANTITI']);
}
});
}
</script>
</body>
</html>