Files
2026-06-13 16:02:07 +10:00

542 lines
21 KiB
PHP

<!doctype html>
<html class="fixed sidebar-left-collapsed">
<head>
<!-- Basic -->
<meta charset="UTF-8">
<title>KPI</title>
<meta name="keywords" content="HTML5 Admin Template" />
<meta name="description" content="Porto Admin - Responsive HTML5 Template">
<meta name="author" content="okler.net">
<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<!-- Vendor CSS -->
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/bootstrap/css/bootstrap.css" />
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/font-awesome/css/font-awesome.css" />
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/magnific-popup/magnific-popup.css" />
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/bootstrap-datepicker/css/datepicker3.css" />
<!-- Specific Page Vendor CSS -->
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/select2/select2.css" />
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/jquery-datatables-bs3/assets/css/datatables.css" />
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/pnotify/pnotify.custom.css" />
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/bootstrap-multiselect/bootstrap-multiselect.css" />
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/base/jquery-ui.css" />
<!-- Theme CSS -->
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/stylesheets/theme.css" />
<!-- Skin CSS -->
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/stylesheets/skins/default.css" />
<!-- Theme Custom CSS -->
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/stylesheets/theme-custom.css">
<!-- Head Libs -->
<script src="<?php echo base_url('') ?>assets/vendor/modernizr/modernizr.js"></script>
</head>
<script src="<?= base_url() ?>assets/bower_components/jquery/jquery-3.3.1.min.js"></script>
<script src="<?= base_url() ?>assets/bower_components/sweetalert2/sweetalert2.all.min.js"></script>
<style>
.ui-front {
z-index: 9999;
}
.solid {
border-left-style: solid;
border-width: 5px;
border-color: darkcyan;
}
.f18 {
font-size: 18px;
}
</style>
<script type="text/javascript">
let base_url = '<?= base_url() ?>';
</script>
<body>
<section class="body">
<!-- start: header -->
<?php $this->load->view('template/header'); ?>
<!-- end: header -->
<div class="inner-wrapper">
<!-- start: sidebar -->
<?php $this->load->view('template/sidebar'); ?>
<!-- end: sidebar -->
<section role="main" class="content-body">
<?php
$id_karyawan = $this->session->userdata('id_karyawan');
$nama_panggilan = $this->session->userdata('nama_panggilan');
$username = $this->session->userdata('username');
$tgl_now = date('d/m/Y');
?>
<header class="page-header">
<h2><b>Data Cetak Dokumen | </b><b style="color:LightGreen">[<?=$tampil?>]</b> | <b style="color:SkyBlue">MODE UMUM</b></h2>
<div class="right-wrapper pull-right">
<ol class="breadcrumbs">
<li><span><b style="color:Gold">Master Data </span></b></li>
</ol>
<a class="sidebar-right-toggle" data-open="sidebar-right"><i class="fa fa-chevron-left"></i></a>
</div>
</header>
<!-- start: page -->
<section class="panel panel-featured panel-featured-success">
<header class="panel-heading">
<div class="panel-actions">
<a data-toggle="modal" data-target="#modalFitur" style="color:Coral"><b>Fitur </b><i class="fa fa-question-circle"></i></a>&nbsp&nbsp
<a href="<?php echo base_url('') ?>index.php" class="text-dark"><b>Dashboard </b><i class="fa fa-home"></i></a>
</div>
<h2 class="panel-title"><b style="color:LimeGreen">DOKUMEN KPI | <u style="color:SlateBlue">(<?=$timelimit?>)</u></b></h2>
</header>
<div class="panel-body">
<?php if ($hak>0) { ?>
<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 <?php if ($hak>0) { ?>onclick="setToggle(1)"<?php } ?> class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" <?php if ($hak>0) { ?>href="#collapseOne"<?php } ?>>
<b class="f18" style="color:Green"><b style="color:Black">[1]</b> PENAWARAN | <u style="color:DarkRed"><?=$countPenawaran?></u> DATA <?php if ($hak<1) { ?> <b style="color:Red">[*Tidak Berhak*]</b><?php } ?></b>
</a>
</h2>
</header>
<div id="collapseOne" class="accordion-body collapse <?php if ($posisiToggle==1) { ?>in<?php } ?>">
<div class="panel-body">
<table class="table table-bordered table-striped mb-none" id="table1">
<thead>
<th class="center default">No</th>
<th class="default">Kode</th>
<th class="default">Pelanggan</th>
<th class="default">Ringkasan</th>
<?php if ($hak>0) { ?>
<th class="center default">Detail Data</th>
<th class="center default">PILIHAN</th>
<?php } ?>
</thead>
<tbody>
<?php
if (is_array($penawaran) || is_object($penawaran)) {
$no = 1;
foreach ($penawaran as $key) { ?>
<tr>
<?php
if ($key['CORP_ID']==1) {
$kop = "TMP";
} else if ($key['CORP_ID']==2) {
$kop = "DMT";
} else if ($key['CORP_ID']==4) {
$kop = "SFTR";
}
if ($key['STATUS_CD']==1) {
$jenis = "PILIHAN (Tidak ada GrandTotal)";
} else if ($key['STATUS_CD']==2) {
$jenis = "PAKET (Ada GrandTotal)";
}
?>
<td class="center"><?= $no; ?></td>
<td><b style="color:Tomato">[<?=$kop?>&nbsp|&nbsp<b style="color:SlateBlue"><?= $key['TANGGAL']; ?></b>]</b><br><b style="color:Black"><?= $key['KODE_BUKTI']; ?></b><br><b style="color:Teal">Versi <?= $key['URUTAN']; ?></b></td>
<td><b style="color:Chocolate"><?= $key['PELANGGAN_PENAWARAN'] ?></b><br>Up : (<?= $key['UP_PENAWARAN'] ?>)</td>
<td><b style="color:SaddleBrown">[<?= $key['LAMPIRAN_PENAWARAN']; ?> Bendel]</b><br><b style="color:DarkOrange"><?= $key['PERIHAL_PENAWARAN']; ?></b><br><br><b style="color:Blue">(<?= $key['NILAI']; ?>)</b><br><br><?= $jenis; ?></td>
<?php if ($hak>0) { ?>
<td class="actions center">
<span data-toggle="modal" data-target="#modalLihatDpne"><button type="button" onclick="tampilkanDataDaftarPenawaran('<?=$key['ID_PENAWARAN']?>','<?=$key['ID_CD']?>')" class="btn btn-xs btn-info" title="" data-toggle="tooltip" data-trigger="hover" data-original-title="Tombol untuk Lihat Data"><i class="fa fa-reorder"></i></button></span>
</td>
<td class="actions center">
<span data-toggle="modal" data-target="#modalCetakPenawaran"><button type="button" onclick="cetakDataPenawaran('<?=$key['ID_PENAWARAN']?>','<?= $key['ID_CD']; ?>')" class="btn btn-xs btn-primary" title="" data-toggle="tooltip" data-trigger="hover" data-original-title="Tombol untuk Cetak Data"> <i class="fa fa-print"></i></button></span>
</td>
<?php } ?>
</tr>
<?php $no++;
}
} ?>
</tbody>
</table>
</div>
</div>
</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">SUPERUSER/AKSES PENUH/OPERATOR</b><br><b>Akses Semua Menu</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="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 Cetak Ulang]</b> ?
<br><br><i style="color:Crimson">NB : Data yang dimuat akan lebih banyak dan membutuhkan waktu relatif lebih lama.</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-default" style="color:DarkOrange" data-dismiss="modal" onclick="gantiModeUlang()"><b>Ganti</b> <i class="fa fa-random"></i></button>
</div>
</div>
</footer>
</div>
</div>
</div>
<div id="modalLihatDpne" class="modal fade ui-front" tabindex="-1" role="dialog">
<div class="modal-dialog modal-lg" style="width:77%">
<header class="panel-heading">
<h2 class="panel-title"><b>Lihat Data | [<b id="kodePenawaran1" style="color:Red"></b>]</b></h2>
<div class="panel-actions">
<a data-dismiss="modal" class="text-dark"><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="col-md-12">
<table class="table table-bordered table-striped mb-none">
<thead>
<th class="center default">No</th>
<th class="default">Deskripsi</th>
<th class="center default">Kuantiti</th>
<th class="center default">Satuan</th>
<th class="text-right">Harga Satuan</th>
<th class="text-right">Subtotal Harga</th>
</thead>
<tbody id="isiTabel1"></tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="panel-footer">
<div class="row">
<div hidden="hidden" id="grandTotal1" class="col-md-12 text-right">
<div class="btn-group-vertical">
<button type="button" class="btn btn-default"><b style="color:Teal">BRUTO <b id="dpp1">0.00</b></b></button>
<button type="button" class="btn btn-default"><b style="color:DarkViolet">PPN <b id="ppn1">0.00</b></b></button>
<button type="button" class="btn btn-default"><b style="color:DarkRed">TOTAL <b id="tot1">0.00</b></b></button>
</div>
</div>
</div>
</footer>
</div>
</div>
<div id="modalCetakPenawaran" class="modal fade" tabindex="-1" role="dialog">
<?= form_open('Menu/GE_CetakDokumen', array('id' => 'formkpi'), array('method' => 'GE_CetakDokumen')); ?>
<div class="modal-dialog modal-lg" style="width:57%">
<div class="modal-content">
<header class="panel-heading">
<h4 class="panel-title"><b>Cetak Data </b><b class="text-danger">[Warna Merah harus diisi]</b></h4>
</header>
<div class="modal-body ">
<div class="form-group">
<input type="hidden" id="id_penawaranprint1" class="form-control">
<input type="hidden" name="spesifikId" id="id_cdprint1" class="form-control">
<input type="hidden" name="verse" id="verse1" value="13" class="form-control">
<input type="hidden" name="jenis" id="jenis1" value="9" class="form-control">
<div class="col-md-2"><b class="text-danger">Tanggal</b></div>
<div class="col-md-10">
<input type="date" name="tgl_hcd" id="tgl_hcd1" onfocusout="cekTanggal(1, value)" class="form-control" value="<?= $tgl ?>" required>
</div>
</div>
<div class="form-group">
<div class="col-md-2"><b class="text-danger">Pengirim</b></div>
<div class="col-md-10">
<select data-plugin-selectTwo name="id_salesprint" id="id_salesprint1" class="form-control populate" required></select>
</div>
</div>
<div class="form-group">
<div class="col-md-2"><b class="text-danger">DPP Tertera</b></div>
<div class="col-md-10">
<select data-plugin-selectTwo name="tampil_hcd" id="tampil_hcd1" onchange="generateKeterangan(value)" class="form-control populate" required>
<option value="" selected>Pilih Tampilan DPP</option>
<option value="0">Exclude PPN</option>
<option value="1">Include PPN</option>
</select>
</div>
</div>
<div class="form-group">
<div class="col-md-2"><b class="text-danger">DPP + PPN</b></div>
<div class="col-md-10">
<select data-plugin-selectTwo name="ppn_hcd" id="ppn_hcd1" class="form-control populate" required>
<option value="" selected>Pilih Kondisi</option>
<option value="0">Tidak Muncul</option>
<option value="1">Muncul</option>
</select>
</div>
</div>
<div class="form-group">
<div class="col-md-2"><b class="text-danger">Satuan</b></div>
<div class="col-md-10">
<select data-plugin-selectTwo name="satuan_print" id="satuan_print1" class="form-control populate" required>
<option value="" selected>Pilih Satuan</option>
<option value="0">Tidak Tampil</option>
<option value="1">Tampil</option>
</select>
</div>
</div>
<div class="form-group">
<div class="col-md-2"><b class="text-danger">Keterangan</b></div>
<div class="col-md-10">
<textarea data-plugin-maxlength maxlength="1024" rows="6" autocomplete="off" class="form-control" placeholder="Keterangan Penawaran, bisa di Enter" name="ket_penawaran" id="ket_penawaran1" required></textarea>
</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" id="cetakButton1" formtarget="_blank" class="btn btn-primary"><b>Cetak</b> <i class="fa fa-print"></i></button>
</div>
</div>
</footer>
</div>
<?= form_close(); ?>
<!-- /.modal-content -->
</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() {
document.getElementById("grandTotal1").style.display = 'none';
} );
$('#table1').dataTable( {
"paging": false
} );
function setToggle(node) {
$.ajax({
url: "<?= base_url() ?>index.php/Menu/GE_Ubah_SetTogglePosisi",
type: "POST",
dataType: "json",
data: {
node : node,
menu : <?=$id_menu?>,
},
success: function(response) {
}
});
}
function tampilkanDataDaftarPenawaran(id_penawaran, id_cd) {
$.ajax({
type: 'POST',
data: {
id_penawaran : id_penawaran,
id_cd : id_cd,
verse : 3
},
url: '<?= base_url('') ?>index.php/Menu/GE_Ambil_DataDaftarPenawaran',
dataType: 'json',
success: function(response) {
var baris = '';
JUMLAH = response.total;
for (var i = 1; i <= JUMLAH; i++) {
var id = response.data[i - 1]['ID_DPNE'];
var nama_dpne = response.data[i - 1]['NAMA_DPNE'];
var qty_dpne = response.data[i - 1]['QTY_DPNE'];
var satuan = response.data[i - 1]['NAMA_SATUAN'];
var satuan_id = response.data[i - 1]['SATUAN_ID'];
var harga_dpne = response.data[i - 1]['HARGA_DPNE'];
var harga = response.data[i - 1]['HARGA'];
var subtotal = response.data[i - 1]['SUBTOTAL'];
baris += '<tr>';
baris += '<td class="center" style="vertical-align: middle;">' + i + '</td>';
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Black">' + nama_dpne + '</b></td>';
baris += '<td class="center" style="vertical-align: middle;"><b style="color:Green">' + qty_dpne + '</b></td>';
baris += '<td class="center" style="vertical-align: middle;"><b style="color:Chocolate">' + satuan + '</b></td>';
baris += '<td class="text-right" style="vertical-align: middle;"><b style="color:Tomato">' + harga + '</b></td>';
baris += '<td class="text-right" style="vertical-align: middle;"><b style="color:SaddleBrown">' + subtotal + '</b></td>';
baris += '</tr>';
}
$('#isiTabel1').html(baris);
$('#kodePenawaran1').html(response.kode_penawaran);
$("#dpp1").html(response.dppDpne);
$("#ppn1").html(response.ppnDpne);
$("#tot1").html(response.totDpne);
if (response.jenis_penawaran==1) {
document.getElementById("grandTotal1").style.display = 'none';
} else if (response.jenis_penawaran==2) {
document.getElementById("grandTotal1").style.display = 'block';
}
}
});
}
function cetakDataPenawaran(id_penawaran, id_cd) {
var now = "<?=$tgl?>";
document.getElementById("id_penawaranprint1").value = id_penawaran;
document.getElementById("id_cdprint1").value = id_cd;
document.getElementById("tgl_hcd1").value = now;
document.getElementById("ket_penawaran1").value = "";
document.getElementById("satuan_print1").value = null;
document.getElementById("ppn_hcd1").value = null;
document.getElementById("tampil_hcd1").value = null;
document.getElementById("id_salesprint1").value = null;
$('#id_salesprint1').select2().select2('val', null);
$('#satuan_print1').select2().select2('val', null);
$('#ppn_hcd1').select2().select2('val', null);
$('#tampil_hcd1').select2().select2('val', null);
$.ajax({
url: "<?= base_url() ?>index.php/Menu/GE_Buat_ListSalesPenawaran",
type: "POST",
dataType: "json",
data: {
id : id_penawaran,
},
success: function(response) {
document.getElementById("id_salesprint1").innerHTML = "";
var listData = response.listSales;
var isiMaster = document.getElementById('id_salesprint1');
isiMaster.innerHTML = isiMaster.innerHTML + '<option value="" selected>Pilih Sales</option>';
for (var i = 0; i < listData.length; i++) {
isiMaster.innerHTML = isiMaster.innerHTML + '<option value="' + listData[i]['ID_KARYAWAN'] + '">' + listData[i]['NAMA_PANGGILAN_KARYAWAN'] + '</option>';
}
$('#id_salesprint1').val("").trigger('change');
}
});
}
$('#cetakButton1').click(function() {
var id1 = document.getElementById("id_salesprint1").value;
var id2 = document.getElementById("ppn_hcd1").value;
var id3 = document.getElementById("satuan_print1").value;
var id4 = document.getElementById("ket_penawaran1").value;
var id5 = document.getElementById("tampil_hcd1").value;
if (id1!="" && id2!="" && id3!="" && id4!="" && id5!="") {
$('#modalCetakPenawaran').modal('toggle');
}
});
function cekTanggal(verse, value) {
PNotify.removeAll();
var now = "<?=$tgl?>";
$.ajax({
url: "<?= base_url() ?>index.php/Menu/GE_AmbilData_CekTanggal",
type: "POST",
dataType: "json",
data: {
tgl_input : value,
},
success: function(response) {
if (response.value==1) {
notify("day_lock");
if (verse==1) {
document.getElementById("tgl_hcd1").value = now;
}
} else if (response.value==2) {
notify("month_lock");
if (verse==1) {
document.getElementById("tgl_hcd1").value = now;
}
}
}
});
}
function gantiModeUlang() {
notify("cetakulang_mode_in");
delayReload(1000,"<?= base_url() ?>index.php/Menu/KP_Sub2_CetakDokumen_2");
}
function generateKeterangan(verse) {
var id = document.getElementById("id_penawaranprint1").value;
$.ajax({
url: "<?= base_url() ?>index.php/Menu/GE_Buat_KeteranganPenawaran",
type: "POST",
dataType: "json",
data: {
verse : verse,
id : id,
},
success: function(response) {
var nama = response.ket_penawaran.replace(/<br>/g,"\n");
document.getElementById("ket_penawaran1").value = nama;
}
});
}
</script>
</body>
</html>