393 lines
13 KiB
HTML
393 lines
13 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<style type="text/css">
|
|
#viewpasien {
|
|
display: block;
|
|
}
|
|
|
|
#page-nav {
|
|
display: block;
|
|
}
|
|
|
|
|
|
@media print {
|
|
#PrintTable {
|
|
display: block;
|
|
}
|
|
|
|
#viewpasien {
|
|
display: block;
|
|
}
|
|
|
|
#timemarquee {
|
|
display: none;
|
|
}
|
|
|
|
#page-nav {
|
|
display: none;
|
|
}
|
|
#formFilter {
|
|
display: none;
|
|
}
|
|
}
|
|
</style>
|
|
<body>
|
|
<h3 align="center">Buku Laporan Keperawatan</h3>
|
|
<h5 align="center" id="ruang"></h5>
|
|
<h6 align="center" id="tanggal">Tanggal </h6>
|
|
|
|
<div id="formFilter" role="menu" data-bs-backdrop="statis" data-bs-keyboard="false">
|
|
<div class="modal-dialog ">
|
|
<div class="modal-content">
|
|
|
|
<form id="pasienfrm" action="viewdata2.html" method="POST" enctype="multipart/form-data">
|
|
<div class="modal-body">
|
|
<div class="row mb-3">
|
|
<label for="pasienawal" class="col-sm-2 col-form-label col-form-label-sm">Tanggal</label>
|
|
<div class="col-md-8" style="margin-bottom: 2pt;">
|
|
<!-- <input type="datetime-local" name="awal" id="pasienawal" class="form-control"> -->
|
|
<input required type="datetime-local" class="form-control form-control-sm" id="awal" placeholder="masukkan tanggal" name="awal">
|
|
</div>
|
|
</div>
|
|
<div class="row mb-3">
|
|
<label for="pasienakhir" class="col-sm-2 col-form-label col-form-label-sm">Sampai dengan</label>
|
|
<div class="col-md-8" style="margin-bottom: 2pt;">
|
|
<!-- <input type="datetime-local" name="akhir" id="pasienakhir" class="form-control"> -->
|
|
<input required type="datetime-local" class="form-control form-control-sm" id="akhir" placeholder="masukkan tanggal" name="akhir">
|
|
</div>
|
|
</div>
|
|
<div class="row mb-3">
|
|
<label class="col-sm-2 col-form-label-sm" for="pasienruang">per ruang</label>
|
|
|
|
<div class="col-md-8" style="margin-bottom: 2pt;">
|
|
<form>
|
|
<select class="form-select form-select-sm" id="pasienruang" name="ruang" onchange="pxroom()">
|
|
<option value="Triase">Triase</option>
|
|
<option value="Covid">Unit Infeksi (IPIT)</option>
|
|
<option value="Reguler">Unit EC Reguler</option>
|
|
<option value="ROE" selected>ROE</option>
|
|
|
|
</select>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="row mb-3">
|
|
<label for="kriteria" class="col-sm-2 col-form-label-sm">Kriteria Filter</label>
|
|
<div class="col-md-10" style="margin-bottom: 2pt;">
|
|
|
|
<form>
|
|
<div class="input-group">
|
|
<!-- <input type="text" list="list_ruang" class="form-control" id="pasienruang" name="ruang" placeholder="ruang pelayanan" > -->
|
|
|
|
<select class="form-select form-select-sm" id="kriteria" name="kriteria">
|
|
<option value="all">Semua</option>
|
|
<option value="date_in" >Tanggal Masuk</option>
|
|
<option value="date_out" >Tanggal Keluar</option>
|
|
</select>
|
|
|
|
<span class="input-group-btn">
|
|
<!-- <button id="cetak_ruang" type="submit" name="cetak_ruang" class="btn btn-primary btn-sm">cetak</button> -->
|
|
<button type="button" id="filter" class="btn btn-success btn-sm" onclick="myFilter()" >filter</button>
|
|
<button type="button" id="filter" class="btn btn-info btn-sm" onclick="myPrint()" >Print</button>
|
|
</span>
|
|
</div><!-- /input-group -->
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div id="PrintTable" class="container" style="margin-top: 20px;" hidden>
|
|
<table id="Tablerekap" class="table table-bordered" style="font-size: 9pt;" width="100%" align="left" cellpadding="0" cellspacing="0" style="margin-bottom:10px;">
|
|
<tr class="table-striped" align="left" height="10px"style="font-weight:bold; width:10%">
|
|
<td>P1</td>
|
|
<td id="P1"></td>
|
|
<td>MRS</td>
|
|
<td id="MRS" ></td>
|
|
<td>MELARIKAN DIRI</td>
|
|
<td id="lari"></td>
|
|
|
|
<tr class="table-striped" align="left" height="10px"style="font-weight:bold; width:10%">
|
|
|
|
<td>P2</td>
|
|
<td id="P2"></td>
|
|
<td >KRS</td>
|
|
<td id="KRS"></td>
|
|
<td >OBSERVASI</td>
|
|
<td id="OBSERVASI"></td>
|
|
</tr>
|
|
<tr class="table-striped" align="left" height="10px"style="font-weight:bold; width:10%">
|
|
<td >P3</td>
|
|
<td id="P3" ></td>
|
|
<td >MENINGGAL</td>
|
|
<td id="Meninggal"></td>
|
|
<td></td>
|
|
<td id="OB"></td>
|
|
</tr>
|
|
<tr class="table-striped" align="left" height="10px"style="font-weight:bold; width:10%">
|
|
<td >P0</td>
|
|
<td id="P0" ></td>
|
|
<td >PAPS</td>
|
|
<td id="PAPS" ></td>
|
|
<td >OK</td>
|
|
<td id="OK" ></td>
|
|
</tr>
|
|
<tr class="table-striped" align="left" height="10px"style="font-weight:bold; width:10%" bgcolor="4FDA47">
|
|
<td >SKRINING DROPZONE</td>
|
|
<td id="Skrining" ></td>
|
|
<td></td>
|
|
<td> </td>
|
|
<td> TOTAL PASIEN </td>
|
|
<td id="Total" ></td>
|
|
</tr>
|
|
</table>
|
|
<div id="tableView"></div>
|
|
</div>
|
|
<div id="imp"></div>
|
|
|
|
<script>
|
|
|
|
function myPrint(){
|
|
$(document).ready(function() {
|
|
window.print()
|
|
});
|
|
}
|
|
|
|
function myFilter(){
|
|
|
|
const xmlhttp = new XMLHttpRequest();
|
|
xmlhttp.onload = function() {
|
|
myObj = JSON.parse(this.responseText);
|
|
|
|
const OBSERVASI = myObj.filter(arr=>{
|
|
if(arr.status_keluar.match('OBSERVASI')){
|
|
return true;
|
|
}
|
|
return false
|
|
}).length;
|
|
document.getElementById("OBSERVASI").innerHTML = OBSERVASI;
|
|
|
|
|
|
const P1 = myObj.filter(arr=>{
|
|
if(arr.triage.match('P1')){
|
|
return true;
|
|
}
|
|
return false
|
|
}).length;
|
|
document.getElementById("P1").innerHTML = P1;
|
|
|
|
const P2 = myObj.filter(arr=>{
|
|
if(arr.triage.match('P2')){
|
|
return true;
|
|
}
|
|
return false
|
|
}).length;
|
|
document.getElementById("P2").innerHTML = P2;
|
|
|
|
const P3 = myObj.filter(arr=>{
|
|
if(arr.triage.match('P3')){
|
|
return true;
|
|
}
|
|
return false
|
|
}).length;
|
|
document.getElementById("P3").innerHTML = P3;
|
|
|
|
const P0 = myObj.filter(arr=>{
|
|
if(arr.triage.match('P0')){
|
|
return true;
|
|
}
|
|
return false
|
|
}).length;
|
|
document.getElementById("P0").innerHTML = P0;
|
|
|
|
const Skrining = myObj.filter(arr=>{
|
|
if(arr.triage.match('Skrining')){
|
|
return true;
|
|
}
|
|
return false
|
|
}).length;
|
|
document.getElementById("Skrining").innerHTML = Skrining;
|
|
|
|
const KRS = myObj.filter(arr=>{
|
|
if(arr.status_keluar.match('KRS')){
|
|
return true;
|
|
}
|
|
return false
|
|
}).length;
|
|
document.getElementById("KRS").innerHTML = KRS;
|
|
|
|
const MRS = myObj.filter(arr=>{
|
|
if(arr.status_keluar.match('MRS')){
|
|
return true;
|
|
}
|
|
return false
|
|
}).length;
|
|
document.getElementById("MRS").innerHTML = MRS;
|
|
|
|
const Meninggal = myObj.filter(arr=>{
|
|
if(arr.status_keluar.match('Meninggal')){
|
|
return true;
|
|
}
|
|
return false
|
|
}).length;
|
|
document.getElementById("Meninggal").innerHTML = Meninggal;
|
|
|
|
const PAPS = myObj.filter(arr=>{
|
|
if(arr.status_keluar.match('PAPS')){
|
|
return true;
|
|
}
|
|
return false
|
|
}).length;
|
|
document.getElementById("PAPS").innerHTML = PAPS;
|
|
|
|
// Melarikan Diri
|
|
const lari = myObj.filter(arr=>{
|
|
if(arr.status_keluar.match('Melarikan Diri')){
|
|
return true;
|
|
}
|
|
return false
|
|
}).length;
|
|
document.getElementById("lari").innerHTML = lari;
|
|
|
|
|
|
const OK = myObj.filter(arr=>{
|
|
if(arr.status_keluar.match('OK')){
|
|
return true;
|
|
}
|
|
return false
|
|
}).length;
|
|
document.getElementById("OK").innerHTML = OK;
|
|
|
|
const Total = myObj.length;
|
|
document.getElementById("Total").innerHTML =Total;
|
|
|
|
const d= new Date(awal);
|
|
const e= new Date(akhir);
|
|
let a= d.toLocaleString();
|
|
let b= e.toLocaleString();
|
|
|
|
|
|
const OB = myObj.filter(arr=>{
|
|
const entryData= new Date(arr.tanggal);
|
|
return entryData >= d && entryData <= e ;
|
|
}).length;
|
|
|
|
document.getElementById("OB").InnerHTML= OB;
|
|
|
|
let text = "<table class='table table-stripped table-bordered' width='100%' border='' align='center'>"+
|
|
"<thead bgcolor='4FDA47'>"+
|
|
"<th>No</th>" +
|
|
"<th width='10%'>Tanggal</th>"+
|
|
"<th>Nama</th>"+
|
|
"<th width='10%'>Triase</th>"+
|
|
"<th>SMF</th>"+
|
|
"<th>Keluar</th>"+
|
|
"<th>PPA</th>"+
|
|
"<th>Keterangan</th></thead>";
|
|
for (let x=0; x<myObj.length;x++) {
|
|
|
|
let num = x+1;
|
|
let tanggal_masuk =new Date(myObj[x].tanggal);
|
|
let tanggal_keluar =new Date(myObj[x].jam_keluar);
|
|
let diffTime;
|
|
|
|
|
|
diffTime = Math.abs(new Date().valueOf() - tanggal_masuk.valueOf());
|
|
let days = diffTime / (24*60*60*1000);
|
|
let hours = (days % 1) * 24;
|
|
let minutes = (hours % 1) * 60;
|
|
let secs = (minutes % 1) * 60;
|
|
[days, hours, minutes, secs] = [Math.floor(days), Math.floor(hours), Math.floor(minutes), Math.floor(secs)]
|
|
|
|
var hour= days+' hari- '+ hours+' jam- '+ minutes+' menit';
|
|
let jam;
|
|
let jam_keluar;
|
|
let keterangan;
|
|
if(myObj[x].waiting == null){
|
|
jam=hour;
|
|
jam_keluar="-";
|
|
keterangan="-";
|
|
} else{
|
|
jam= myObj[x].waiting;
|
|
jam_keluar= myObj[x].jam_keluar;
|
|
keterangan= myObj[x].keterangan;
|
|
}
|
|
text += "<tr style='font-size: 12px;'>"+
|
|
"<td align='center'>" + num + "</td>"+
|
|
"<td width='10%' >" + myObj[x].tanggal + "</td>"+
|
|
"<td>" + myObj[x].nama + "<br> Register : "+ myObj[x].register +"</td>"+
|
|
"<td>" + myObj[x].triage +"/ Bed : "+myObj[x].nik + "<br> No Triase : "+myObj[x].file_text +"</td>"+
|
|
"<td>" + myObj[x].smf + "</td>"+
|
|
"<td>" + myObj[x].status_keluar + "</td>"+
|
|
"<td> Nama Perawat PPA : <br>" + myObj[x].perawat_ppa +"</td>"+
|
|
"<td> Jam Keluar : "+jam_keluar+"<br> Lama Tinggal : ( "+ jam+" ) <br> Keterangan Keluar : "+keterangan +"</td></tr>";
|
|
}
|
|
|
|
text += "</table>"
|
|
|
|
document.getElementById("tableView").innerHTML = text;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
var awal= document.getElementById('awal').value;
|
|
var akhir= document.getElementById('akhir').value;
|
|
var room= document.getElementById('pasienruang').value;
|
|
var kriteria= document.getElementById('kriteria').value;
|
|
var ruang;
|
|
|
|
if(room=="Triase"){
|
|
ruang ="Reguler"
|
|
}else{
|
|
ruang= document.getElementById('pasienruang').value;
|
|
}
|
|
document.getElementById('ruang').innerHTML= room;
|
|
const d= new Date(awal);
|
|
const e= new Date(akhir);
|
|
let a= d.toLocaleString();
|
|
var b= e.toLocaleString();
|
|
|
|
document.getElementById('tanggal').innerHTML= "(filter "+kriteria+") Tanggal : "+ a +" Sampai dengan : "+ b;
|
|
document.getElementById('PrintTable').hidden=false
|
|
|
|
xmlhttp.open("POST", "json_demo_db_post.php");
|
|
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
|
|
xmlhttp.send("awal="+ awal+ "&akhir="+akhir +"&ruang=" +ruang +"&kriteria="+ kriteria);
|
|
|
|
}
|
|
function pxroom(){
|
|
if (document.forms[1].pasienruang.value == 'Triase'){
|
|
|
|
document.forms[2].kriteria.value ='date_in';
|
|
}else{
|
|
document.forms[2].kriteria.value ='all';
|
|
}
|
|
return;
|
|
}
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
<!-- ############################## -->
|
|
</body>
|
|
<!-- <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"></script> -->
|
|
<script src="js/popper.min.js"></script>
|
|
<script src="js/bootstrap.bundle.min.js"></script>
|
|
<script src="js/bootstrap.bundle.js"></script>
|
|
<script src="js/jquery.dataTables.min.js"></script>
|
|
<script src="js/templatescript.js"></script>
|
|
|
|
</html>
|
|
</html>
|