| Server IP : 182.53.201.61 / Your IP : 216.73.217.175 Web Server : Apache/2.2.15 (Fedora) System : Linux km10.dyndns.org 2.6.31.5-127.fc12.i686.PAE #1 SMP Sat Nov 7 21:25:57 EST 2009 i686 User : apache ( 48) PHP Version : 5.3.3 Disable Function : NONE MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/html/Menu_Nurse/ |
Upload File : |
<?php
include 'wd/config/db.php';
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>กลุ่มการพยาบาล</title>
<link rel="stylesheet" type="text/css" href="assets/bootstrap.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<style>
.collapsible {
background-color: #9a9abf;
color: white;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 26px;
}
.active,
.collapsible:hover {
background-color: rgba(117, 117, 165, 1)
}
.content {
padding: 0 25px;
display: none;
overflow: hidden;
background-color: #f1f1f1;
font-size: 14px;
padding-top: 18px;
padding-bottom: 18px;
line-height: 2.5;
}
.content a {
color: black;
font-size: 20px;
}
.content a:hover {
color: #9a9abf;
font-size: 20px;
}
.data-box {
background-color: #fae1b0ff;
padding: 30px;
padding-bottom: 70px;
margin-top: 50px;
border-radius: 20px;
box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
width: 100%;
height: 100%;
max-width: 200px;
max-height: 400px;
text-align: center;
position: relative;
}
.btn-search {
background-color: #fae1b0ff;
padding: 25px;
padding-bottom: 20px;
margin-top: 50px;
border-radius: 20px;
box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
width: 100%;
height: 100%;
max-width: 200px;
max-height:400px;
text-align: center;
position: relative;
color: #000000af;
/* เพื่อให้ข้อความในปุ่มเป็นสีขาว */
font-size: 14px;
font-weight: bold;
text-decoration: none;
display: inline-block;
transition: all 0.3s ease;
}
.btn-search:hover {
color: #000000af;
font-size: 15px;
background-color: #f8d997;
}
.data-container {
display: flex;
justify-content: center;
/* จัดให้อยู่กึ่งกลางแนวนอน */
gap: 20px;
/* ระยะห่างระหว่างกล่อง */
flex-wrap: wrap;
/* ถ้าหน้าจอเล็กให้ตัดลงบรรทัดใหม่ */
}
.data-box .data-button {
position: absolute;
bottom: 20px;
left: 20px;
width: auto;
}
.data-box a {
padding-top: 30px;
color: #ffffffff;
font-size: 60px;
font-weight: bold;
}
.form-group {
margin-bottom: 15px;
text-align: left;
}
.data-box label {
color: #000000af;
font-size: 18px;
}
</style>
<SCRIPT language=JavaScript>
var rate = 20; // Increase amount(The degree of the transmutation)
var obj; // The object which event occured in
var act = 0; // Flag during the action
var elmH = 0; // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg; // A color before the change
var TimerID; // Timer ID
if (navigator.appName.indexOf("Microsoft", 0) != -1 && parseInt(navigator.appVersion) >= 4) {
Browser = true;
} else {
Browser = false;
}
if (Browser) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
function doRainbow() {
if (Browser && act != 1) {
act = 1;
obj = event.srcElement;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()", 100);
}
}
function stopRainbow() {
if (Browser && act != 0) {
obj.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
function doRainbowAnchor() {
if (Browser && act != 1) {
obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}
if (obj.tagName == 'A' && obj.href != '') {
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()", 100);
}
}
}
function stopRainbowAnchor() {
if (Browser && act != 0) {
if (obj.tagName == 'A') {
obj.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function ChangeColor() {
obj.style.color = makeColor();
}
function makeColor() {
if (elmS == 0) {
elmR = elmV;
elmG = elmV;
elmB = elmV;
} else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;
if (elmH < 60) {
elmR = t1;
elmB = t2;
elmG = t2 + t3;
} else if (elmH < 120) {
elmG = t1;
elmB = t2;
elmR = t1 - t3;
} else if (elmH < 180) {
elmG = t1;
elmR = t2;
elmB = t2 + t3;
} else if (elmH < 240) {
elmB = t1;
elmR = t2;
elmG = t1 - t3;
} else if (elmH < 300) {
elmB = t1;
elmG = t2;
elmR = t2 + t3;
} else if (elmH < 360) {
elmR = t1;
elmG = t2;
elmB = t1 - t3;
} else {
elmR = 0;
elmG = 0;
elmB = 0;
}
}
elmR = Math.floor(elmR);
elmG = Math.floor(elmG);
elmB = Math.floor(elmB);
clrRGB = '#' + elmR.toString(16) + elmG.toString(16) + elmB.toString(16);
elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;
return clrRGB;
}
</SCRIPT>
</head>
<body>
<div id="main-content">
<div class="container first-container">
<div class="panel panel-primary">
<div class="panel-heading text-center">
<h1 class="main-title">กลุ่มการพยาบาล</h1>
</div>
<nav class="navbar navbar-expand-lg fixed-top navbar-custom">
<div class="container-fluid">
<div class="d-flex align-items-center w-100">
<!-- โลโก้ + ชื่อกลุ่มการพยาบาล -->
<div class="d-flex align-items-center me-auto ps-3">
<a class="navbar-brand d-flex align-items-center" href="http://10.0.1.10">
<img src="img/km10logo.png" alt="โลโก้" class="logo-img me-2" />
</a>
</div>
<!-- Responsive Toggle Button (ถ้าจอเล็ก) -->
<button class="navbar-toggler text-white" type="button" data-bs-toggle="collapse" data-bs-target="#navbarContent">
<span class="navbar-toggler-icon"></span>F
</button>
<!-- Navigation Links -->
<div class="collapse navbar-collapse justify-content-end" id="navbarContent">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link" href="โครงสร้าง.html">โครงสร้าง</a></li>
<li class="nav-item"><a class="nav-link" href="บุคลากร.html">บุคลากร</a></li>
<li class="nav-item"><a class="nav-link" href="พันธกิจ.html">พันธกิจ</a></li>
<li class="nav-item"><a class="nav-link" href="นโยบาย.html">นโยบาย</a></li>
<li class="nav-item"><a class="nav-link" href="วัตถุประสงค์.html">วัตถุประสงค์</a></li>
<li class="nav-item"><a class="nav-link" href="wd/sign_in.php" target="_blank">Ward Daily Dashboard</a></li>
<li class="nav-item"><a class="nav-link" href="IC/index.html" target="_blank">IC</a></li>
</ul>
</div>
</div>
</div>
</nav>
<div class="panel-body" style="margin-top:20px;">
<h1 class="text-center mb-4">✨ยินดีต้อนรับเข้าสู่ กลุ่มการพยาบาล โรงพยาบาลสัตหีบ กม.10✨</h1>
<h2 class="text-center highlight">ยิ้มแย้มแจ่มใส ฉับไวบริการ วิชาการพัฒนา สรรหาคุณภาพ</h2><br><br><br><br><br>
<?php
date_default_timezone_set('Asia/Bangkok');
$current_date = date("Y-m-d");
// ดึงข้อมูล sum รวมทั้งหมด
$sql = "SELECT
SUM(pt1) AS total_pt1,
SUM(pt2) AS total_pt2,
SUM(pt3) AS total_pt3,
SUM(pt4) AS total_pt4,
SUM(pt5) AS total_pt5,
SUM(admit) AS total_admit,
SUM(refer) AS total_refer,
SUM(dead) AS total_dead,
SUM(homeward) AS total_homeward,
SUM(viproom) AS total_viproom
FROM patient_count
WHERE create_at LIKE '{$current_date}%'";
$result = $conn->query($sql);
if ($result && $result->num_rows > 0) {
$row = $result->fetch_assoc();
} else {
$row = array(
"total_pt1" => 0,
"total_pt2" => 0,
"total_pt3" => 0,
"total_pt4" => 0,
"total_pt5" => 0,
"total_admit" => 0,
"total_refer" => 0,
"total_dead" => 0,
"total_homeward" => 0,
"total_viproom" => 0
);
}
?>
<div>
<a href="wd/query.php" class="btn btn-lg btn-search w-20 mb-4 "><i class="fas fa-search"></i> ค้นหาข้อมูลตามวันที่</a>
</div>
<h3 class="highlight1 mb-4">ข้อมูลประจำวันที่ : <?php echo $current_date; ?></h3>
<!-- กลุ่มประเภทที่ 1–5 -->
<div class="data-container">
<div class="data-box">
<label class="text-center mb-4">ประเภทที่ 1</label><br>
<a style="color:#000000af"><?php echo intval($row["total_pt1"]); ?></a>
</div>
<div class="data-box">
<label class="text-center mb-4">ประเภทที่ 2</label><br>
<a style="color:#000000af"><?php echo intval($row["total_pt2"]); ?></a>
</div>
<div class="data-box">
<label class="text-center mb-4">ประเภทที่ 3</label><br>
<a style="color:#000000af"><?php echo intval($row["total_pt3"]); ?></a>
</div>
<div class="data-box">
<label class="text-center mb-4">ประเภทที่ 4</label><br>
<a style="color:#000000af"><?php echo intval($row["total_pt4"]); ?></a>
</div>
<div class="data-box">
<label class="text-center mb-4">ประเภทที่ 5</label><br>
<a style="color:#000000af"><?php echo intval($row["total_pt5"]); ?></a>
</div>
</div>
<!-- กลุ่ม Admit–VIP Room -->
<div class="data-container" style="margin-top:20px;">
<div class="data-box">
<label class="text-center mb-4">Admit</label><br>
<a style="color:#000000af"><?php echo intval($row["total_admit"]); ?></a>
</div>
<div class="data-box">
<label class="text-center mb-4">Refer</label><br>
<a style="color:#000000af"><?php echo intval($row["total_refer"]); ?></a>
</div>
<div class="data-box">
<label class="text-center mb-4">Dead</label><br>
<a style="color:#000000af"><?php echo intval($row["total_dead"]); ?></a>
</div>
<div class="data-box">
<label class="text-center mb-4">Home Ward</label><br>
<a style="color:#000000af"><?php echo intval($row["total_homeward"]); ?></a>
</div>
<div class="data-box">
<label class="text-center mb-4">VIP Room</label><br>
<a style="color:#000000af"><?php echo intval($row["total_viproom"]); ?></a>
</div>
</div>
<?php
$conn->close();
?>
<button type="button" class="collapsible" style="margin-top:90px;">Link <i class="fas fa-chevron-circle-down"></i></button>
<div class="content">
<a href="IC/index.html" target="_blank"><i class="fas fa-download"></i> งานป้องกันและควบคุมการติดเชื้อภายในโรงพยาบาล </a></p>
</div>
</div>
<div class="panel-footer text-right text-muted py-3 mt-5">
<small>© 2025 Zein Dev. Nurse Dashboard System</small>
</div>
</div>
</div>
<script>
var coll = document.getElementsByClassName("collapsible");
var i;
for (i = 0; i < coll.length; i++) {
coll[i].addEventListener("click", function() {
this.classList.toggle("active");
var content = this.nextElementSibling;
if (content.style.display === "block") {
content.style.display = "none";
} else {
content.style.display = "block";
}
});
}
</script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>