| Server IP : 172.67.189.169 / Your IP : 216.73.216.59 Web Server : Apache/2 System : Linux cat167-197.static.lnwhostname.com 5.10.0-20-amd64 #1 SMP Debian 5.10.158-2 (2022-12-13) x86_64 User : paphayomho ( 1042) PHP Version : 5.6.40 Disable Function : exec,system,passthru,shell_exec,proc_close,proc_open,dl,popen,show_source,posix_kill,posix_mkfifo,posix_getpwuid,posix_setpgid,posix_setsid,posix_setuid,posix_setgid,posix_seteuid,posix_setegid,posix_uname MySQL : ON | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/paphayomho/domains/paphayomhospital.go.th/private_html/ |
Upload File : |
<!DOCTYPE html>
<html lang="th">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HA | โรงพยาบาลป่าพะยอม</title>
<link href="https://fonts.googleapis.com/css2?family=Kanit:wght@300;500;600&family=Sarabun:wght@300;400;500;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
:root {
--primary: #059669;
--primary-dark: #064e3b;
--secondary: #0284c7;
--accent: #d97706;
--bg: #f1f5f9;
--card-bg: #ffffff;
--text-main: #1e293b;
--text-muted: #64748b;
--radius: 16px;
--shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: 'Sarabun', sans-serif;
background-color: var(--bg);
color: var(--text-main);
line-height: 1.6;
}
h1, h2, h3, .font-kanit { font-family: 'Kanit', sans-serif; }
header {
background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 100%);
padding: 20px 5%;
color: white;
box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
.nav-container {
max-width: 1400px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
}
.container {
max-width: 1400px;
margin: 30px auto;
display: grid;
grid-template-columns: 320px 1fr 320px;
gap: 25px;
padding: 0 20px;
}
.card {
background: var(--card-bg);
border-radius: var(--radius);
padding: 25px;
box-shadow: var(--shadow);
border: 1px solid rgba(226, 232, 240, 0.8);
margin-bottom: 25px;
transition: transform 0.3s ease;
}
.card-header {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 20px;
padding-bottom: 15px;
border-bottom: 2px solid #f1f5f9;
color: var(--primary-dark);
font-weight: 600;
}
.menu-list { list-style: none; }
.menu-item {
display: flex;
align-items: center;
gap: 12px;
padding: 10px 15px;
text-decoration: none;
color: var(--text-main);
border-radius: 12px;
margin-bottom: 6px;
background: #f8fafc;
transition: 0.2s;
font-size: 0.9rem;
}
.menu-item:hover {
background: #ecfdf5;
color: var(--primary);
transform: translateX(5px);
}
.menu-item i { width: 20px; color: var(--primary); font-size: 1rem; }
.team-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px;
}
.doc-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 15px;
}
.doc-tile {
background: #ffffff;
border: 1px solid #e2e8f0;
padding: 20px;
border-radius: var(--radius);
display: flex;
flex-direction: column;
gap: 10px;
text-decoration: none;
color: var(--text-main);
transition: 0.3s;
align-items: center; /* จัดไอคอนไว้ตรงกลาง */
text-align: center;
}
.doc-tile:hover {
border-color: var(--primary);
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
transform: translateY(-5px);
}
/* สไตล์ไอคอนใหม่ */
.doc-tile i { font-size: 2.5rem; margin-bottom: 5px; }
.icon-blue { color: #3b82f6; }
.icon-amber { color: #f59e0b; }
.icon-indigo { color: #6366f1; }
.icon-rose { color: #f43f5e; }
.doc-tile .title { font-weight: 600; font-size: 0.85rem; }
.audit-summary {
grid-column: 1 / -1;
background: linear-gradient(to right, #0ea5e9, #0284c7);
color: white;
padding: 20px;
border-radius: var(--radius);
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 15px;
}
.logo-box { text-align: center; padding: 20px 0; }
.logo-circle {
width: 100px; height: 100px;
background: white; border: 4px solid var(--primary);
border-radius: 50%; margin: 0 auto 15px;
display: flex; align-items: center; justify-content: center;
}
.logo-circle i { font-size: 3.5rem; color: var(--primary); }
.stat-item {
display: flex; justify-content: space-between;
font-size: 0.9rem; padding: 10px 0;
border-bottom: 1px dashed #e2e8f0;
}
@media (max-width: 1100px) {
.container { grid-template-columns: 1fr; }
}
</style>
</head>
<body>
<header>
<div class="nav-container">
<div class="font-kanit" style="font-size: 1.4rem; font-weight: 600; display: flex; align-items: center; gap: 12px;">
<i class="fas fa-hospital-user"></i> งานพัฒนาคุณภาพ (HA) โรงพยาบาลป่าพะยอม
</div>
<div style="font-size: 0.85rem; opacity: 0.9;">
<i class="far fa-clock"></i> 22 เมษายน 2569
</div>
</div>
</header>
<div class="container">
<aside>
<div class="card">
<div class="card-header font-kanit">
<i class="fas fa-folder-tree"></i> ข้อมูลพื้นฐานคุณภาพ
</div>
<div class="menu-list">
<a href="https://drive.google.com/drive/folders/1aExl27fCwZ770HGOkaD0xk-JiphrxLsP?usp=sharing" class="menu-item"><i class="fas fa-file-invoice"></i> คำสั่งรพ.</a>
<a href="https://drive.google.com/drive/folders/1LZpQHxuKz72EJmzc2T5Z6HqOPjx-TL8i?usp=sharing" class="menu-item"><i class="fas fa-file-signature"></i> ระเบียบปฏิบัติ (WI)</a>
<a href="HA2569/Service Profile.html" class="menu-item"><i class="fas fa-id-card"></i> Service Profile</a>
<a href="https://drive.google.com/drive/folders/1M1Lk5KxoaYxefZwPBMzMy_aERiTUIVyi?usp=sharing" class="menu-item"><i class="fas fa-clipboard-list"></i> รายงานการประชุม</a>
<a href="#" class="menu-item"><i class="fas fa-chart-pie"></i> อื่นๆ</a>
</div>
</div>
<div class="card">
<div class="card-header font-kanit">
<i class="fas fa-users-gear"></i> ทีมพัฒนาคุณภาพ
</div>
<div class="team-grid">
<div class="menu-list">
<a href="#" class="menu-item"><i class="fas fa-user-md"></i> MSO</a>
<a href="#" class="menu-item"><i class="fas fa-user-nurse"></i> NSO</a>
<a href="#" class="menu-item"><i class="fas fa-stethoscope"></i> PCT</a>
<a href="#" class="menu-item"><i class="fas fa-virus-slash"></i> IC</a>
<a href="#" class="menu-item"><i class="fas fa-server"></i> IM</a>
</div>
<div class="menu-list">
<a href="#" class="menu-item"><i class="fas fa-users-cog"></i> HRD</a>
<a href="#" class="menu-item"><i class="fas fa-exclamation-triangle"></i> RM</a>
<a href="#" class="menu-item"><i class="fas fa-pills"></i> PTC</a>
<a href="#" class="menu-item"><i class="fas fa-tools"></i> Equip.</a>
<a href="#" class="menu-item"><i class="fas fa-seedling"></i> ENV</a>
</div>
</div>
</div>
</aside>
<main>
<div class="card">
<div class="card-header font-kanit" style="justify-content: space-between;">
<span><i class="fas fa-award" style="color: var(--accent);"></i> เอกสารประเมิน (SAR/Accreditation)</span>
<span style="font-size: 0.7rem; background: #fef3c7; color: #92400e; padding: 2px 10px; border-radius: 12px;">Update 2569</span>
</div>
<div class="doc-grid">
<a href="HA2569/hospital_profile_paphayom.html" class="doc-tile">
<i class="fas fa-folder-open icon-blue"></i>
<span class="title">Hospital Profile</span>
</a>
<a href="HA2569/SAR_Part_I_PaPhayom_1.html" class="doc-tile">
<i class="fas fa-file-lines icon-amber"></i>
<span class="title">SAR Part I (นำองค์กร)</span>
</a>
<a href="HA2569/sar_part2_paphayom_1.html" class="doc-tile">
<i class="fas fa-file-lines icon-indigo"></i>
<span class="title">SAR Part II (ระบบสำคัญ)</span>
</a>
<a href="HA2569/SAR3_PaPhaYom_Hospital.html" class="doc-tile">
<i class="fas fa-file-lines icon-indigo"></i>
<span class="title">SAR Part III(การดูแลผู้ป่วย)</span>
</a>
<a href="HA2569/SAR_IV_PaPhayom.html" class="doc-tile">
<i class="fas fa-file-lines icon-rose"></i>
<span class="title">SAR Part IV (ผลลัพธ์)</span>
</a></br>
<a href="#" class="doc-tile" style="border-top: 4px solid var(--primary);">
<i class="fas fa-clipboard-check" style="color:var(--primary);"></i>
<span class="title">ประเมิน ENV</span>
</a>
<a href="HA2569/CQS_PaPhayom_Hospital_Dashboard.html" class="doc-tile" style="border-top: 4px solid var(--primary);">
<i class="fas fa-user-shield" style="color:var(--primary);"></i>
<span class="title">รายงาน CLT</span>
</a>
</div>
<div class="audit-summary">
<div>
<div style="font-weight: 600;">ผลตรวจสอบเวชระเบียน (Audit)</div>
<div style="font-size: 0.75rem; opacity: 0.9;">สรุปภาพรวมรายไตรมาส</div>
</div>
<a href="HA2569/mar2569.html" style="background:white; color:#0284c7; padding:6px 15px; border-radius:8px; text-decoration:none; font-size:0.8rem; font-weight:600;">ดูรายละเอียด</a>
</div>
</div>
<div class="card">
<div class="card-header font-kanit"><i class="fas fa-images"></i> กิจกรรมล่าสุด</div>
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 15px;">
<div style="aspect-ratio: 16/9; background: #e2e8f0; border-radius: 12px; display: flex; align-items: center; justify-content: center; color: #94a3b8; font-size: 0.75rem;">ภาพกิจกรรม 1</div>
<div style="aspect-ratio: 16/9; background: #e2e8f0; border-radius: 12px; display: flex; align-items: center; justify-content: center; color: #94a3b8; font-size: 0.75rem;">ภาพกิจกรรม 2</div>
</div>
</div>
</main>
<aside>
<div class="logo-box">
<div class="logo-circle"><i class="fas fa-h-square"></i></div>
<h3 class="font-kanit" style="color: var(--primary-dark); font-size: 1.1rem;">PA PHAYOM HOSPITAL</h3>
<p style="font-size: 0.7rem; color: var(--text-muted); letter-spacing: 1px;">HA & EXCELLENCE SERVICE</p>
</div>
<div class="card">
<div class="card-header font-kanit"><i class="fas fa-notes-medical"></i> เอกสารที่เกี่ยวข้อง</div>
<div class="menu-list">
<a href="https://drive.google.com/file/d/1XCJlUuLsfDx15WD4-bzL2qpsdvn_CS3u/view?usp=sharing" class="menu-item"><i class="fas fa-star"></i> มาตรฐาน HA</a>
<a href="https://drive.google.com/file/d/1DYJkf52CKC39RN9zQbf1u1Ip1i0Bj_eW/view?usp=sharing" class="menu-item"><i class="fas fa-book"></i> SPA I</a>
<a href="https://drive.google.com/file/d/1fPg8LMjlSWneS3AV6KF6rSiendA0GIXD/view?usp=sharing" class="menu-item"><i class="fas fa-book"></i> SPA II</a>
</div>
</div>
<div class="card" style="background: #1e293b; color: white;">
<div class="card-header font-kanit" style="color: white; border-bottom-color: rgba(255,255,255,0.1);">
<i class="fas fa-chart-line"></i> สถิติการเข้าชม
</div>
<div class="stat-item"><span>วันนี้</span> <strong>128</strong></div>
<div class="stat-item"><span>รวมทั้งหมด</span> <strong>45,902</strong></div>
</div>
</aside>
</div>
<footer style="text-align: center; padding: 30px; color: var(--text-muted); font-size: 0.8rem;">
ศูนย์พัฒนาคุณภาพ โรงพยาบาลป่าพะยอม © 2026. ปรับปรุงล่าสุด 22/04/2569
</footer>
</body>
</html>