Files
simak/penyedia.php
2025-10-10 09:25:05 +07:00

601 lines
22 KiB
PHP
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="A fully featured admin theme which can be used to build CRM, CMS, etc.">
<meta name="author" content="Coderthemes">
<!-- App favicon -->
<link rel="shortcut icon" href="assets/images/logo_rssa.png">
<!-- App title -->
<title>KIOS RSSA</title>
<!-- App css -->
<link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="assets/css/core.css" rel="stylesheet" type="text/css" />
<link href="assets/css/components.css" rel="stylesheet" type="text/css" />
<link href="assets/css/icons.css" rel="stylesheet" type="text/css" />
<link href="assets/css/pages.css" rel="stylesheet" type="text/css" />
<link href="assets/css/menu2.css" rel="stylesheet" type="text/css" />
<link href="assets/css/responsive.css" rel="stylesheet" type="text/css" />
<link href="assets/css/keyboard.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="../plugins/switchery/switchery.min.css">
<!-- DataTables -->
<link href="plugins/datatables/jquery.dataTables.min.css" rel="stylesheet" type="text/css"/>
<link href="plugins/datatables/buttons.bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="plugins/datatables/fixedHeader.bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="plugins/datatables/responsive.bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="plugins/datatables/scroller.bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="plugins/datatables/dataTables.colVis.css" rel="stylesheet" type="text/css"/>
<link href="plugins/datatables/dataTables.bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="plugins/datatables/fixedColumns.dataTables.min.css" rel="stylesheet" type="text/css"/>
<!-- HTML5 Shiv and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
<!--<link href="plugins/bootstrap-select/dist/css/bootstrap-select.min.css" rel="stylesheet" />-->
<link href="assets/css/select2.css" rel="stylesheet" />
<script src="assets/js/modernizr.min.js"></script>
<script src="assets/js/mediaelement.js"></script>
<script src="assets/js/jquery.keyboard.js "></script>
</head>
<input type="hidden" id="rekanan_id">
<style type="text/css">
.btn-circle.btn-md {
width: 40px;
height: 40px;
padding: 7px 10px;
border-radius: 25px;
font-size: 15px;
text-align: center;
border: 3px solid #66b5fb;
}
#sidebar-menu ul li a:hover {
background:#f1f3f4 !important;
font-color:white;
}
#sidebar-menu ul li a:focus {
background:#fce8e6 !important;
color:#d93025 !important;
font-weight: bold;
}
.no-border{
border:none;
}
.popover {background-color: black;}
.popover.top .arrow::after {border-top-color: black; }
.popover-content {background-color: black;color:white;font-size: 14px;text-align: center;}
</style>
<style type="text/css">
table.dataTable tbody tr td{
border-bottom: 1px solid transparent;
}
table.dataTable tbody tr:hover td {
border-top: #aaaaaa 1px solid;
border-bottom: #aaaaaa 3px solid;
}
table.dataTable tbody tr:hover .kiri {
border-left: #aaaaaa 1px solid;
}
table.dataTable tbody tr:hover .kanan {
border-right: #aaaaaa 1px solid;
}
thead {
color:black;text-transform:uppercase;
}
@font-face {
font-family: "GSans";
src: url('assets/fonts/GoogleSans-Medium.ttf');
}
@font-face {
font-family: "GSansReg";
src: url('assets/fonts/googlesans-regular-webfont.woff') format('woff');
}
@font-face {
font-family: "OSansReg";
src: url('assets/fonts/opensans-regular-webfont.woff') format('woff');
}
@font-face {
font-family: "RubReg";
src: url('assets/fonts/rubik-regular-webfont.woff') format('woff');
}
@font-face {
font-family: "Inter";
src: url('assets/fonts/Inter-Regular.woff') format('woff');
}
@font-face {
font-family: "InterSB";
src: url('assets/fonts/Inter-SemiBold.woff') format('woff');
}
@font-face {
font-family: "RubMed";
src: url('assets/fonts/Rubik-Medium.woff') format('woff');
}
@font-face {
font-family: "RubSB";
src: url('assets/fonts/Rubik-SemiBold.woff') format('woff');
}
h4 {
font-family: "GSans";
}
.tbl_kios {
font-family: "OSansReg";
}
.judul_page {
font-family: "GSans";
font-size:30px;
color:#cccccc;
}
.judul_page_p {
font-family: "GSans";
font-size:20px;
color:black;
}
.awalan {
font-family: "GSans";
font-size:40px;
color:#cccccc;
display: flex;
align-items: center;
justify-content: center;
vertical-align: middle;
}
.golek {
border-style: solid;
border-color: #FFFFFF;
border-width:4px;
border-radius: 14px 14px 14px 14px;
}
.bodindah {
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 11%, rgba(227,227,227,1) 59%, rgba(214,214,214,1) 64%, rgba(153,153,153,1) 81%, rgba(99,99,99,1) 92%, rgba(54,64,78,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(11%, rgba(255,255,255,1)), color-stop(59%, rgba(227,227,227,1)), color-stop(64%, rgba(214,214,214,1)), color-stop(81%, rgba(153,153,153,1)), color-stop(92%, rgba(99,99,99,1)), color-stop(100%, rgba(54,64,78,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 11%, rgba(227,227,227,1) 59%, rgba(214,214,214,1) 64%, rgba(153,153,153,1) 81%, rgba(99,99,99,1) 92%, rgba(54,64,78,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 11%, rgba(227,227,227,1) 59%, rgba(214,214,214,1) 64%, rgba(153,153,153,1) 81%, rgba(99,99,99,1) 92%, rgba(54,64,78,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 11%, rgba(227,227,227,1) 59%, rgba(214,214,214,1) 64%, rgba(153,153,153,1) 81%, rgba(99,99,99,1) 92%, rgba(54,64,78,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 11%, rgba(227,227,227,1) 59%, rgba(214,214,214,1) 64%, rgba(153,153,153,1) 81%, rgba(99,99,99,1) 92%, rgba(54,64,78,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#36404e', GradientType=0 );
}
.bodindah2 {
background:white;
}
.pan_info_menu {
font-family:RubMed;
color:#54B435;
display: block;
line-height: 50px;
padding-left: 12px;
letter-spacing: 2px;
z-index: 15;
font-size:25px;
border-color:#A8E890;
}
.pan_info_menu2 {
padding-left: 20px;
border-color:#B9E0FF;
}
.hd_info_menu2 {
font-family:RubMed;
color:#8D9EFF;
display: block;
line-height: 50px;
padding-left: 12px;
letter-spacing: 1px;
z-index: 15;
font-size:20px;
border-color:#A8E890;
}
.ic_info_menu {
color:#FFE61B;
}
.hd2_info_menu2 {
font-family:RubMed;
color:#7E7474;
display: block;
line-height: 50px;
padding-left: 12px;
letter-spacing: 1px;
z-index: 15;
font-size:20px;
}
.hd2_info_menu3 {
font-family:RubMed;
color:#8D9EFF;
display: block;
line-height: 50px;
letter-spacing: 1px;
z-index: 15;
font-size:20px;
}
.tbl_sy_tambahan {
font-family:InterSB;
}
label {
font-family:'InterSB';font-weight: normal;color:black;
}
.tabmenu {
font-family:'InterSB';font-weight: normal;
}
/* webkit-font-smoothing: antialiased; */
</style>
<body id="bodindah">
<header id="topnav">
<div class="navbar-custom" style="background: rgba(209,209,209,1);
background: -moz-linear-gradient(left, rgba(209,209,209,1) 0%, rgba(219,219,219,1) 0%, rgba(254,254,254,1) 29%, rgba(254,254,254,1) 71%, rgba(219,219,219,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(209,209,209,1)), color-stop(0%, rgba(219,219,219,1)), color-stop(29%, rgba(254,254,254,1)), color-stop(71%, rgba(254,254,254,1)), color-stop(100%, rgba(219,219,219,1)));
background: -webkit-linear-gradient(left, rgba(209,209,209,1) 0%, rgba(219,219,219,1) 0%, rgba(254,254,254,1) 29%, rgba(254,254,254,1) 71%, rgba(219,219,219,1) 100%);
background: -o-linear-gradient(left, rgba(209,209,209,1) 0%, rgba(219,219,219,1) 0%, rgba(254,254,254,1) 29%, rgba(254,254,254,1) 71%, rgba(219,219,219,1) 100%);
background: -ms-linear-gradient(left, rgba(209,209,209,1) 0%, rgba(219,219,219,1) 0%, rgba(254,254,254,1) 29%, rgba(254,254,254,1) 71%, rgba(219,219,219,1) 100%);
background: linear-gradient(to right, rgba(209,209,209,1) 0%, rgba(219,219,219,1) 0%, rgba(254,254,254,1) 29%, rgba(254,254,254,1) 71%, rgba(219,219,219,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#dbdbdb', GradientType=1 );">
<div class="container">
<div class="row">
<div class="col-lg-12"><center><img style="padding:5px 5px 5px 5px"src="assets/images/logo-rssa-black-2.png"></center>
</div>
</div>
</div> <!-- end container -->
</div> <!-- end navbar-custom -->
<?php
include("app/koneksi.php");
$t=$_GET["satker"];
$d=pg_query("SELECT nama FROM satuan_kerja WHERE id='$t'");
while($r=pg_fetch_array($d)) {$s=$r[0];}
?>
<input type="hidden" id="cek_nama" value="<?php echo $_GET['nama']; ?>">
<input type="hidden" id="cek_satker" value="<?php echo $_GET['satker']; ?>">
<input type="hidden" id="cek_jenis" value="<?php echo $_GET['jenis']; ?>">
<div class="topbar-main" style="background-color:white;height:5px">
<div class="container">&nbsp;</div> <!-- end container -->
</div>
<!-- end topbar-main -->
<div class="navbar-custom">
<div style="padding:0px 45px 0px 45px">
<div id="navigation">
<!-- Navigation Menu-->
<ul class="nav navbar-nav navbar-right pull-right">
<li class="dropdown navbar-c-items user-box">
<a href="" class="dropdown-toggle waves-effect waves-light profile" data-toggle="dropdown" id="home"
aria-expanded="true"><i style="font-size:20px"class="mdi mdi-home"></i> </a>
</li>
</ul>
<ul class="navigation-menu">
<li>
<a href="#" id="info_menu"><i class="mdi mdi-information-outline m-r-5" style="margin-top:-1px"></i>Info Persyaratan<!-- (Untuk Informasi Kelengkapan Pemberkasan silakan Klik tulisan ini) --></a>
</li>
<li>
<a href="#" id="info_back" style="text-align:left"><i class="mdi mdi-arrow-left m-r-5" style="margin-top:-1px"></i>Kembali ke Menu Utama<!--.--></a>
</li>
</ul>
<!-- End navigation menu -->
</div> <!-- end #navigation -->
</div> <!-- end container -->
</div> <!-- end navbar-custom -->
</header>
<!-- End Navigation Bar-->
<!-- ============================================================== -->
<!-- Start right Content here -->
<!-- ============================================================== -->
<!--
<div class="content-page">
<div class="content">
<div class="container" id="main_tag"></div>
</div>
<footer class="main-footer navbar-fixed-bottom" style="background-color:#36404e;color:white;px;padding:10px;" align="center">
&copy; 2021 dynandsoftware
</footer>
</div>
-->
<div class="wrapper" ><br><br><br><br><br><br><br><br>
<div class="container">
<div class="row">
<div class="col-lg-2"></div>
<div class="col-lg-8">
<form>
<div class="input-group my-group golek">
<input type="text" class="form-control" style="width:100%; display:block;border-radius: 10px 0px 0px 10px;border-width:1px;border-color:#DCD7C9" id="no_sp" Placeholder="Pencarian no SP/SPK/Kwitansi" onkeydown="tekan1(event)" autofocus>
<span class="input-group-btn">
<button type="button" id="cari_sp" class="btn btn-primary" style="border-radius: 0px 10px 10px 0px;width:100px"><i class="fa fa-search"></i></button>
</span>
</div>
</form>
</div>
<div class="col-lg-2"></div>
</div>
<br>
<div class="container" id="main_tag" style="margin-top:-75px"></div>
<footer class="main-footer navbar-fixed-bottom" style="background-color:#36404e;color:#BBC4C2;px;padding:10px;" align="center">
&copy; 2022 dynandsoftware
</footer>
</div>
</div>
<!--
<div class="wrapper">
<div class="container">
<div id="main_tag"></div>
<footer class="main-footer navbar-fixed-bottom" style="background-color:#36404e;color:white;px;padding:10px;" align="center">
&copy; 2022 dynandsoftware
</footer>
</div>
</div>
-->
<div id="modal_riwayat_belanja" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-full">
<div class="modal-content">
<div class="modal-header no-border">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">Riwayat Belanja</h4>
</div>
<div class="modal-body" id="modal_body_riwayat_belanja"></div>
</div>
</div>
</div>
<!-- ============================================================== -->
<!-- End Right content here -->
<!-- ============================================================== -->
<script>
var resizefunc = [];
</script>
<!-- jQuery -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/detect.js"></script>
<script src="assets/js/fastclick.js"></script>
<script src="assets/js/jquery.blockUI.js"></script>
<script src="assets/js/waves.js"></script>
<script src="assets/js/jquery.slimscroll.js"></script>
<script src="assets/js/jquery.scrollTo.min.js"></script>
<script src="plugins/switchery/switchery.min.js"></script>
<!-- Counter js -->
<script src="plugins/waypoints/jquery.waypoints.min.js"></script>
<script src="plugins/counterup/jquery.counterup.min.js"></script>
<!--Morris Chart-->
<script src="plugins/morris/morris.min.js"></script>
<script src="plugins/raphael/raphael-min.js"></script>
<!-- Dashboard init -->
<script src="assets/pages/jquery.dashboard.js"></script>
<!-- App js -->
<script src="assets/js/jquery.core.js"></script>
<script src="assets/js/jquery.app.js"></script>
<script src="plugins/datatables/jquery.dataTables.min.js"></script>
<script src="plugins/datatables/dataTables.bootstrap.js"></script>
<script src="plugins/datatables/dataTables.buttons.min.js"></script>
<script src="plugins/datatables/buttons.bootstrap.min.js"></script>
<script src="plugins/datatables/jszip.min.js"></script>
<script src="plugins/datatables/pdfmake.min.js"></script>
<script src="plugins/datatables/vfs_fonts.js"></script>
<script src="plugins/datatables/buttons.html5.min.js"></script>
<script src="plugins/datatables/buttons.print.min.js"></script>
<script src="plugins/datatables/dataTables.fixedHeader.min.js"></script>
<script src="plugins/datatables/dataTables.keyTable.min.js"></script>
<script src="plugins/datatables/dataTables.responsive.min.js"></script>
<script src="plugins/datatables/responsive.bootstrap.min.js"></script>
<script src="plugins/datatables/dataTables.scroller.min.js"></script>
<script src="plugins/datatables/dataTables.colVis.js"></script>
<script src="plugins/datatables/dataTables.fixedColumns.min.js"></script>
<script src="plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script>
<!-- init -->
<script src="assets/pages/jquery.datatables.init.js"></script>
<script src="assets/pages/jquery.form-pickers.init.js"></script>
<!-- Chart -->
<script src="plugins/highcharts/highcharts.js"></script>
<script src="plugins/highcharts/jquery.highchartTable.js"></script>
<script src="plugins/highcharts/exporting.js"></script>
<!--<script src="plugins/bootstrap-select/dist/js/bootstrap-select.min.js" type="text/javascript"></script>-->
<script src="assets/js/select2.js"></script>
<script>$('#no_sp').keyboard({layout : 'qwerty',usePreview: false});</script>
<script type="text/javascript">
$('#info_back').hide();
$('.app-search').hide();
$("#bodindah").removeClass("bodindah2");
$("#bodindah").addClass("bodindah");
$.post('app/kios/home.php',function(html){$("#main_tag").html(html)});
$('#home').click(function(){
window.location.href='penyedia.php';
$('#no_sp').focus();
});
$('#info_menu').click(function(){
$.post('app/kios/info_menu.php',function(html){
$("#main_tag").html(html);
$('.golek').hide();
$("#bodindah").addClass("bodindah2");
});
});
$('#info_back').click(function(){
$.post('app/kios/info_menu.php',function(html){
$("#main_tag").html(html);
$('.golek').hide();
$("#bodindah").addClass("bodindah2");
$('#info_back').hide();
$('#info_menu').show();
});
});
function kosong() {
$('#nm_rekanan').val('');
$('#rekanan_id').val('');
$('#riwayat').hide();
}
kosong();
$('#cari_sp').click(function(){
kosong();
var no_sp = $.trim($('#no_sp').val());
var key='cek_sp';
$.ajax({
type: "POST",
url: "app/kios/crud.php",
data: 'no_sp='+no_sp
+'&key='+key,
success: function(data){
if (data=='$%^$%^$%^') {alert('No data..');} else {
var chars = data.split('$%^');
var pekerjaan_id=chars[0];
var nm_rekanan=chars[1];
var rekanan_id=chars[2];
var jml_belanja=chars[3];
$('.app-search').show();
$("#bodindah").removeClass("bodindah");
$("#bodindah").addClass("bodindah2");
$('#nm_rekanan').val(nm_rekanan);
$('#rekanan_id').val(rekanan_id);
$('#riwayat').show();
$.post('app/kios/main.php',{pekerjaan_id:pekerjaan_id, nm_rekanan:nm_rekanan, rekanan_id:rekanan_id},function(html){
$("#main_tag").html(html);
$('#nm_penyedia').html(nm_rekanan);
$('#jml_belanja').html(jml_belanja);
});
}
}
});
});
/*
var sess_jenis = $('#cek_jenis').val();
var thn_dpa = $("#thn_dpa option:selected").text();
if (sess_jenis=='PPTK') {
var filter = $('#pptk_id').val();
} else
if (sess_jenis='PPKom') {
var filter = $('#ppkom_id').val();
} else
if (sess_jenis='Pejabat') {
var filter = $('#pjb_id').val();
}
var pptk_id = $('#pptk_id').val();
var ppkom_id = $('#ppkom_id').val();
var pjb_id = $('#pjb_id').val();
$.post('isi.php',function(html){$("#main_tag").html(html)});
window.history.pushState(null, null, window.location.pathname);
$('#beranda').click(function(){
$.post('isi.php',function(html){$("#main_tag").html(html)});
});
$('#logout').click(function(){
var d = 'Logout';
$.ajax({
type: "POST",
url: "logout.php",
data: 'd='+d,
success: function(data){
window.location.href='index.php';
}
});
});
$('#thn_dpa').change(function(){
var a = $('#thn_dpa').val();
alert('Tahun anggaran '+a+' status AKTIF, Reload aplikasi..');
$('#beranda').trigger('click');
});
$('#bulan').change(function(){
$('#beranda').trigger('click');
});
var cek_nama = $('#cek_nama').val();
if(cek_nama=='') {alert('Silakan login dulu..');$('#logout').trigger('click');} else {}
*/
function tekan1(event) {
var x = event.keyCode;
if (x == 13) {$('#cari_sp').trigger('click');}
}
</script>
<script src="assets/js/enter.js"></script>
<script src="assets/js/jspdf.min.js"></script>
</body>
</html>