403Webshell
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/HA2569/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Command :


[ Back ]     

Current File : /home/paphayomho/domains/paphayomhospital.go.th/private_html/HA2569/sar_part2_paphayom.html
<!DOCTYPE html>
<html lang="th">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SAR หมวด II — โรงพยาบาลป่าพะยอม</title>
<link href="https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;600;700&family=IBM+Plex+Sans+Thai:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<style>
/* ===== ROOT VARIABLES ===== */
:root {
  --teal-900: #0d3a3a;
  --teal-800: #134f4f;
  --teal-700: #1a6363;
  --teal-600: #1e7878;
  --teal-500: #22878;
  --teal-400: #2a9d9d;
  --teal-300: #4db8b8;
  --teal-100: #d1f0f0;
  --teal-50:  #eafafa;
  --navy:     #162a3a;
  --navy-mid: #1e3d56;
  --slate:    #2d4a6a;
  --gold:     #c9a84c;
  --gold-lt:  #f0d98a;
  --green-ok: #1a7a4a;
  --green-lt: #d4f0e0;
  --amber:    #b86b00;
  --amber-lt: #fef3dc;
  --red-gap:  #9b2335;
  --red-lt:   #fde8eb;
  --gray-900: #1a1a2e;
  --gray-700: #374151;
  --gray-500: #6b7280;
  --gray-200: #e5e7eb;
  --gray-100: #f3f4f6;
  --white:    #ffffff;
  --shadow-sm: 0 1px 3px rgba(0,0,0,.08);
  --shadow-md: 0 4px 16px rgba(0,0,0,.10);
  --shadow-lg: 0 8px 32px rgba(0,0,0,.13);
  --radius:   12px;
  --radius-lg:18px;
}

/* ===== RESET & BASE ===== */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; font-size: 16px; }
body {
  font-family: 'IBM Plex Sans Thai', 'Sarabun', sans-serif;
  background: var(--gray-100);
  color: var(--gray-700);
  line-height: 1.7;
}
h1,h2,h3,h4,h5 { font-weight: 600; line-height: 1.3; color: var(--navy); }

/* ===== LAYOUT ===== */
.layout { display: flex; min-height: 100vh; }

/* ===== SIDEBAR ===== */
.sidebar {
  width: 280px; min-width: 280px;
  background: var(--navy);
  position: sticky; top: 0; height: 100vh;
  overflow-y: auto; overflow-x: hidden;
  scrollbar-width: thin; scrollbar-color: var(--slate) var(--navy);
  z-index: 100; flex-shrink: 0;
}
.sidebar::-webkit-scrollbar { width: 5px; }
.sidebar::-webkit-scrollbar-thumb { background: var(--slate); border-radius: 4px; }

.sidebar-header {
  padding: 24px 20px 16px;
  border-bottom: 1px solid rgba(255,255,255,.1);
}
.sidebar-logo {
  display: flex; align-items: center; gap: 10px; margin-bottom: 8px;
}
.sidebar-logo .logo-icon {
  width: 36px; height: 36px;
  background: linear-gradient(135deg, var(--teal-400), var(--teal-600));
  border-radius: 8px;
  display: flex; align-items: center; justify-content: center;
  color: white; font-size: 18px;
}
.sidebar-title { color: white; font-size: 13px; font-weight: 600; line-height: 1.3; }
.sidebar-sub { color: rgba(255,255,255,.5); font-size: 11px; margin-top: 2px; }

.nav-section { padding: 8px 0; }
.nav-label {
  padding: 6px 20px 4px;
  color: rgba(255,255,255,.35);
  font-size: 10px; font-weight: 700;
  text-transform: uppercase; letter-spacing: 1.2px;
}
.nav-item {
  display: flex; align-items: center; gap: 10px;
  padding: 9px 20px;
  color: rgba(255,255,255,.7);
  text-decoration: none;
  font-size: 13px;
  transition: all .2s;
  border-left: 3px solid transparent;
  cursor: pointer;
}
.nav-item:hover, .nav-item.active {
  background: rgba(255,255,255,.07);
  color: white;
  border-left-color: var(--teal-400);
}
.nav-item .nav-icon { font-size: 15px; width: 18px; text-align: center; flex-shrink: 0; }
.nav-badge {
  margin-left: auto;
  background: var(--teal-600);
  color: white;
  font-size: 10px; font-weight: 600;
  padding: 2px 7px;
  border-radius: 20px;
}

/* ===== MAIN CONTENT ===== */
.main { flex: 1; overflow: hidden; }

/* ===== HERO ===== */
.hero {
  background: linear-gradient(135deg, var(--navy) 0%, var(--teal-800) 50%, var(--teal-700) 100%);
  color: white;
  padding: 60px 48px 48px;
  position: relative; overflow: hidden;
}
.hero::before {
  content: ''; position: absolute; inset: 0;
  background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  pointer-events: none;
}
.hero-badge {
  display: inline-flex; align-items: center; gap: 6px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.2);
  color: rgba(255,255,255,.9);
  font-size: 12px; font-weight: 600;
  padding: 5px 14px; border-radius: 20px;
  margin-bottom: 20px;
  letter-spacing: .5px;
}
.hero h1 {
  color: white;
  font-size: clamp(26px, 3.5vw, 40px);
  font-weight: 700; margin-bottom: 10px;
  text-shadow: 0 2px 8px rgba(0,0,0,.3);
}
.hero-subtitle {
  color: rgba(255,255,255,.75);
  font-size: 15px; max-width: 680px;
  margin-bottom: 32px; line-height: 1.6;
}
.hero-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 36px; }
.chip {
  background: rgba(255,255,255,.13);
  border: 1px solid rgba(255,255,255,.2);
  color: rgba(255,255,255,.9);
  padding: 5px 14px; border-radius: 20px;
  font-size: 12px; font-weight: 500;
}
.chip.highlight { background: var(--gold); border-color: var(--gold); color: var(--navy); }

.hero-intro {
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.15);
  border-radius: var(--radius);
  padding: 20px 24px;
  max-width: 820px;
  backdrop-filter: blur(6px);
}
.hero-intro p { color: rgba(255,255,255,.85); font-size: 14px; line-height: 1.7; }

/* ===== SECTION WRAPPER ===== */
.content-area { padding: 0 48px 60px; }

/* ===== SECTION HEADER ===== */
.section {
  margin-top: 60px;
  scroll-margin-top: 24px;
}
.section-header {
  display: flex; align-items: flex-start; gap: 16px;
  margin-bottom: 28px;
  padding-bottom: 20px;
  border-bottom: 2px solid var(--teal-100);
}
.section-icon {
  width: 48px; height: 48px; min-width: 48px;
  background: linear-gradient(135deg, var(--teal-700), var(--teal-500));
  border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  color: white; font-size: 22px;
  box-shadow: 0 4px 12px rgba(26,99,99,.3);
}
.section-meta { flex: 1; }
.section-meta .section-code {
  font-size: 11px; font-weight: 700;
  color: var(--teal-600); letter-spacing: 1px;
  text-transform: uppercase; margin-bottom: 4px;
}
.section-meta h2 { font-size: 22px; color: var(--navy); margin-bottom: 6px; }
.section-meta .section-req {
  font-size: 12.5px; color: var(--gray-500); line-height: 1.5; max-width: 700px;
}

/* ===== SCORE CHIPS ===== */
.score-row { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; }
.score-chip {
  display: flex; align-items: center; gap: 8px;
  background: var(--white);
  border: 1px solid var(--gray-200);
  border-radius: 10px;
  padding: 8px 14px;
  font-size: 12px;
  box-shadow: var(--shadow-sm);
}
.score-chip .score-num {
  font-size: 18px; font-weight: 700; color: var(--teal-700);
}
.score-chip .score-label { color: var(--gray-500); }
.score-chip .score-gap {
  background: var(--amber-lt); color: var(--amber);
  padding: 2px 8px; border-radius: 6px;
  font-size: 11px; font-weight: 600;
}

/* ===== GRID CARDS ===== */
.grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
@media (max-width: 1200px) { .grid-4 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 900px) {
  .grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; }
  .sidebar { display: none; }
  .content-area { padding: 0 20px 40px; }
  .hero { padding: 40px 20px 36px; }
}

.card {
  background: var(--white);
  border-radius: var(--radius);
  padding: 20px;
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--gray-200);
}
.card-teal {
  background: linear-gradient(135deg, var(--teal-50), var(--teal-100));
  border-color: var(--teal-300);
}
.card-navy {
  background: var(--navy);
  color: white;
  border-color: var(--navy-mid);
}
.card-navy h3, .card-navy p, .card-navy li { color: rgba(255,255,255,.85); }
.card-navy h3 { color: white; }
.card h3 { font-size: 14px; color: var(--teal-700); margin-bottom: 8px; }
.card p, .card li { font-size: 13.5px; line-height: 1.65; }
.card ul { padding-left: 18px; }
.card ul li { margin-bottom: 4px; }

.card-icon-top { margin-bottom: 12px; font-size: 28px; }

/* ===== CONTEXT BLOCK ===== */
.context-block {
  background: var(--teal-50);
  border: 1px solid var(--teal-200, #a3d9d9);
  border-radius: var(--radius);
  padding: 20px 24px;
  margin-bottom: 20px;
}
.context-block h3 {
  font-size: 13px; font-weight: 700;
  color: var(--teal-700); margin-bottom: 10px;
  text-transform: uppercase; letter-spacing: .7px;
}
.context-block p, .context-block li { font-size: 13.5px; color: var(--gray-700); }

/* ===== SUBSECTION TITLE ===== */
.subsec-title {
  display: flex; align-items: center; gap: 10px;
  font-size: 15px; font-weight: 600;
  color: var(--navy-mid);
  margin: 28px 0 14px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--gray-200);
}
.subsec-dot {
  width: 8px; height: 8px;
  background: var(--teal-500);
  border-radius: 50%; flex-shrink: 0;
}

/* ===== GAP ACTION BOXES ===== */
.gap-box {
  background: var(--white);
  border: 1px solid var(--gray-200);
  border-left: 4px solid var(--amber);
  border-radius: var(--radius);
  padding: 16px 20px;
  margin-bottom: 12px;
}
.gap-box .gap-label {
  font-size: 11px; font-weight: 700; color: var(--amber);
  text-transform: uppercase; letter-spacing: .8px; margin-bottom: 4px;
}
.gap-box h4 { font-size: 14px; color: var(--navy); margin-bottom: 6px; }
.gap-box p { font-size: 13px; color: var(--gray-700); line-height: 1.55; }
.gap-done { border-left-color: var(--green-ok); }
.gap-done .gap-label { color: var(--green-ok); }
.gap-plan { border-left-color: var(--teal-600); }
.gap-plan .gap-label { color: var(--teal-600); }

/* ===== ACHIEVEMENT BADGES ===== */
.badge-grid { display: flex; flex-wrap: wrap; gap: 12px; }
.badge-item {
  display: flex; align-items: flex-start; gap: 12px;
  background: linear-gradient(135deg, var(--navy), var(--navy-mid));
  border-radius: var(--radius);
  padding: 14px 16px;
  flex: 1 1 320px;
  min-width: 0;
}
.badge-icon {
  font-size: 22px; flex-shrink: 0; margin-top: 2px;
}
.badge-text .badge-title {
  font-size: 13px; font-weight: 600;
  color: var(--gold-lt); margin-bottom: 3px;
}
.badge-text p { font-size: 12px; color: rgba(255,255,255,.65); line-height: 1.5; }

/* ===== OUTCOME TABLE ===== */
.outcome-table-wrap {
  overflow-x: auto;
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
  margin-bottom: 8px;
}
.outcome-table {
  width: 100%; border-collapse: collapse;
  font-size: 13px;
  background: var(--white);
}
.outcome-table th {
  background: var(--navy);
  color: white;
  padding: 11px 14px;
  text-align: center;
  font-weight: 600;
  font-size: 12px;
  white-space: nowrap;
}
.outcome-table th:first-child { text-align: left; }
.outcome-table td {
  padding: 9px 14px;
  border-bottom: 1px solid var(--gray-200);
  text-align: center;
  font-size: 12.5px;
}
.outcome-table td:first-child { text-align: left; font-size: 13px; }
.outcome-table tr:hover { background: var(--teal-50); }
.outcome-table tr:last-child td { border-bottom: none; }
.outcome-table .target-col {
  background: var(--teal-50);
  font-weight: 600; color: var(--teal-700);
}
.val-good { color: var(--green-ok); font-weight: 600; }
.val-warn { color: var(--amber); font-weight: 600; }
.val-bad  { color: var(--red-gap); font-weight: 600; }
.outcome-table .subhead td {
  background: var(--teal-50);
  font-weight: 700; color: var(--teal-700);
  font-size: 12px;
}

/* ===== CHART AREA ===== */
.chart-wrap {
  background: var(--white);
  border-radius: var(--radius);
  padding: 20px;
  border: 1px solid var(--gray-200);
  margin-bottom: 20px;
  box-shadow: var(--shadow-sm);
}
.chart-title {
  font-size: 13px; font-weight: 600; color: var(--navy);
  margin-bottom: 6px;
}
.chart-sub { font-size: 12px; color: var(--gray-500); margin-bottom: 16px; }
.chart-canvas-wrap { position: relative; height: 220px; }
.chart-interp {
  margin-top: 10px; padding: 8px 14px;
  border-radius: 8px; font-size: 12px;
}
.interp-good { background: var(--green-lt); color: var(--green-ok); }
.interp-warn { background: var(--amber-lt); color: var(--amber); }
.interp-info { background: var(--teal-50); color: var(--teal-700); }

/* ===== SYNTHESIS BOX ===== */
.synthesis-box {
  background: linear-gradient(135deg, var(--navy) 0%, var(--navy-mid) 100%);
  border-radius: var(--radius-lg);
  padding: 28px 32px;
  margin-top: 32px;
  box-shadow: var(--shadow-md);
}
.synthesis-box h3 {
  color: var(--gold-lt); font-size: 15px;
  margin-bottom: 16px;
  display: flex; align-items: center; gap: 8px;
}
.synthesis-row { display: flex; gap: 20px; flex-wrap: wrap; }
.synthesis-col { flex: 1 1 220px; }
.synthesis-col h4 {
  color: var(--teal-300); font-size: 12px;
  text-transform: uppercase; letter-spacing: .8px;
  margin-bottom: 8px;
}
.synthesis-col p, .synthesis-col li {
  color: rgba(255,255,255,.75); font-size: 13px; line-height: 1.6;
}
.synthesis-col ul { padding-left: 16px; }
.synthesis-col ul li { margin-bottom: 4px; }

/* ===== EXEC SUMMARY CARDS ===== */
.exec-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
@media (max-width: 1100px) { .exec-cards { grid-template-columns: repeat(2, 1fr); } }
.exec-card {
  background: var(--white);
  border-radius: var(--radius);
  padding: 20px;
  border: 1px solid var(--gray-200);
  box-shadow: var(--shadow-sm);
  border-top: 4px solid var(--teal-500);
}
.exec-card.strength { border-top-color: var(--green-ok); }
.exec-card.gap { border-top-color: var(--red-gap); }
.exec-card.trend { border-top-color: var(--teal-500); }
.exec-card.proud { border-top-color: var(--gold); }
.exec-card.direction { border-top-color: var(--navy-mid); }
.exec-card .ec-label {
  font-size: 10px; font-weight: 700;
  text-transform: uppercase; letter-spacing: 1px;
  margin-bottom: 8px;
}
.exec-card.strength .ec-label { color: var(--green-ok); }
.exec-card.gap .ec-label { color: var(--red-gap); }
.exec-card.trend .ec-label { color: var(--teal-600); }
.exec-card.proud .ec-label { color: var(--gold); }
.exec-card.direction .ec-label { color: var(--navy-mid); }
.exec-card h3 { font-size: 14px; color: var(--navy); margin-bottom: 10px; }
.exec-card ul { padding-left: 18px; }
.exec-card ul li { font-size: 13px; color: var(--gray-700); margin-bottom: 5px; line-height: 1.5; }

/* ===== CROSS SECTION ===== */
.cross-box {
  background: var(--teal-900);
  border-radius: var(--radius-lg);
  padding: 36px 40px;
}
.cross-box h2 { color: white; font-size: 20px; margin-bottom: 8px; }
.cross-box .cross-sub { color: rgba(255,255,255,.6); font-size: 14px; margin-bottom: 28px; }
.linkage-map {
  display: flex; flex-wrap: wrap; gap: 16px;
  justify-content: center; margin-bottom: 28px;
}
.link-node {
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 10px; padding: 12px 18px;
  text-align: center; min-width: 130px;
}
.link-node .node-icon { font-size: 22px; margin-bottom: 4px; }
.link-node .node-label { color: rgba(255,255,255,.85); font-size: 12px; font-weight: 600; }
.link-node .node-code { color: var(--teal-300); font-size: 11px; margin-top: 2px; }
.link-arrow { color: var(--teal-300); font-size: 20px; display: flex; align-items: center; }

.cross-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
@media (max-width: 900px) { .cross-grid { grid-template-columns: 1fr; } }
.cross-col h4 {
  color: var(--teal-300); font-size: 12px;
  font-weight: 700; text-transform: uppercase; letter-spacing: .8px;
  margin-bottom: 10px;
}
.cross-col p, .cross-col li {
  color: rgba(255,255,255,.7); font-size: 13px; line-height: 1.6;
}
.cross-col ul { padding-left: 16px; }

/* ===== CLOSING ===== */
.closing-box {
  background: linear-gradient(135deg, var(--teal-800), var(--navy));
  border-radius: var(--radius-lg);
  padding: 40px 48px;
  text-align: center;
  color: white;
}
.closing-box h2 { color: white; font-size: 22px; margin-bottom: 12px; }
.closing-box p { color: rgba(255,255,255,.75); font-size: 15px; line-height: 1.7; max-width: 640px; margin: 0 auto 24px; }
.closing-seal {
  display: inline-flex; align-items: center; gap: 10px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.2);
  padding: 10px 24px; border-radius: 30px;
  color: rgba(255,255,255,.9);
  font-size: 13px; font-weight: 600;
}

/* ===== FAB BACK TO TOP ===== */
.fab-top {
  position: fixed; bottom: 28px; right: 28px;
  width: 48px; height: 48px;
  background: var(--teal-600);
  color: white;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 20px;
  cursor: pointer;
  box-shadow: var(--shadow-lg);
  z-index: 200;
  transition: background .2s, transform .2s;
  text-decoration: none;
  opacity: 0;
  pointer-events: none;
}
.fab-top.visible { opacity: 1; pointer-events: all; }
.fab-top:hover { background: var(--teal-700); transform: translateY(-3px); }

/* ===== TOGGLE DETAIL ===== */
.toggle-btn {
  display: inline-flex; align-items: center; gap: 6px;
  background: var(--teal-50); border: 1px solid var(--teal-300);
  color: var(--teal-700); border-radius: 8px;
  padding: 6px 14px; font-size: 12px; font-weight: 600;
  cursor: pointer; margin-bottom: 12px;
  transition: all .2s;
}
.toggle-btn:hover { background: var(--teal-100); }
.toggleable { transition: max-height .3s ease, opacity .3s ease; overflow: hidden; }
.toggleable.collapsed { max-height: 0; opacity: 0; }

/* ===== DIVIDER ===== */
.divider {
  height: 2px;
  background: linear-gradient(90deg, var(--teal-300), transparent);
  margin: 40px 0;
  border-radius: 2px;
}

/* ===== HIGHLIGHT BOX ===== */
.highlight-box {
  background: var(--teal-50);
  border: 1px solid var(--teal-300, #7ecece);
  border-radius: var(--radius);
  padding: 16px 20px;
  margin-bottom: 16px;
}
.highlight-box .hl-tag {
  font-size: 11px; font-weight: 700;
  color: var(--teal-700); text-transform: uppercase; letter-spacing: .8px;
  margin-bottom: 4px;
}
.highlight-box p { font-size: 13.5px; color: var(--gray-700); }
</style>
</head>
<body>

<div class="layout">

<!-- ===== SIDEBAR ===== -->
<nav class="sidebar">
  <div class="sidebar-header">
    <div class="sidebar-logo">
      <div class="logo-icon">🏥</div>
      <div>
        <div class="sidebar-title">SAR หมวด II</div>
        <div class="sidebar-sub">รพ.ป่าพะยอม</div>
      </div>
    </div>
  </div>

  <div class="nav-section">
    <div class="nav-label">ภาพรวม</div>
    <a class="nav-item" onclick="goTo('hero')"><span class="nav-icon">🏠</span>หน้าหลัก / Hero</a>
    <a class="nav-item" onclick="goTo('exec')"><span class="nav-icon">📊</span>Executive Summary</a>
  </div>

  <div class="nav-section">
    <div class="nav-label">มาตรฐาน II</div>
    <a class="nav-item" onclick="goTo('s1')"><span class="nav-icon">🛡️</span>II-1 บริหารความเสี่ยงและคุณภาพ<span class="nav-badge">3.5</span></a>
    <a class="nav-item" onclick="goTo('s21')"><span class="nav-icon">👩‍⚕️</span>II-2.1 กำกับดูแลพยาบาล<span class="nav-badge">3</span></a>
    <a class="nav-item" onclick="goTo('s22')"><span class="nav-icon">👨‍⚕️</span>II-2.2 กำกับดูแลแพทย์<span class="nav-badge">3.5</span></a>
    <a class="nav-item" onclick="goTo('s3')"><span class="nav-icon">🌿</span>II-3 สิ่งแวดล้อม<span class="nav-badge">3</span></a>
    <a class="nav-item" onclick="goTo('s4')"><span class="nav-icon">🦠</span>II-4 ป้องกันการติดเชื้อ<span class="nav-badge">3</span></a>
    <a class="nav-item" onclick="goTo('s5')"><span class="nav-icon">📋</span>II-5 ระบบเวชระเบียน<span class="nav-badge">3</span></a>
    <a class="nav-item" onclick="goTo('s6')"><span class="nav-icon">💊</span>II-6 จัดการด้านยา<span class="nav-badge">3</span></a>
    <a class="nav-item" onclick="goTo('s71')"><span class="nav-icon">🩻</span>II-7.1 รังสีวิทยา<span class="nav-badge">3.5</span></a>
    <a class="nav-item" onclick="goTo('s72')"><span class="nav-icon">🔬</span>II-7.2 ห้องปฏิบัติการ<span class="nav-badge">3.5</span></a>
    <a class="nav-item" onclick="goTo('s74')"><span class="nav-icon">🩸</span>II-7.4 ธนาคารเลือด<span class="nav-badge">3</span></a>
    <a class="nav-item" onclick="goTo('s73')"><span class="nav-icon">🔭</span>II-7.3/7.5 พยาธิ/ตรวจวินิจฉัย<span class="nav-badge">3</span></a>
    <a class="nav-item" onclick="goTo('s8')"><span class="nav-icon">📡</span>II-8 เฝ้าระวังโรค<span class="nav-badge">3</span></a>
    <a class="nav-item" onclick="goTo('s9')"><span class="nav-icon">🤝</span>II-9 การทำงานกับชุมชน<span class="nav-badge">3.5</span></a>
  </div>

  <div class="nav-section">
    <div class="nav-label">สรุป</div>
    <a class="nav-item" onclick="goTo('cross')"><span class="nav-icon">🔗</span>การวิเคราะห์เชิงระบบ</a>
    <a class="nav-item" onclick="goTo('closing')"><span class="nav-icon">✅</span>บทสรุปท้ายหมวด</a>
  </div>
</nav>

<!-- ===== MAIN ===== -->
<div class="main">

<!-- HERO -->
<div id="hero" class="hero">
  <div class="hero-badge">🏥 Self Assessment Report · ปีงบประมาณ 2568</div>
  <h1>SAR หมวด II<br>โรงพยาบาลป่าพะยอม</h1>
  <p class="hero-subtitle">การบริหารคุณภาพ ความปลอดภัย สิ่งแวดล้อมการดูแล การป้องกันการติดเชื้อ และระบบวิชาชีพ</p>

  <div class="hero-chips">
    <span class="chip">🛡️ Patient Safety</span>
    <span class="chip">👩‍⚕️ Professional Governance</span>
    <span class="chip">🌿 Environment of Care</span>
    <span class="chip">🦠 Infection Prevention</span>
    <span class="chip">📋 Medical Record Quality</span>
    <span class="chip">💊 Medication Safety</span>
    <span class="chip">🔬 Laboratory Quality</span>
    <span class="chip">🤝 Community Engagement</span>
    <span class="chip highlight">⭐ Green & Clean Hospital</span>
    <span class="chip highlight">🏅 LA Accredited Lab</span>
  </div>

  <div class="hero-intro">
    <p>หมวด II สะท้อน <strong>"ระบบคุณภาพในงานประจำ"</strong> ของโรงพยาบาลป่าพะยอม รพ.ชุมชน 45 เตียง ระดับ F2(S) อ.ป่าพะยอม จ.พัทลุง ที่เชื่อมโยงระหว่าง <em>องค์กร ระบบดูแลผู้ป่วย วิชาชีพ สิ่งแวดล้อม และชุมชน</em> ให้เกิดเป็นระบบคุณภาพที่ขับเคลื่อนจริงในบริบทโรงพยาบาลชุมชน ครอบคลุม 9 มาตรฐานย่อย ตั้งแต่การบริหารความเสี่ยงจนถึงการทำงานกับชุมชน</p>
  </div>
</div>

<div class="content-area">

<!-- ===== EXECUTIVE SUMMARY ===== -->
<div id="exec" class="section">
  <div class="section-header">
    <div class="section-icon">📊</div>
    <div class="section-meta">
      <div class="section-code">Executive Summary</div>
      <h2>ภาพรวมหมวด II — จุดแข็ง โอกาส และทิศทาง</h2>
    </div>
  </div>

  <div class="exec-cards">
    <div class="exec-card strength">
      <div class="ec-label">✅ จุดแข็ง</div>
      <h3>ระบบที่มีความเข้มแข็ง</h3>
      <ul>
        <li>รายงานอุบัติการณ์ครอบคลุม 100% ผ่านระบบ Internet</li>
        <li>ห้อง Lab ได้รับการรับรอง LA รอบที่ 5 (2566–2569)</li>
        <li>GREEN & CLEAN Hospital ระดับมาตรฐาน ปี 2567</li>
        <li>NCD clinic plus ระดับดีมาก ปี 2568</li>
        <li>ผู้ป่วย ACS/Stroke/PPH/Sepsis ดูแลตามแนวทาง 100%</li>
        <li>ระบบเฝ้าระวังโรค รง.506 ครบถ้วน 100% ทุกปี</li>
      </ul>
    </div>
    <div class="exec-card trend">
      <div class="ec-label">📈 ระบบที่พัฒนาต่อเนื่อง</div>
      <h3>พัฒนาการที่เห็นได้ชัด</h3>
      <ul>
        <li>CMI เพิ่มจาก 0.42 → 0.65 ปี 2568 (เกินเป้า ≥0.6)</li>
        <li>Sum adjust RW เพิ่มจาก 825 → 2,581 ปี 2568</li>
        <li>เวชระเบียน IPD ดีขึ้นต่อเนื่อง 73→83%</li>
        <li>Neonatal Sepsis = 0 ใน 2 ปีหลัง (ลดจาก 4.66%)</li>
        <li>ความสอดคล้องต่อเนื่องทางยา 88→96% (5 ปี)</li>
      </ul>
    </div>
    <div class="exec-card gap">
      <div class="ec-label">⚠️ ประเด็นท้าทาย / Gap</div>
      <h3>โจทย์ที่ยังต้องเร่งรัด</h3>
      <ul>
        <li>Under triage เพิ่มขึ้นต่อเนื่อง 9.5→15.45% (เกินเป้า &lt;5%)</li>
        <li>เวชระเบียน OPD ลดลงฉับพลันปี 2568 (90.04%)</li>
        <li>เวชระเบียน IPD ยังต่ำกว่าเป้า 95%</li>
        <li>คุณภาพน้ำเสียหลังบำบัดต่ำกว่าเกณฑ์ 3 ปีต่อเนื่อง</li>
        <li>Productivity เกิน 130% ใน OPD/ER/IPD</li>
        <li>ผลประเมินความปลอดภัยด้านยา 3.33 (เป้า 5)</li>
      </ul>
    </div>
    <div class="exec-card proud">
      <div class="ec-label">🏅 ผลการพัฒนาโดดเด่น</div>
      <h3>ความภาคภูมิใจ</h3>
      <ul>
        <li>HA National Forum 2569 (2 ผลงาน IC + Nursing)</li>
        <li>R2R Oral Presentation ระดับเขต ปี 2568</li>
        <li>CQI ชนะเลิศระดับโรงพยาบาล ด้านเวชระเบียน ปี 2567</li>
        <li>อำเภอควบคุมโรคเข้มแข็ง สคร.12 ตั้งแต่ปี 2558</li>
        <li>ผ่านมาตรฐาน PCU/NPCU บริการปฐมภูมิ ปี 2567</li>
      </ul>
    </div>
    <div class="exec-card direction">
      <div class="ec-label">🎯 ทิศทางพัฒนาต่อ</div>
      <h3>แผนสำคัญข้างหน้า</h3>
      <ul>
        <li>ขยาย IPD Paperless ครบทุกแผนก</li>
        <li>แก้ไขระบบบำบัดน้ำเสีย (ก่อสร้างบ่อเพิ่ม)</li>
        <li>จัดตั้งศูนย์เครื่องมือ / Health Station ทุกหมู่บ้าน</li>
        <li>Risk Register เชื่อม RCA อย่างเป็นระบบ</li>
        <li>Leadership Walk Round + Risk Round ทุกไตรมาส</li>
      </ul>
    </div>
    <div class="exec-card">
      <div class="ec-label" style="color:var(--teal-600)">🔗 Key Messages</div>
      <h3>สิ่งที่สะท้อน Maturity</h3>
      <ul>
        <li>มีวัฒนธรรมรายงานโปร่งใส — รายงาน Near miss ตามเป้า</li>
        <li>บูรณาการ R2R กับงานประจำมากขึ้นอย่างต่อเนื่อง</li>
        <li>ระบบ IC ขยายสู่เครือข่าย รพ.สต. อย่างเป็นรูปธรรม</li>
        <li>ชุมชนมีส่วนร่วมสูง — Health Station ทุกหมู่บ้าน</li>
      </ul>
    </div>
  </div>
</div>

<div class="divider"></div>

<!-- ===== II-1 ===== -->
<div id="s1" class="section">
  <div class="section-header">
    <div class="section-icon">🛡️</div>
    <div class="section-meta">
      <div class="section-code">II-1</div>
      <h2>การบริหารความเสี่ยง ความปลอดภัย และคุณภาพ</h2>
      <p class="section-req">II-1.1 องค์กรมีการบริหารงานคุณภาพที่ประสานสอดคล้องกันในทุกระดับ | II-1.2 มีระบบบริหารความเสี่ยงและความปลอดภัยที่มีประสิทธิผล</p>
    </div>
  </div>

  <div class="score-row">
    <div class="score-chip"><span class="score-num">3.5</span><span class="score-label">II-1.1 ก (1–3,9)</span><span class="score-gap">L</span></div>
    <div class="score-chip"><span class="score-num">3.5</span><span class="score-label">II-1.1 ก (4–8)</span><span class="score-gap">L</span></div>
    <div class="score-chip"><span class="score-num">3.5</span><span class="score-label">II-1.1 ข (1–4)</span><span class="score-gap">L</span></div>
    <div class="score-chip"><span class="score-num">3.5</span><span class="score-label">II-1.2 ก (1,3,5)</span><span class="score-gap">L</span></div>
    <div class="score-chip"><span class="score-num">3.0</span><span class="score-label">II-1.2 ก (2)</span><span class="score-gap">L</span></div>
    <div class="score-chip"><span class="score-num">3.5</span><span class="score-label">II-1.2 ก (4)</span><span class="score-gap">L</span></div>
  </div>

  <div class="subsec-title"><span class="subsec-dot"></span>บริบทและโครงสร้างระบบคุณภาพ</div>
  <div class="grid-2">
    <div class="card card-teal">
      <div class="card-icon-top">🏗️</div>
      <h3>โครงสร้างคณะกรรมการ</h3>
      <p>คณะกรรมการบริหารความเสี่ยง มีผู้อำนวยการโรงพยาบาลเป็นประธาน สหสาขาวิชาชีพร่วมเป็นคณะกรรมการ และมีตัวแทนทุกหน่วยงานเป็นทีมประสานความเสี่ยง ดำเนินงานทั้งเชิงรุกและเชิงรับอย่างต่อเนื่อง</p>
    </div>
    <div class="card">
      <div class="card-icon-top">🎯</div>
      <h3>จุดเน้น 3P Safety</h3>
      <p>โรงพยาบาลนำระบบ 3P Safety (Patient–Person–Place) มาใช้ มีค่านิยมมุ่งเน้นผู้ป่วยเป็นศูนย์กลาง ครอบคลุมทั้งผู้รับบริการ ผู้ให้บริการ และผู้มาเยือน ทั้งในโรงพยาบาลและชุมชน</p>
    </div>
    <div class="card">
      <div class="card-icon-top">⚠️</div>
      <h3>โรคและหัตถการความเสี่ยงสูง</h3>
      <ul>
        <li><strong>โรคเสี่ยงสูง:</strong> ACS, Stroke, Trauma, HI, Sepsis, TB, HIV/AIDS, จิตเวชฉุกเฉิน, โควิด-19</li>
        <li><strong>หัตถการเสี่ยงสูง:</strong> CPR, คลอดผิดปกติ, ICD, ผ่าตัดทางทันตกรรม</li>
      </ul>
    </div>
    <div class="card">
      <div class="card-icon-top">🎯</div>
      <h3>วัตถุประสงค์เชิงกลยุทธ์</h3>
      <ul>
        <li>พัฒนาระบบดูแลผู้ป่วยเรื้อรัง (DM/HT/Asthma/AIDS/จิตเวช)</li>
        <li>พัฒนาระบบ Trauma</li>
        <li>พัฒนาการดูแล IMC, LTC, Palliative Care</li>
        <li>เพิ่มรายได้ QOF/43 file ลดรายจ่ายสาธารณูปโภค</li>
      </ul>
    </div>
  </div>

  <div class="subsec-title"><span class="subsec-dot"></span>ประเด็นพัฒนา / Gap → Action</div>
  <div class="gap-box gap-done">
    <div class="gap-label">✅ ดำเนินการแล้ว</div>
    <h4>ระบบรายงานอุบัติการณ์ผ่าน Internet 24 ชั่วโมง</h4>
    <p>คณะกรรมการฯ พัฒนารูปแบบการรายงานต่อเนื่อง ปัจจุบันทุกหน่วยงานรายงานผ่านโปรแกรม Internet ครอบคลุม <strong>ร้อยละ 100</strong> พร้อมรายงานอุบัติการณ์ของหน่วยงานตนเอง</p>
  </div>
  <div class="gap-box">
    <div class="gap-label">⚡ Gap ที่กำลังพัฒนา</div>
    <h4>Risk Register และการเชื่อมโยง RCA</h4>
    <p>ส่งเสริมการใช้ Risk Register เพื่อจัดการความเสี่ยงสำคัญ เพิ่มการเชื่อมโยงผล RCA กับการทบทวนมาตรการป้องกันใน Risk register ให้เป็นระบบมากขึ้น</p>
  </div>
  <div class="gap-box gap-plan">
    <div class="gap-label">📌 แผนพัฒนา</div>
    <h4>Leadership Walk Round + Risk Round + R2R</h4>
    <p>กำหนดให้มี Leadership Walk Round ไตรมาสละ 1 ครั้ง, Risk Round ไตรมาสละ 1 ครั้ง, ส่งเสริม R2R ทุกหน่วยงาน, นำ KPI ที่เป็นปัญหามาทบทวนครบทุกตัวชี้วัด</p>
  </div>

  <div class="subsec-title"><span class="subsec-dot"></span>ผลลัพธ์ (ปี 2564–2568)</div>
  <div class="outcome-table-wrap">
    <table class="outcome-table">
      <thead>
        <tr>
          <th>ตัวชี้วัด</th>
          <th>เป้าหมาย</th>
          <th>2564</th>
          <th>2565</th>
          <th>2566</th>
          <th>2567</th>
          <th>2568</th>
        </tr>
      </thead>
      <tbody>
        <tr><td>จำนวนการรายงานอุบัติการณ์</td><td class="target-col">เพิ่มขึ้น</td><td>573</td><td>225</td><td>470</td><td>465</td><td>339</td></tr>
        <tr><td>ร้อยละ Near miss</td><td class="target-col">&gt;80%</td><td class="val-warn">70.33</td><td class="val-warn">75.55</td><td class="val-bad">54.04</td><td class="val-warn">67.74</td><td class="val-warn">69.11</td></tr>
        <tr><td>อัตราอุบัติการณ์รุนแรง (G–I)</td><td class="target-col">0</td><td class="val-bad">2</td><td class="val-bad">3</td><td class="val-warn">0.85</td><td class="val-good">0.21</td><td class="val-good">0.29</td></tr>
        <tr><td>อัตราตอบสนองข้อร้องเรียน</td><td class="target-col">&gt;90%</td><td class="val-good">100</td><td class="val-good">100</td><td class="val-good">100</td><td class="val-good">100</td><td class="val-good">100</td></tr>
        <tr><td>ร้อยละรายงานความเสี่ยงเชิงรุก</td><td class="target-col">&gt;50%</td><td class="val-bad">2.09</td><td class="val-bad">3.55</td><td class="val-bad">5.96</td><td class="val-bad">0</td><td class="val-bad">0</td></tr>
        <tr><td>อัตราทบทวนเหตุการณ์ E–I และแก้ไข</td><td class="target-col">100%</td><td class="val-good">100</td><td class="val-good">100</td><td class="val-good">100</td><td class="val-good">100</td><td class="val-good">100</td></tr>
      </tbody>
    </table>
  </div>

  <div class="chart-wrap">
    <div class="chart-title">แนวโน้มอุบัติการณ์รุนแรง (G–I) ปี 2564–2568</div>
    <div class="chart-sub">เป้าหมาย: 0 | หน่วย: จำนวน/อัตรา</div>
    <div class="chart-canvas-wrap"><canvas id="chartSeverity"></canvas></div>
    <div class="chart-interp interp-good">📉 อุบัติการณ์รุนแรงมีแนวโน้มลดลงอย่างต่อเนื่องตั้งแต่ปี 2565 ซึ่งสะท้อนประสิทธิภาพของระบบป้องกันที่ดีขึ้น แม้ยังไม่ถึงเป้า 0</div>
  </div>

  <div class="synthesis-box">
    <h3>⚡ สรุปเชิงวิเคราะห์ — II-1</h3>
    <div class="synthesis-row">
      <div class="synthesis-col">
        <h4>Maturity ของระบบ</h4>
        <p>การรายงานอุบัติการณ์ครอบคลุม 100% และการทบทวนเหตุการณ์ 100% แสดงว่าระบบรายงานมี maturity สูง แต่การรายงานเชิงรุกยังเป็น gap สำคัญที่ต้องพัฒนา</p>
      </div>
      <div class="synthesis-col">
        <h4>ความท้าทาย</h4>
        <p>Risk Register ยังไม่เชื่อมโยงกับ RCA อย่างเป็นระบบ ทำให้การป้องกันซ้ำยังไม่ครบวงจร ซึ่งเป็นโจทย์ที่ต้องเร่งพัฒนาในปีถัดไป</p>
      </div>
      <div class="synthesis-col">
        <h4>ทิศทาง</h4>
        <p>มีแผนที่ชัดเจน (Walk Round, Risk Round, R2R) ที่จะยกระดับ maturity จากระดับ 3.5 ไปสู่ 4 ได้หากดำเนินการสม่ำเสมอ</p>
      </div>
    </div>
  </div>
</div>

<div class="divider"></div>

<!-- ===== II-2.1 ===== -->
<div id="s21" class="section">
  <div class="section-header">
    <div class="section-icon">👩‍⚕️</div>
    <div class="section-meta">
      <div class="section-code">II-2.1</div>
      <h2>การกำกับดูแลวิชาชีพด้านการพยาบาล</h2>
      <p class="section-req">องค์กรมีระบบบริหารการพยาบาลที่รับผิดชอบต่อการจัดบริการพยาบาลที่มีคุณภาพสูง เพื่อบรรลุพันธกิจขององค์กร</p>
    </div>
  </div>

  <div class="score-row">
    <div class="score-chip"><span class="score-num">3</span><span class="score-label">ระบบบริหารพยาบาล [II-2.1ก]</span><span class="score-gap">L, I</span></div>
    <div class="score-chip"><span class="score-num">3</span><span class="score-label">ปฏิบัติการพยาบาล [II-2.1ข]</span><span class="score-gap">L, I</span></div>
  </div>

  <div class="subsec-title"><span class="subsec-dot"></span>บริบทกำลังคนและการออกแบบระบบ</div>
  <div class="grid-2">
    <div class="card">
      <h3>โครงสร้างกลุ่มงานพยาบาล</h3>
      <ul>
        <li>หัวหน้าพยาบาลเป็นผู้บริหารสูงสุด บริหารแบบมีส่วนร่วม</li>
        <li>7 หน่วยงาน: OPD, ER, IPD, LR, OR, จ่ายกลาง-ซักฟอก, IC</li>
        <li>บุคลากรทั้งหมด 61 คน (พยาบาลวิชาชีพ 32 คน)</li>
        <li>พยาบาลวิชาชีพทั้ง รพ. 45 คน กระจาย 4 กลุ่มงาน</li>
      </ul>
    </div>
    <div class="card card-teal">
      <h3>สมรรถนะและความเชี่ยวชาญ</h3>
      <ul>
        <li>ระดับ Expert 91% (29 คน), Novice 6.25%, Adv. Beginner 3.13%</li>
        <li>เชี่ยวชาญ: Case manager NCD, Emergency, Eye, Anesthesia, IC, Midwife, Palliative Care, Mental Health</li>
        <li>มีแผนทุนนักศึกษาพยาบาล ปี 2568 (ชั้นปีที่ 3=3 ทุน, ปีที่ 4=1 ทุน)</li>
      </ul>
    </div>
  </div>

  <div class="highlight-box">
    <div class="hl-tag">🔑 ระบบ On-Call และอัตรากำลังทดแทน</div>
    <p>กำหนดระบบ On-call นอกเวลาและระบบช่วยเหลือระหว่างหน่วยงาน (OPD↔จ่ายกลาง, ER↔IC/ประกัน, LR↔ER/OR) ผลลัพธ์คือ<strong>ไม่มีอุบัติการณ์รุนแรงจากอัตรากำลังไม่เพียงพอ และไม่เคยถูกฟ้องร้องหรือร้องเรียน</strong></p>
  </div>

  <div class="subsec-title"><span class="subsec-dot"></span>Productivity และภาระงาน</div>
  <div class="grid-4">
    <div class="card">
      <h3>OPD/NCD</h3>
      <div style="font-size:24px;font-weight:700;color:var(--red-gap)">189.66</div>
      <p style="font-size:12px;color:var(--gray-500)">Productivity (เป้า 90–110)</p>
    </div>
    <div class="card">
      <h3>ER</h3>
      <div style="font-size:24px;font-weight:700;color:var(--red-gap)">112.16</div>
      <p style="font-size:12px;color:var(--gray-500)">รวม EMS, Refer</p>
    </div>
    <div class="card">
      <h3>OR</h3>
      <div style="font-size:24px;font-weight:700;color:var(--teal-700)">109.75</div>
      <p style="font-size:12px;color:var(--gray-500)">ใกล้เคียงเป้า</p>
    </div>
    <div class="card" style="border:2px solid var(--red-gap)">
      <h3>IPD</h3>
      <div style="font-size:24px;font-weight:700;color:var(--red-gap)">270.67</div>
      <p style="font-size:12px;color:var(--gray-500)">สูงมาก — เรียกเสริมเมื่อ &gt;130</p>
    </div>
  </div>

  <div class="subsec-title"><span class="subsec-dot"></span>ผลลัพธ์สำคัญ (ปี 2564–2568)</div>
  <div class="outcome-table-wrap">
    <table class="outcome-table">
      <thead>
        <tr><th>ตัวชี้วัด</th><th>เป้าหมาย</th><th>2564</th><th>2565</th><th>2566</th><th>2567</th><th>2568</th></tr>
      </thead>
      <tbody>
        <tr class="subhead"><td colspan="7">ประสิทธิภาพการบริหาร</td></tr>
        <tr><td>Productivity รวม</td><td class="target-col">90–110</td><td class="val-bad">137.69</td><td class="val-bad">135.13</td><td class="val-bad">122.37</td><td class="val-bad">132.10</td><td class="val-bad">142.10</td></tr>
        <tr><td>ร้อยละหน่วยงานที่ภาระงานเหมาะสม</td><td class="target-col">100%</td><td class="val-warn">66.67</td><td class="val-warn">66.67</td><td class="val-warn">66.67</td><td class="val-bad">57.14</td><td class="val-bad">57.14</td></tr>
        <tr><td>QA พยาบาลระดับ 3</td><td class="target-col">&gt;70%</td><td class="val-good">100</td><td class="val-warn">87.86</td><td class="val-good">100</td><td class="val-good">100</td><td class="val-good">100</td></tr>
        <tr class="subhead"><td colspan="7">ความปลอดภัยผู้ป่วย</td></tr>
        <tr><td>Under triage</td><td class="target-col">&lt;5%</td><td class="val-bad">9.52</td><td class="val-bad">8.33</td><td class="val-bad">12.60</td><td class="val-bad">11.6</td><td class="val-bad">15.45</td></tr>
        <tr><td>Over triage</td><td class="target-col">&lt;15%</td><td class="val-good">3.80</td><td class="val-good">0.83</td><td class="val-good">4.20</td><td class="val-good">5.8</td><td class="val-good">8.18</td></tr>
        <tr><td>ผู้ป่วยพลัดตกหกล้ม</td><td class="target-col">0 ราย</td><td class="val-good">0</td><td class="val-good">0</td><td class="val-warn">1</td><td class="val-good">0</td><td class="val-good">0</td></tr>
        <tr><td>ให้เลือดผิดคนผิดชนิด</td><td class="target-col">0</td><td class="val-good">0</td><td class="val-good">0</td><td class="val-good">0</td><td class="val-good">0</td><td class="val-good">0</td></tr>
        <tr class="subhead"><td colspan="7">ผลลัพธ์การดูแลผู้ป่วย</td></tr>
        <tr><td>Re-admit ภายใน 28 วัน</td><td class="target-col">&lt;0.5%</td><td class="val-good">0.48</td><td class="val-warn">0.71</td><td class="val-warn">0.65</td><td class="val-good">0.51</td><td class="val-warn">0.57</td></tr>
        <tr><td>Re-visit ภายใน 48 ชม.</td><td class="target-col">&lt;5:1000</td><td class="val-good">3.48</td><td class="val-bad">5.00</td><td class="val-bad">6.01</td><td class="val-bad">5.7</td><td class="val-good">4.58</td></tr>
        <tr><td>ผู้ป่วยได้รับข้อมูลก่อนจำหน่าย</td><td class="target-col">&gt;85%</td><td class="val-good">95.16</td><td class="val-good">97.93</td><td class="val-good">92.35</td><td class="val-good">95</td><td class="val-good">94</td></tr>
        <tr><td>Palliative Care ครบ 100%</td><td class="target-col">100%</td><td class="val-good">100</td><td class="val-good">100</td><td class="val-good">100</td><td class="val-good">100</td><td class="val-good">100</td></tr>
        <tr><td>DM ควบคุม HbA1c &lt;7</td><td class="target-col">&gt;40%</td><td class="val-bad">35.50</td><td class="val-bad">31.03</td><td class="val-bad">31.61</td><td class="val-bad">34.39</td><td class="val-good">41.24</td></tr>
      </tbody>
    </table>
  </div>

  <div class="chart-wrap">
    <div class="chart-title">Re-visit (48 ชม.) และ Re-admit (28 วัน) ปี 2564–2568</div>
    <div class="chart-sub">Re-visit เป้า &lt;5:1000 | Re-admit เป้า &lt;0.5%</div>
    <div class="chart-canvas-wrap"><canvas id="chartRevisit"></canvas></div>
    <div class="chart-interp interp-info">📋 Re-visit ปี 2568 ลดลงกลับมาในเกณฑ์ดี (4.58) หลังจากสูงกว่าเป้าในปี 2565–2567 | Re-admit ยังผันผวนใกล้เป้าหมาย 0.5%</div>
  </div>

  <div class="badge-grid" style="margin-bottom:20px">
    <div class="badge-item"><span class="badge-icon">🏅</span><div class="badge-text"><div class="badge-title">NCD Clinic Plus ระดับดีมาก</div><p>ผ่านเกณฑ์จากกรมควบคุมโรค กระทรวงสาธารณสุข ปี 2568</p></div></div>
    <div class="badge-item"><span class="badge-icon">🎓</span><div class="badge-text"><div class="badge-title">HA National Forum 2569</div><p>นำเสนอผลงานวิชาการ "การพัฒนาระบบดูแลแผลเท้าเบาหวานกับบทบาทพยาบาลชุมชน"</p></div></div>
    <div class="badge-item"><span class="badge-icon">🏆</span><div class="badge-text"><div class="badge-title">R2R Oral Presentation ระดับเขต 2568</div><p>"ตัดเท้าเป็นศูนย์ กับบทบาทท้าทายพยาบาลชุมชน" — คู่มือดูแลสุขภาพเท้า 6 ประการ</p></div></div>
    <div class="badge-item"><span class="badge-icon">📄</span><div class="badge-text"><div class="badge-title">IC Forum 2568</div><p>"การพัฒนาโปรแกรมการดูแลผู้ป่วยติดเชื้อในกระแสเลือดในหอผู้ป่วยใน"</p></div></div>
    <div class="badge-item"><span class="badge-icon">🫁</span><div class="badge-text"><div class="badge-title">HA National Forum 2569</div><p>"การพัฒนาการดูแลผู้ป่วยระบบทางเดินหายใจโดย HFNC ในหอผู้ป่วยใน"</p></div></div>
  </div>

  <div class="synthesis-box">
    <h3>⚡ สรุปเชิงวิเคราะห์ — II-2.1</h3>
    <div class="synthesis-row">
      <div class="synthesis-col">
        <h4>จุดแข็ง</h4>
        <ul><li>QA พยาบาล 100% ทุกปี</li><li>สมรรถนะ Expert 91%</li><li>ดูแล ACS/Stroke/PPH ตาม CPG 100%</li><li>Palliative Care ครบ 100%</li></ul>
      </div>
      <div class="synthesis-col">
        <h4>ความท้าทาย</h4>
        <ul><li>Productivity เกินเป้าทุกหน่วย</li><li>Under triage เพิ่มขึ้นต่อเนื่อง</li><li>ขาดพยาบาล 8 ตำแหน่งตามเกณฑ์</li></ul>
      </div>
      <div class="synthesis-col">
        <h4>Next Step</h4>
        <ul><li>ขออนุมัติอัตรากำลังเพิ่ม</li><li>พัฒนา Early Warning Sign</li><li>ทบทวน Triage Protocol ER</li></ul>
      </div>
    </div>
  </div>
</div>

<div class="divider"></div>

<!-- ===== II-2.2 ===== -->
<div id="s22" class="section">
  <div class="section-header">
    <div class="section-icon">👨‍⚕️</div>
    <div class="section-meta">
      <div class="section-code">II-2.2</div>
      <h2>การกำกับดูแลวิชาชีพด้านการแพทย์</h2>
      <p class="section-req">องค์กรมีการจัดตั้งองค์กรแพทย์ ส่งเสริมและกำกับดูแลมาตรฐานและจริยธรรมของผู้ประกอบวิชาชีพแพทย์</p>
    </div>
  </div>

  <div class="score-row">
    <div class="score-chip"><span class="score-num">3.5</span><span class="score-label">องค์กรแพทย์ [II-2.2]</span><span class="score-gap">L</span></div>
  </div>

  <div class="grid-2">
    <div class="card card-teal">
      <h3>โครงสร้างองค์กรแพทย์</h3>
      <p>สมาชิกองค์กรแพทย์ 9 คน ร่วมร่างธรรมนูญองค์กรแพทย์ที่ใช้ในการปฏิบัติงาน มุ่งเน้นส่งเสริมมาตรฐานวิชาชีพ จริยธรรม และสนับสนุนองค์กรบรรลุเป้าหมาย</p>
    </div>
    <div class="card">
      <h3>ผลการพัฒนาโดดเด่น</h3>
      <p>ปรับปรุงการบันทึกเวชระเบียน / สรุปเวชระเบียนให้ถูกต้องสมบูรณ์มากขึ้น ส่งผลให้ <strong>Sum adjust RW เพิ่มขึ้นอย่างมีนัยสำคัญ</strong> จาก 825 ปี 2566 เป็น 2,581 ปี 2568</p>
    </div>
  </div>

  <div class="outcome-table-wrap" style="margin-top:16px">
    <table class="outcome-table">
      <thead>
        <tr><th>ตัวชี้วัด</th><th>เป้าหมาย</th><th>2564</th><th>2565</th><th>2566</th><th>2567</th><th>2568</th></tr>
      </thead>
      <tbody>
        <tr><td>Re-visit ER ใน 48 ชม.</td><td class="target-col">&lt;5:1000</td><td class="val-good">3.48</td><td class="val-bad">5.00</td><td class="val-bad">6.01</td><td class="val-bad">5.70</td><td class="val-good">3.36</td></tr>
        <tr><td>Re-admit IPD ใน 28 วัน</td><td class="target-col">&lt;0.5%</td><td class="val-good">0.48</td><td class="val-warn">0.71</td><td class="val-warn">0.65</td><td class="val-good">0.51</td><td class="val-warn">0.57</td></tr>
        <tr><td>ความสมบูรณ์เวชระเบียน IPD</td><td class="target-col">&gt;95%</td><td class="val-bad">76.66</td><td class="val-bad">73.42</td><td class="val-bad">77.44</td><td class="val-bad">80.50</td><td class="val-bad">83.00</td></tr>
        <tr><td>ค่า CMI</td><td class="target-col">≥0.6</td><td class="val-bad">0.51</td><td class="val-bad">0.42</td><td class="val-bad">0.50</td><td class="val-warn">0.58</td><td class="val-good">0.6521</td></tr>
        <tr><td>Sum adjust RW</td><td class="target-col">≥1,200</td><td class="val-warn">1,146</td><td class="val-good">1,353</td><td class="val-bad">825</td><td class="val-good">2,255</td><td class="val-good">2,581</td></tr>
        <tr><td>อุบัติการณ์จริยธรรม/พฤติกรรมบริการแพทย์</td><td class="target-col">0</td><td class="val-good">0</td><td class="val-warn">1</td><td class="val-warn">1</td><td class="val-good">0</td><td class="val-good">0</td></tr>
      </tbody>
    </table>
  </div>

  <div class="chart-wrap" style="margin-top:16px">
    <div class="chart-title">CMI และ Sum Adjust RW ปี 2564–2568</div>
    <div class="chart-sub">CMI เป้า ≥0.6 | Sum adjust RW เป้า ≥1,200</div>
    <div class="chart-canvas-wrap"><canvas id="chartCMI"></canvas></div>
    <div class="chart-interp interp-good">📈 CMI บรรลุเป้าหมายครั้งแรกในปี 2568 (0.65) | Sum adjust RW เพิ่มขึ้นอย่างก้าวกระโดด สะท้อนคุณภาพการบันทึกเวชระเบียนที่ดีขึ้นชัดเจน</div>
  </div>
</div>

<div class="divider"></div>

<!-- ===== II-3 ===== -->
<div id="s3" class="section">
  <div class="section-header">
    <div class="section-icon">🌿</div>
    <div class="section-meta">
      <div class="section-code">II-3</div>
      <h2>สิ่งแวดล้อมในการดูแลผู้ป่วย</h2>
      <p class="section-req">II-3.1 ความปลอดภัยทางกายภาพ | II-3.2 เครื่องมือและสาธารณูปโภคพร้อมใช้ | II-3.3 สิ่งแวดล้อมเอื้อต่อสุขภาพและพิทักษ์สิ่งแวดล้อม</p>
    </div>
  </div>

  <div class="score-row">
    <div class="score-chip"><span class="score-num">3</span><span class="score-label">ความปลอดภัยโครงสร้าง [II-3.1ก,ข]</span><span class="score-gap">L</span></div>
    <div class="score-chip"><span class="score-num">3</span><span class="score-label">อัคคีภัย [II-3.1ค]</span><span class="score-gap">I</span></div>
    <div class="score-chip"><span class="score-num">3</span><span class="score-label">เครื่องมือ/สาธารณูปโภค [II-3.2]</span><span class="score-gap">I</span></div>
    <div class="score-chip"><span class="score-num">3</span><span class="score-label">สิ่งแวดล้อมสุขภาพ [II-3.3ก]</span><span class="score-gap">L</span></div>
    <div class="score-chip"><span class="score-num">3</span><span class="score-label">พิทักษ์สิ่งแวดล้อม [II-3.3ข]</span><span class="score-gap">L</span></div>
  </div>

  <div class="subsec-title"><span class="subsec-dot"></span>บริบทโครงสร้างสิ่งแวดล้อม</div>
  <div class="grid-2">
    <div class="card">
      <h3>ลักษณะสิ่งก่อสร้าง</h3>
      <ul>
        <li>รพ.ชุมชน 45 เตียง ระดับ F2(S) เนื้อที่ 11 ไร่ 73 ตร.ว.</li>
        <li>อาคารทางการแพทย์ 3 อาคาร, อาคารสนับสนุน 5 อาคาร</li>
        <li>บ่อบำบัดน้ำเสีย 3 บ่อ, โรงไฟฟ้าสำรอง 1 หลัง</li>
        <li>น้ำประปาบาดาล หอถังน้ำ 1,500 ลบ.ม.</li>
      </ul>
    </div>
    <div class="card card-teal">
      <h3>ระบบไฟฟ้าและเทคโนโลยี</h3>
      <ul>
        <li>หม้อแปลง 2 ลูก (315 kVA + 160 kVA)</li>
        <li>เครื่องกำเนิดไฟฟ้า 2 เครื่อง (400 kVA + 125 kVA สำรอง)</li>
        <li>Solar cell 20 kW (อาคารซักฟอก)</li>
        <li>กล้องวงจรปิด 14 จุด, ระบบป้องกันฟ้าผ่า 2 จุด</li>
        <li>HosOS, JHCIS, HRMS, Hosoffice</li>
      </ul>
    </div>
  </div>

  <div class="gap-box gap-plan">
    <div class="gap-label">🔧 แผนพัฒนาสำคัญ</div>
    <h4>ระบบบำบัดน้ำเสีย — ปัญหาต่อเนื่อง 3 ปี</h4>
    <p>คุณภาพน้ำเสียหลังบำบัดต่ำกว่าเกณฑ์ปี 2566–2568 มีแผนก่อสร้างบ่อบำบัดเพิ่มเติม และทบทวนการซ้อมแผนอัคคีภัยให้ครอบคลุมทุกปี</p>
  </div>

  <div class="outcome-table-wrap">
    <table class="outcome-table">
      <thead>
        <tr><th>ตัวชี้วัด</th><th>เป้าหมาย</th><th>2564</th><th>2565</th><th>2566</th><th>2567</th><th>2568</th></tr>
      </thead>
      <tbody>
        <tr class="subhead"><td colspan="7">ความพร้อมใช้</td></tr>
        <tr><td>อุบัติการณ์สาธารณูปโภคไม่พร้อมใช้</td><td class="target-col">&lt;3 ครั้ง</td><td class="val-good">1</td><td class="val-good">1</td><td class="val-good">0</td><td class="val-good">0</td><td class="val-good">1</td></tr>
        <tr><td>อุบัติการณ์ก๊าซทางการแพทย์ไม่พร้อมใช้</td><td class="target-col">0</td><td class="val-good">0</td><td class="val-good">0</td><td class="val-good">0</td><td class="val-good">0</td><td class="val-good">0</td></tr>
        <tr><td>เครื่องกำเนิดไฟฟ้าไม่พร้อมเมื่อไฟดับ</td><td class="target-col">0</td><td class="val-warn">1</td><td class="val-good">0</td><td class="val-good">0</td><td class="val-good">0</td><td class="val-good">0</td></tr>
        <tr class="subhead"><td colspan="7">ประสิทธิภาพ</td></tr>
        <tr><td>เครื่องมือความเสี่ยงสูงสอบเทียบ</td><td class="target-col">100%</td><td class="val-good">100</td><td class="val-good">100</td><td class="val-good">100</td><td class="val-good">100</td><td class="val-good">100</td></tr>
        <tr><td>เครื่องมือความเสี่ยงกลางสอบเทียบ</td><td class="target-col">100%</td><td class="val-good">100</td><td class="val-good">100</td><td class="val-good">100</td><td class="val-good">100</td><td class="val-good">100</td></tr>
        <tr><td>ซ้อมแผนอัคคีภัย</td><td class="target-col">80%</td><td class="val-bad">ไม่ดำเนิน</td><td class="val-good">95.5</td><td class="val-good">100</td><td class="val-good">100</td><td class="val-bad">ไม่ดำเนิน</td></tr>
        <tr class="subhead"><td colspan="7">สิ่งแวดล้อม</td></tr>
        <tr><td>แยกขยะถูกต้อง</td><td class="target-col">80%</td><td class="val-good">95.45</td><td class="val-good">95.42</td><td class="val-good">94.74</td><td class="val-good">95.23</td><td class="val-good">92.31</td></tr>
        <tr><td>คุณภาพน้ำเสียหลังบำบัด</td><td class="target-col">ผ่านเกณฑ์</td><td class="val-good">ผ่าน</td><td class="val-good">ผ่าน</td><td class="val-bad">ต่ำกว่า</td><td class="val-bad">ต่ำกว่า</td><td class="val-bad">ต่ำกว่า</td></tr>
        <tr><td>ตรวจสอบวิศวกรรมความปลอดภัย</td><td class="target-col">ผ่านเกณฑ์</td><td class="val-good">ผ่าน</td><td class="val-good">ผ่าน</td><td class="val-good">ผ่าน</td><td class="val-good">ผ่าน</td><td class="val-good">ผ่าน</td></tr>
      </tbody>
    </table>
  </div>

  <div class="badge-grid" style="margin-top:16px">
    <div class="badge-item"><span class="badge-icon">🌱</span><div class="badge-text"><div class="badge-title">GREEN & CLEAN Hospital ระดับมาตรฐาน</div><p>ผ่านการประเมิน ปีงบประมาณ 2567 — ครอบคลุมการจัดการขยะทั้งเครือข่าย</p></div></div>
  </div>
</div>

<div class="divider"></div>

<!-- ===== II-4 ===== -->
<div id="s4" class="section">
  <div class="section-header">
    <div class="section-icon">🦠</div>
    <div class="section-meta">
      <div class="section-code">II-4</div>
      <h2>การป้องกันและควบคุมการติดเชื้อ</h2>
      <p class="section-req">II-4.1 ระบบป้องกันควบคุม เฝ้าระวังที่เหมาะสมกับบริบท | II-4.2 การปฏิบัติที่เหมาะสมเพื่อป้องกันการติดเชื้อจากบริการสุขภาพ</p>
    </div>
  </div>

  <div class="score-row">
    <div class="score-chip"><span class="score-num">3</span><span class="score-label">ระบบ IPC [II-4.1ก]</span><span class="score-gap">L</span></div>
    <div class="score-chip"><span class="score-num">3</span><span class="score-label">เฝ้าระวัง [II-4.1ข]</span><span class="score-gap">L</span></div>
    <div class="score-chip"><span class="score-num">3</span><span class="score-label">ป้องกันทั่วไป [II-4.2ก]</span><span class="score-gap">L</span></div>
    <div class="score-chip"><span class="score-num">3</span><span class="score-label">ป้องกันกลุ่มเฉพาะ [II-4.2ข]</span><span class="score-gap">L</span></div>
  </div>

  <div class="grid-2">
    <div class="card card-teal">
      <h3>ระบบ IC และทีม</h3>
      <ul>
        <li>ICN (พยาบาลควบคุมการติดเชื้อ) เต็มเวลา 1 คน</li>
        <li>ICWN 5 คน ผ่านอบรมหลักสูตรพื้นฐาน 10 วัน</li>
        <li>เฝ้าระวัง Target surveillance: Neonatal Sepsis, Episiotomy, Phlebitis</li>
        <li>เฝ้าระวังหลังผ่าตัดต้อกระจก 30 วัน</li>
      </ul>
    </div>
    <div class="card">
      <h3>การทำให้ปราศจากเชื้อ</h3>
      <ul>
        <li>เครื่องนึ่งไอน้ำ 2 เครื่อง, เครื่องอบแก๊ส EO 1 เครื่อง</li>
        <li>ห้องเก็บอุปกรณ์ปลอดเชื้อ ควบคุมอุณหภูมิ-ความชื้น 24 ชม.</li>
        <li>หน่วยจ่ายกลางเป็นแหล่งเรียนรู้สำหรับ รพ.สต. เครือข่าย</li>
        <li>ARI Clinic แยกผู้ป่วยระบบทางเดินหายใจ</li>
      </ul>
    </div>
  </div>

  <div class="highlight-box">
    <div class="hl-tag">🔬 ผ่าตัดต้อกระจก — Zero Endophthalmitis</div>
    <p>ดำเนินโครงการผ่าตัดต้อกระจกตั้งแต่ ปี 2566 รวมผู้รับบริการกว่า 700 รายใน 5 ครั้ง — <strong>ไม่พบอุบัติการณ์ Endophthalmitis</strong> จากการเฝ้าระวัง 30 วันหลังผ่าตัด</p>
  </div>

  <div class="outcome-table-wrap">
    <table class="outcome-table">
      <thead>
        <tr><th>ตัวชี้วัด</th><th>เป้าหมาย</th><th>2564</th><th>2565</th><th>2566</th><th>2567</th><th>2568</th></tr>
      </thead>
      <tbody>
        <tr><td>อัตราการติดเชื้อในโรงพยาบาล</td><td class="target-col">&lt;0.5:1000 วันนอน</td><td class="val-warn">0.53</td><td class="val-good">0.18</td><td class="val-warn">0.54</td><td class="val-good">0.13</td><td class="val-good">0.26</td></tr>
        <tr><td>Neonatal Sepsis</td><td class="target-col">&lt;1%</td><td class="val-bad">4.49</td><td class="val-bad">2.47</td><td class="val-bad">4.66</td><td class="val-good">0</td><td class="val-good">0</td></tr>
        <tr><td>Infected Episiotomy</td><td class="target-col">&lt;1%</td><td class="val-good">0</td><td class="val-good">0</td><td class="val-good">0</td><td class="val-good">0</td><td class="val-good">0</td></tr>
        <tr><td>Phlebitis</td><td class="target-col">&lt;1%</td><td class="val-good">0</td><td class="val-good">0</td><td class="val-good">0.03</td><td class="val-good">0.02</td><td class="val-good">0.08</td></tr>
        <tr><td>เจ้าหน้าที่ติดเชื้อโควิด (โควิด-19)</td><td class="target-col">0</td><td class="val-good">0</td><td class="val-bad">83</td><td class="val-bad">25</td><td class="val-warn">15</td><td class="val-good">11</td></tr>
        <tr><td>อุบัติเหตุเข็มตำ/สัมผัสสารคัดหลั่ง</td><td class="target-col">0</td><td class="val-warn">1</td><td class="val-warn">3</td><td class="val-warn">1</td><td class="val-bad">5</td><td class="val-warn">1</td></tr>
      </tbody>
    </table>
  </div>

  <div class="chart-wrap">
    <div class="chart-title">อัตราการติดเชื้อ Neonatal Sepsis ปี 2564–2568</div>
    <div class="chart-sub">เป้าหมาย &lt;1% — หน่วย: %</div>
    <div class="chart-canvas-wrap"><canvas id="chartSepsis"></canvas></div>
    <div class="chart-interp interp-good">⭐ Neonatal Sepsis = 0 ในปี 2567–2568 หลังจากยังพบสูงในปี 2566 (4.66%) สะท้อนความสำเร็จของการพัฒนาระบบดูแลทารกแรกคลอด</div>
  </div>

  <div class="badge-grid" style="margin-top:16px">
    <div class="badge-item"><span class="badge-icon">🌱</span><div class="badge-text"><div class="badge-title">Green & Clean Hospital ระดับมาตรฐาน ปี 2567</div><p>ผ่านเกณฑ์ประเมินด้านสิ่งแวดล้อมและการจัดการขยะ</p></div></div>
    <div class="badge-item"><span class="badge-icon">🏅</span><div class="badge-text"><div class="badge-title">PCU/NPCU มาตรฐานบริการปฐมภูมิ ปี 2567</div><p>พัฒนาระบบงาน IC ใน รพ.สต. ผ่านการประเมินรับรอง 2 แห่ง</p></div></div>
    <div class="badge-item"><span class="badge-icon">🎓</span><div class="badge-text"><div class="badge-title">HA National Forum ครั้งที่ 17, 20</div><p>ผลงานพัฒนาคุณภาพ IC ระดับประเทศ และนวัตกรรมกระป๋องเข็ม ICN Forum</p></div></div>
  </div>
</div>

<div class="divider"></div>

<!-- ===== II-5 ===== -->
<div id="s5" class="section">
  <div class="section-header">
    <div class="section-icon">📋</div>
    <div class="section-meta">
      <div class="section-code">II-5</div>
      <h2>ระบบเวชระเบียน</h2>
      <p class="section-req">II-5.1 ระบบบริหารเวชระเบียนที่มีประสิทธิภาพ | II-5.2 เวชระเบียนผู้ป่วยมีข้อมูลเพียงพอครบถ้วน</p>
    </div>
  </div>

  <div class="score-row">
    <div class="score-chip"><span class="score-num">3</span><span class="score-label">ระบบบริหารเวชระเบียน [II-5.1]</span><span class="score-gap">L</span></div>
    <div class="score-chip"><span class="score-num">3</span><span class="score-label">เวชระเบียนผู้ป่วย [II-5.2]</span><span class="score-gap">L</span></div>
  </div>

  <div class="grid-2">
    <div class="card card-teal">
      <h3>ปริมาณการใช้บริการ</h3>
      <div style="overflow-x:auto">
        <table style="width:100%;font-size:12px;border-collapse:collapse">
          <tr style="background:var(--teal-700);color:white"><th style="padding:6px 10px">รายการ</th><th style="padding:6px">2564</th><th style="padding:6px">2565</th><th style="padding:6px">2566</th><th style="padding:6px">2567</th><th style="padding:6px">2568</th></tr>
          <tr><td style="padding:5px 10px">OPD (ครั้ง)</td><td style="padding:5px;text-align:center">77,962</td><td style="padding:5px;text-align:center">95,991</td><td style="padding:5px;text-align:center">76,261</td><td style="padding:5px;text-align:center">95,476</td><td style="padding:5px;text-align:center">109,196</td></tr>
          <tr style="background:var(--gray-100)"><td style="padding:5px 10px">IPD (ครั้ง)</td><td style="padding:5px;text-align:center">2,604</td><td style="padding:5px;text-align:center">2,808</td><td style="padding:5px;text-align:center">3,541</td><td style="padding:5px;text-align:center">4,307</td><td style="padding:5px;text-align:center">3,958</td></tr>
          <tr><td style="padding:5px 10px">วันนอน (วัน)</td><td style="padding:5px;text-align:center">7,520</td><td style="padding:5px;text-align:center">11,413</td><td style="padding:5px;text-align:center">8,867</td><td style="padding:5px;text-align:center">8,399</td><td style="padding:5px;text-align:center">12,105</td></tr>
        </table>
      </div>
    </div>
    <div class="card">
      <h3>ขอบเขต Digital Technology</h3>
      <ul>
        <li>HosOS: OPD Paperless, IPD paperless (Hos Merge)</li>
        <li>ลงทะเบียน / บันทึก / ส่งตรวจ / บันทึก ICD-10 / คำนวณ DRGs</li>
        <li>กำหนดสิทธิ์การเข้าถึงข้อมูลแยกระดับ</li>
        <li>มีแผนขยาย paperless ครบทุกแผนกและชุดประโยคช่วย</li>
      </ul>
    </div>
  </div>

  <div class="outcome-table-wrap" style="margin-top:16px">
    <table class="outcome-table">
      <thead>
        <tr><th>ตัวชี้วัด</th><th>เป้าหมาย</th><th>2564</th><th>2565</th><th>2566</th><th>2567</th><th>2568</th></tr>
      </thead>
      <tbody>
        <tr><td>ความสมบูรณ์เวชระเบียน OPD</td><td class="target-col">≥90%</td><td class="val-good">96.56</td><td class="val-good">96.55</td><td class="val-good">97.37</td><td class="val-good">99.43</td><td class="val-good">90.04</td></tr>
        <tr><td>ความสมบูรณ์เวชระเบียน IPD</td><td class="target-col">≥95%</td><td class="val-bad">76.66</td><td class="val-bad">73.42</td><td class="val-bad">77.44</td><td class="val-bad">80.70</td><td class="val-bad">83</td></tr>
        <tr><td>ความสมบูรณ์ Nursing Record</td><td class="target-col">≥95%</td><td class="val-bad">92.78</td><td class="val-bad">72.02</td><td class="val-bad">76.35</td><td class="val-bad">89.12</td><td class="val-bad">92</td></tr>
        <tr><td>อัตราค้นเวชระเบียนผิดคน</td><td class="target-col">≤1:1000</td><td class="val-good">0.18</td><td class="val-good">0.17</td><td class="val-good">0.16</td><td class="val-good">0.14</td><td class="val-good">0.12</td></tr>
        <tr><td>สูญหายเวชระเบียน IPD</td><td class="target-col">0</td><td class="val-good">0</td><td class="val-good">0</td><td class="val-good">0</td><td class="val-good">0</td><td class="val-good">0</td></tr>
        <tr><td>ร้องเรียนเปิดเผยความลับ</td><td class="target-col">0</td><td class="val-good">0</td><td class="val-good">0</td><td class="val-good">0</td><td class="val-good">0</td><td class="val-good">0</td></tr>
      </tbody>
    </table>
  </div>

  <div class="chart-wrap">
    <div class="chart-title">ความสมบูรณ์เวชระเบียน OPD และ IPD ปี 2564–2568</div>
    <div class="chart-sub">OPD เป้า ≥90% | IPD เป้า ≥95%</div>
    <div class="chart-canvas-wrap"><canvas id="chartMedRec"></canvas></div>
    <div class="chart-interp interp-warn">⚠️ เวชระเบียน IPD มีแนวโน้มดีขึ้นต่อเนื่อง (73→83%) แต่ยังต่ำกว่าเป้า 95% | เวชระเบียน OPD ลดลงฉับพลันปี 2568 (90.04%) ควรเร่งสืบสวนสาเหตุ</div>
  </div>

  <div class="badge-grid" style="margin-top:16px">
    <div class="badge-item"><span class="badge-icon">🏆</span><div class="badge-text"><div class="badge-title">CQI ชนะเลิศระดับ รพ. ปี 2567</div><p>"พัฒนารูปแบบบริการเวชระเบียนผู้ป่วยนอกด้วยกระบวนการ Smart Hospital"</p></div></div>
    <div class="badge-item"><span class="badge-icon">🎖️</span><div class="badge-text"><div class="badge-title">CQI รางวัลชมเชย ระดับจังหวัด ปี 2566</div><p>"พัฒนาการจัดเก็บเวชระเบียนด้วยระบบ Scan"</p></div></div>
    <div class="badge-item"><span class="badge-icon">🥈</span><div class="badge-text"><div class="badge-title">CQI รางวัลชมเชย ระดับเขต ปี 2564</div><p>"พัฒนาระบบทำบัตรใหม่ออนไลน์ รพ.ป่าพะยอม"</p></div></div>
  </div>
</div>

<div class="divider"></div>

<!-- ===== II-6 ===== -->
<div id="s6" class="section">
  <div class="section-header">
    <div class="section-icon">💊</div>
    <div class="section-meta">
      <div class="section-code">II-6</div>
      <h2>ระบบการจัดการด้านยา</h2>
      <p class="section-req">II-6.1 ระบบจัดการยาที่ปลอดภัย เหมาะสม และได้ผล | II-6.2 ความปลอดภัยตั้งแต่สั่งใช้ยาจนถึงบริหารยา</p>
    </div>
  </div>

  <div class="score-row">
    <div class="score-chip"><span class="score-num">3</span><span class="score-label">กำกับดูแลยา [II-6.1ก]</span><span class="score-gap">L, I</span></div>
    <div class="score-chip"><span class="score-num">3</span><span class="score-label">จัดหา/เก็บรักษา [II-6.1ข,ค]</span><span class="score-gap">L, I</span></div>
    <div class="score-chip"><span class="score-num">3</span><span class="score-label">สั่งใช้ยา [II-6.2ก]</span><span class="score-gap">L, I</span></div>
    <div class="score-chip"><span class="score-num">3</span><span class="score-label">จัดจ่าย [II-6.2ข]</span><span class="score-gap">L, I</span></div>
    <div class="score-chip"><span class="score-num">3</span><span class="score-label">บริหารยา [II-6.2ค]</span><span class="score-gap">L, I</span></div>
  </div>

  <div class="grid-2">
    <div class="card card-teal">
      <h3>บัญชียาและ PTC</h3>
      <ul>
        <li>PTC สหสาขาวิชาชีพ มีผู้อำนวยการเป็นประธาน</li>
        <li>บัญชียาทั้งหมด 384 รายการ: ED 360 (92.84%), NED 27</li>
        <li>ยาสมุนไพร 28 รายการ (ED 27)</li>
        <li>นโยบาย 8 หมวด ครอบคลุม ME, High Alert, Reconciliation, ADR, Drug Interaction, RDU</li>
      </ul>
    </div>
    <div class="card">
      <h3>ระบบ IT ป้องกัน ME</h3>
      <ul>
        <li>ระบบเตือน LASA, ผู้ป่วยแพ้ยา, CKD, จำนวนจำกัด</li>
        <li>IPD paperless (ปี 2565) ลด prescribing error</li>
        <li>กล่องยา CPR แลกเปลี่ยนทันทีหลังใช้</li>
        <li>ไม่พบยาหมดอายุที่หน่วยสำรอง ปี 2563–2568</li>
      </ul>
    </div>
  </div>

  <div class="outcome-table-wrap" style="margin-top:16px">
    <table class="outcome-table">
      <thead>
        <tr><th>ตัวชี้วัด</th><th>เป้าหมาย</th><th>2564</th><th>2565</th><th>2566</th><th>2567</th><th>2568</th></tr>
      </thead>
      <tbody>
        <tr><td>Prescribing Error OPD (ต่อพันใบสั่งยา)</td><td class="target-col">≤1.5</td><td class="val-bad">2.64</td><td class="val-warn">1.80</td><td class="val-bad">2.70</td><td class="val-warn">1.66</td><td class="val-good">0.87</td></tr>
        <tr><td>Prescribing Error IPD (ต่อพันวันนอน)</td><td class="target-col">≤5</td><td class="val-good">2.25</td><td class="val-good">0.40</td><td class="val-bad">5.50</td><td class="val-good">2.52</td><td class="val-good">1.26</td></tr>
        <tr><td>Pre-dispensing Error OPD</td><td class="target-col">≤0.2</td><td class="val-good">0.16</td><td class="val-good">0.10</td><td class="val-bad">0.21</td><td class="val-bad">0.45</td><td class="val-bad">0.24</td></tr>
        <tr><td>Administration Error IPD</td><td class="target-col">≤0</td><td class="val-bad">1.71</td><td class="val-good">0.20</td><td class="val-bad">2.57</td><td class="val-bad">2.97</td><td class="val-good">0.16</td></tr>
        <tr><td>แพ้ยาซ้ำ (ครั้ง)</td><td class="target-col">0</td><td class="val-warn">1</td><td class="val-good">0</td><td class="val-good">0</td><td class="val-good">0</td><td class="val-warn">1</td></tr>
        <tr><td>อัตราสำรองยาคงคลัง (เดือน)</td><td class="target-col">&lt;2</td><td class="val-good">1.85</td><td class="val-good">1.58</td><td class="val-good">1.45</td><td class="val-good">1.58</td><td class="val-good">1.73</td></tr>
        <tr><td>ผลประเมินความปลอดภัยด้านยา</td><td class="target-col">5</td><td class="val-bad">3</td><td class="val-bad">3</td><td class="val-bad">3.53</td><td class="val-warn">3.73</td><td class="val-bad">3.33</td></tr>
        <tr><td>ความสอดคล้องต่อเนื่องทางยา</td><td class="target-col">≥90%</td><td class="val-warn">88.53</td><td class="val-good">90.95</td><td class="val-good">93.97</td><td class="val-good">94.74</td><td class="val-good">96.29</td></tr>
      </tbody>
    </table>
  </div>
</div>

<div class="divider"></div>

<!-- ===== II-7.1 ===== -->
<div id="s71" class="section">
  <div class="section-header">
    <div class="section-icon">🩻</div>
    <div class="section-meta">
      <div class="section-code">II-7.1</div>
      <h2>บริการรังสีวิทยา / ภาพการแพทย์</h2>
      <p class="section-req">ให้ข้อมูลที่ถูกต้องน่าเชื่อถือเพื่อวินิจฉัยโรคและการรักษาที่เหมาะสม โดยมีอันตรายต่อผู้ป่วยและเจ้าหน้าที่น้อยที่สุด</p>
    </div>
  </div>

  <div class="score-row">
    <div class="score-chip"><span class="score-num">3.5</span><span class="score-label">บริการรังสีวิทยา [II-7.1]</span><span class="score-gap">L, I</span></div>
  </div>

  <div class="grid-2">
    <div class="card card-teal">
      <h3>ระบบและโครงสร้าง</h3>
      <ul>
        <li>นักรังสีการแพทย์ 1 คน (ใบอนุญาต RSO ระดับกลาง)</li>
        <li>ให้บริการทุกวัน 8.30–16.30 น. + On-call นอกเวลา</li>
        <li>ระบบ Digital Radiography (DR), PACS (DICOM)</li>
        <li>Data Center เชื่อมโยง รพ.พัทลุงเป็นแม่ข่าย</li>
        <li>ผ่านการตรวจสอบความปลอดภัยจากรังสี ปี 2567 ✓</li>
      </ul>
    </div>
    <div class="card">
      <h3>มาตรฐานความปลอดภัย</h3>
      <ul>
        <li>หลัก ALARA (Time, Distance, Shield)</li>
        <li>ซักประวัติหญิงวัยเจริญพันธุ์ก่อนเอกซเรย์ระบบสืบพันธุ์ 100%</li>
        <li>OSL วัดรังสีบุคลากรทุกคน (เริ่ม มี.ค. 2568)</li>
        <li>ผลการวัดรังสีบุคลากรอยู่ในเกณฑ์ปลอดภัย</li>
      </ul>
    </div>
  </div>

  <div class="outcome-table-wrap" style="margin-top:16px">
    <table class="outcome-table">
      <thead>
        <tr><th>ตัวชี้วัด</th><th>เป้าหมาย</th><th>2564</th><th>2565</th><th>2566</th><th>2567</th><th>2568</th></tr>
      </thead>
      <tbody>
        <tr><td>ถ่ายเอกซเรย์ผิดคน/ผิดตำแหน่ง</td><td class="target-col">≤1%</td><td class="val-good">0</td><td class="val-good">0</td><td class="val-good">0</td><td class="val-good">0</td><td class="val-good">0.016</td></tr>
        <tr><td>ถ่ายซ้ำ</td><td class="target-col">≤2%</td><td class="val-good">0.20</td><td class="val-good">0.19</td><td class="val-good">0.28</td><td class="val-good">0.33</td><td class="val-good">0.59</td></tr>
        <tr><td>ระยะเวลารับบริการ</td><td class="target-col">≤5 นาที/ครั้ง</td><td class="val-good">4.01</td><td class="val-good">4.32</td><td class="val-good">4.25</td><td class="val-good">3.96</td><td class="val-good">4.60</td></tr>
        <tr><td>ซักประวัติหญิงวัยเจริญพันธุ์</td><td class="target-col">100%</td><td class="val-good">100</td><td class="val-good">100</td><td class="val-good">100</td><td class="val-good">100</td><td class="val-good">100</td></tr>
        <tr><td>ความพึงพอใจผู้รับบริการ</td><td class="target-col">90%</td><td class="val-good">92.00</td><td class="val-good">93.50</td><td class="val-good">95.60</td><td class="val-good">94.65</td><td class="val-good">95.75</td></tr>
      </tbody>
    </table>
  </div>
</div>

<div class="divider"></div>

<!-- ===== II-7.2 ===== -->
<div id="s72" class="section">
  <div class="section-header">
    <div class="section-icon">🔬</div>
    <div class="section-meta">
      <div class="section-code">II-7.2</div>
      <h2>บริการห้องปฏิบัติการทางการแพทย์</h2>
      <p class="section-req">ให้ข้อมูลที่ถูกต้องน่าเชื่อถือเพื่อวินิจฉัยโรคและการรักษาที่เหมาะสม</p>
    </div>
  </div>

  <div class="score-row">
    <div class="score-chip"><span class="score-num">3.5</span><span class="score-label">บริการ Lab [II-7.2]</span><span class="score-gap">L, I</span></div>
  </div>

  <div class="badge-grid" style="margin-bottom:20px">
    <div class="badge-item"><span class="badge-icon">🏅</span><div class="badge-text"><div class="badge-title">LA รับรองรอบที่ 5 (2566–2569)</div><p>ได้รับการรับรองระบบบริหารคุณภาพห้องปฏิบัติการ (LA) จากสภาเทคนิคการแพทย์ ตั้งแต่ 9 มิถุนายน 2566 ถึง 8 มิถุนายน 2569</p></div></div>
  </div>

  <div class="grid-2">
    <div class="card card-teal">
      <h3>ขอบเขตและชั่วโมงบริการ</h3>
      <ul>
        <li>6 สาขา: โลหิตวิทยา, จุลชีววิทยา, ภูมิคุ้มกัน, เคมีคลินิก, จุลทรรศน์, ธนาคารเลือด</li>
        <li>บริการทุกวัน 08.30 น.–00.30 น. + On-call</li>
        <li>EQA ครอบคลุมทุกสาขา + Interlab compare ≥3 รพ.</li>
        <li>ระบบ LIS ลดความผิดพลาดในกระบวนการ</li>
      </ul>
    </div>
    <div class="card">
      <h3>ผลลัพธ์สำคัญ</h3>
      <ul>
        <li>อัตราการรายงานค่าวิกฤตทันเวลา ปี 2568 = <strong>99.86%</strong></li>
        <li>อัตราตัวอย่างถูกต้อง ปี 2568 = 99.91%</li>
        <li>จำนวนอุบัติการณ์ระดับ E ขึ้นไป = 0 ทุกปี</li>
      </ul>
    </div>
  </div>

  <div class="outcome-table-wrap">
    <table class="outcome-table">
      <thead>
        <tr><th>ตัวชี้วัด</th><th>เป้าหมาย</th><th>2564</th><th>2565</th><th>2566</th><th>2567</th><th>2568</th></tr>
      </thead>
      <tbody>
        <tr><td>อุบัติการณ์ Lab คลาดเคลื่อนทั้งหมด/ระดับ E</td><td class="target-col">0/0</td><td>10/0</td><td>4/0</td><td>2/0</td><td>4/0</td><td class="val-good">0/0</td></tr>
        <tr><td>อัตราการรายงานผิดพลาด</td><td class="target-col">≤1%</td><td class="val-good">0.01</td><td class="val-good">0.01</td><td class="val-good">0.01</td><td class="val-good">0.01</td><td class="val-good">0.01</td></tr>
        <tr><td>รายงานค่าวิกฤตทันเวลา</td><td class="target-col">95%</td><td class="val-bad">92.4</td><td class="val-bad">89.35</td><td class="val-good">97.45</td><td class="val-good">97.35</td><td class="val-good">99.86</td></tr>
        <tr><td>รายงานผล OPD ทันเวลา</td><td class="target-col">85%</td><td class="val-good">85.22</td><td class="val-bad">59.46</td><td class="val-good">85.46</td><td class="val-good">88.91</td><td class="val-bad">83.30</td></tr>
        <tr><td>อัตราตัวอย่างถูกต้อง</td><td class="target-col">98%</td><td class="val-good">99.96</td><td class="val-good">99.98</td><td class="val-good">99.99</td><td class="val-good">99.98</td><td class="val-good">99.91</td></tr>
      </tbody>
    </table>
  </div>
</div>

<div class="divider"></div>

<!-- ===== II-7.4 ===== -->
<div id="s74" class="section">
  <div class="section-header">
    <div class="section-icon">🩸</div>
    <div class="section-meta">
      <div class="section-code">II-7.4</div>
      <h2>ธนาคารเลือดและงานบริการโลหิต</h2>
      <p class="section-req">นำมาตรฐานธนาคารเลือดของศูนย์บริการโลหิตแห่งชาติมาเป็นแนวทาง มีการบริหารคุณภาพและความปลอดภัย</p>
    </div>
  </div>

  <div class="score-row">
    <div class="score-chip"><span class="score-num">3</span><span class="score-label">ธนาคารเลือด [II-7.4]</span><span class="score-gap">L, I</span></div>
  </div>

  <div class="grid-2">
    <div class="card card-teal">
      <h3>ขอบเขตบริการ</h3>
      <ul>
        <li>ตรวจ: Blood group, Rh(D), DAT, IAT, Cross matching</li>
        <li>เบิกโลหิตจาก ธนาคารเลือด รพ.พัทลุง</li>
        <li>ควบคุมห่วงโซ่ความเย็น 1–10°C ขณะขนส่ง</li>
        <li>EQA ร่วมกับสำนักมาตรฐาน ห้องปฏิบัติการกรมวิทยาศาสตร์ฯ ปีละ 3 ครั้ง</li>
      </ul>
    </div>
    <div class="card">
      <h3>ผลลัพธ์ความปลอดภัย</h3>
      <p style="margin-bottom:10px">อุบัติการณ์การให้เลือดผิดคน ผิดหมู่ ผิดชนิด = <strong>0 ทุกปี (ปี 2564–2568)</strong></p>
      <div class="gap-box gap-plan" style="margin-bottom:0">
        <div class="gap-label">📌 แผนพัฒนา</div>
        <p style="font-size:12px">ประสานงานกับธนาคารเลือด รพ.พัทลุง เพื่อลดขั้นตอนและระยะเวลาการรอคอยรับเลือดของผู้ป่วย</p>
      </div>
    </div>
  </div>
</div>

<div class="divider"></div>

<!-- ===== II-7.3 / 7.5 ===== -->
<div id="s73" class="section">
  <div class="section-header">
    <div class="section-icon">🔭</div>
    <div class="section-meta">
      <div class="section-code">II-7.3 / II-7.5</div>
      <h2>พยาธิวิทยากายวิภาค เซลล์วิทยา และบริการตรวจวินิจฉัยอื่นๆ</h2>
      <p class="section-req">นำมาตรฐานวิชาชีพมาเป็นแนวทาง | มีการประเมินผู้ป่วยก่อนส่งตรวจ เตรียมผู้ป่วยอย่างเหมาะสม</p>
    </div>
  </div>

  <div class="score-row">
    <div class="score-chip"><span class="score-num">3</span><span class="score-label">พยาธิ/ตรวจวินิจฉัย [II-7.3/7.5]</span><span class="score-gap">L</span></div>
  </div>

  <div class="card" style="margin-bottom:16px">
    <h3>บริการที่ให้</h3>
    <p>ส่งตรวจ Pap smear, Cytology, ชิ้นเนื้อ ไปยังห้องปฏิบัติการรับส่งต่อ | ปฏิบัติตามแนวทางการยืนยันตัวผู้ป่วย | รายงานผลจากใบรายงานของหน่วยงานภายนอกโดยไม่แก้ไขดัดแปลง</p>
    <div style="margin-top:12px;font-size:13px;color:var(--gray-500)">อุบัติการณ์คลาดเคลื่อน = 0 ทุกปี | ความทันเวลาของรายงานผล = 100% ทุกปี</div>
  </div>
</div>

<div class="divider"></div>

<!-- ===== II-8 ===== -->
<div id="s8" class="section">
  <div class="section-header">
    <div class="section-icon">📡</div>
    <div class="section-meta">
      <div class="section-code">II-8</div>
      <h2>การเฝ้าระวังโรคและภัยสุขภาพ</h2>
      <p class="section-req">ระบบเฝ้าระวังติดตามค้นหาโรคและภัยสุขภาพผิดปกติอย่างมีประสิทธิภาพ และดำเนินการสอบสวนควบคุมโรค</p>
    </div>
  </div>

  <div class="score-row">
    <div class="score-chip"><span class="score-num">3</span><span class="score-label">เฝ้าระวังโรค [II-8]</span><span class="score-gap">L</span></div>
  </div>

  <div class="grid-2">
    <div class="card card-teal">
      <h3>ระบบเฝ้าระวัง</h3>
      <ul>
        <li>ดึงข้อมูลจาก HosOS ทุกวัน → D506 + R506</li>
        <li>นอกเวลา: แจ้งผ่าน Line กลุ่มรายงานโรค รพ.ป่าพะยอม</li>
        <li>รพ.สต.: JHCIS → D506 | SRRT หมู่บ้าน → โทรศัพท์</li>
        <li>วิเคราะห์แบบ Person-Time-Place ต่อเนื่อง</li>
      </ul>
    </div>
    <div class="card">
      <h3>โรคที่เฝ้าระวังสำคัญ</h3>
      <ul>
        <li>ติดต่อ: ไข้เลือดออก, มือ-เท้า-ปาก, วัณโรค, โควิด-19</li>
        <li>ไม่ติดต่อ: เบาหวาน, ความดัน, หลอดเลือด</li>
        <li>อุบัติเหตุทางถนน (รพ.อยู่บนถนนสายหลัก)</li>
        <li>คาดการณ์แนวโน้มย้อนหลัง 3–5 ปี เพื่อวางแผน</li>
      </ul>
    </div>
  </div>

  <div class="outcome-table-wrap" style="margin-top:16px">
    <table class="outcome-table">
      <thead>
        <tr><th>ตัวชี้วัด</th><th>เป้าหมาย</th><th>2564</th><th>2565</th><th>2566</th><th>2567</th><th>2568</th></tr>
      </thead>
      <tbody>
        <tr><td>การประเมินโดย สคร.</td><td class="target-col">ผ่านเกณฑ์</td><td class="val-good">ผ่าน</td><td class="val-good">ผ่าน</td><td class="val-good">ผ่าน</td><td class="val-good">ผ่าน</td><td class="val-good">ผ่าน</td></tr>
        <tr><td>ความครบถ้วน รง.506</td><td class="target-col">80%</td><td class="val-good">100</td><td class="val-good">100</td><td class="val-good">100</td><td class="val-good">100</td><td class="val-good">100</td></tr>
        <tr><td>ความทันเวลา รง.506</td><td class="target-col">80%</td><td class="val-good">98.78</td><td class="val-good">100</td><td class="val-good">100</td><td class="val-good">100</td><td class="val-good">100</td></tr>
        <tr><td>ความครบถ้วนสอบสวนเฉพาะราย</td><td class="target-col">80%</td><td class="val-good">100</td><td class="val-good">100</td><td class="val-good">100</td><td class="val-good">100</td><td class="val-good">100</td></tr>
        <tr><td>ความทันเวลาสอบสวนเฉพาะราย</td><td class="target-col">80%</td><td class="val-good">100</td><td class="val-good">100</td><td class="val-good">100</td><td class="val-good">100</td><td class="val-good">100</td></tr>
      </tbody>
    </table>
  </div>

  <div class="badge-grid" style="margin-top:16px">
    <div class="badge-item"><span class="badge-icon">⭐</span><div class="badge-text"><div class="badge-title">SRRT ผ่านมาตรฐาน ตั้งแต่ปี 2556–ปัจจุบัน</div><p>ทีม SRRT ได้รับการประเมินมาตรฐานต่อเนื่อง — จะประเมินซ้ำในปี 2569</p></div></div>
    <div class="badge-item"><span class="badge-icon">🏅</span><div class="badge-text"><div class="badge-title">อำเภอควบคุมโรคเข้มแข็ง ตั้งแต่ปี 2558</div><p>ผ่านเกณฑ์ประเมินโดย สคร.12 สงขลา อย่างต่อเนื่อง</p></div></div>
  </div>
</div>

<div class="divider"></div>

<!-- ===== II-9 ===== -->
<div id="s9" class="section">
  <div class="section-header">
    <div class="section-icon">🤝</div>
    <div class="section-meta">
      <div class="section-code">II-9</div>
      <h2>การทำงานกับชุมชน</h2>
      <p class="section-req">II-9.1 บริการสร้างเสริมสุขภาพที่ตอบสนองความต้องการชุมชน | II-9.2 สนับสนุนการพัฒนาขีดความสามารถชุมชน</p>
    </div>
  </div>

  <div class="score-row">
    <div class="score-chip"><span class="score-num">3.5</span><span class="score-label">การทำงานกับชุมชน [II-9]</span><span class="score-gap">L</span></div>
  </div>

  <div class="grid-2">
    <div class="card card-teal">
      <h3>พื้นที่รับผิดชอบ</h3>
      <ul>
        <li>ตำบลป่าพะยอม 7 หมู่บ้าน 1,781 ครัวเรือน 6,053 คน</li>
        <li>คปสอ. 4 ตำบล 39 หมู่บ้าน 13,563 หลังคาเรือน 35,438 คน</li>
        <li>ประชากรส่วนใหญ่ทำนา-สวนยาง ป่าพะยอมเข้าสู่สังคมผู้สูงอายุสมบูรณ์</li>
      </ul>
    </div>
    <div class="card">
      <h3>กลไกชุมชน</h3>
      <ul>
        <li>ประชาคมหมู่บ้านทุกปี ร่วมกับ อปท. ตัวแทนชุมชน</li>
        <li>อสม. Care Giver Long Term Care ชมรมผู้สูงอายุ</li>
        <li>Health Station ทุกหมู่บ้าน ปี 2568</li>
        <li>Family care Team ระดับหมู่บ้านและตำบล</li>
      </ul>
    </div>
  </div>

  <div class="outcome-table-wrap" style="margin-top:16px">
    <table class="outcome-table">
      <thead>
        <tr><th>ตัวชี้วัด</th><th>เป้าหมาย</th><th>2564</th><th>2565</th><th>2566</th><th>2567</th><th>2568</th></tr>
      </thead>
      <tbody>
        <tr><td>ร้อยละหญิงตั้งครรภ์โลหิตจาง</td><td class="target-col">&lt;10%</td><td class="val-good">0.13</td><td class="val-good">0</td><td class="val-bad">14.28</td><td class="val-good">6</td><td class="val-bad">15.38</td></tr>
        <tr><td>เด็ก 0–5 ปี พัฒนาการสมวัย</td><td class="target-col">&gt;90%</td><td class="val-good">94.65</td><td class="val-good">94.84</td><td class="val-good">94.07</td><td class="val-good">100</td><td class="val-good">100</td></tr>
        <tr><td>คัดกรองเบาหวาน (อายุ ≥35 ปี)</td><td class="target-col">&gt;90%</td><td class="val-good">96.18</td><td class="val-good">93.28</td><td class="val-good">96.75</td><td class="val-good">92.36</td><td class="val-good">94.25</td></tr>
        <tr><td>คัดกรองความดันโลหิตสูง (อายุ ≥35 ปี)</td><td class="target-col">&gt;90%</td><td class="val-good">95.42</td><td class="val-good">92.45</td><td class="val-good">96.12</td><td class="val-good">90.96</td><td class="val-good">93.81</td></tr>
        <tr><td>ผู้สูงอายุได้รับการคัดกรอง ADL</td><td class="target-col">&gt;90%</td><td class="val-good">99.73</td><td class="val-good">97.81</td><td class="val-good">97.91</td><td class="val-good">97.51</td><td class="val-good">99.34</td></tr>
        <tr><td>อัตราผู้ป่วยเบาหวานรายใหม่จากกลุ่มเสี่ยง</td><td class="target-col">&lt;2%</td><td class="val-bad">2.16</td><td class="val-bad">2.19</td><td class="val-bad">2.90</td><td class="val-bad">6.85</td><td class="val-bad">3.19</td></tr>
      </tbody>
    </table>
  </div>

  <div class="badge-grid" style="margin-top:16px">
    <div class="badge-item"><span class="badge-icon">👴</span><div class="badge-text"><div class="badge-title">Long Term Care ครบ 100%</div><p>ผู้ป่วยติดเตียงทุกคนได้รับการดูแลจาก Care Manager + Care Giver ไม่พบภาวะแทรกซ้อน</p></div></div>
    <div class="badge-item"><span class="badge-icon">👶</span><div class="badge-text"><div class="badge-title">เด็ก 0–5 ปี พัฒนาการสมวัย 100% ปี 2567–2568</div><p>ผู้ปกครองมีส่วนร่วมสูงขึ้น พาบุตรมาตรวจตามนัดครบ</p></div></div>
    <div class="badge-item"><span class="badge-icon">🏫</span><div class="badge-text"><div class="badge-title">To Be No.1 รางวัลรองชนะเลิศจังหวัดพัทลุง ปี 2568</div><p>โรงเรียนเรวดีศึกษา สาขาป่าพะยอม เป็นตัวแทนจังหวัดแข่งขันระดับภาคใต้</p></div></div>
  </div>
</div>

<div class="divider"></div>

<!-- ===== CROSS SYNTHESIS ===== -->
<div id="cross" class="section">
  <div class="cross-box">
    <h2>🔗 การวิเคราะห์เชิงระบบ — ภาพรวมหมวด II</h2>
    <p class="cross-sub">ระบบในหมวด II ไม่ได้แยกส่วน แต่เชื่อมโยงและเกื้อกูลกันตลอดห่วงโซ่คุณภาพ</p>

    <div class="linkage-map">
      <div class="link-node">
        <div class="node-icon">🛡️</div>
        <div class="node-label">RM & Quality</div>
        <div class="node-code">II-1</div>
      </div>
      <div class="link-arrow">→</div>
      <div class="link-node">
        <div class="node-icon">👩‍⚕️👨‍⚕️</div>
        <div class="node-label">Professional Gov.</div>
        <div class="node-code">II-2.1–2.2</div>
      </div>
      <div class="link-arrow">→</div>
      <div class="link-node">
        <div class="node-icon">🌿🦠</div>
        <div class="node-label">ENV & IC</div>
        <div class="node-code">II-3–4</div>
      </div>
      <div class="link-arrow">→</div>
      <div class="link-node">
        <div class="node-icon">📋💊🔬</div>
        <div class="node-label">Clinical Support</div>
        <div class="node-code">II-5,6,7</div>
      </div>
      <div class="link-arrow">→</div>
      <div class="link-node">
        <div class="node-icon">📡🤝</div>
        <div class="node-label">Community</div>
        <div class="node-code">II-8–9</div>
      </div>
    </div>

    <div class="cross-grid">
      <div class="cross-col">
        <h4>🏆 ระบบที่เข้มแข็ง</h4>
        <ul>
          <li>วัฒนธรรมรายงานอุบัติการณ์โปร่งใส 100%</li>
          <li>Lab รับรอง LA รอบที่ 5</li>
          <li>IC ขยายสู่เครือข่าย — PCU/NPCU ผ่าน 2567</li>
          <li>SRRT มาตรฐานต่อเนื่องตั้งแต่ปี 2556</li>
          <li>Palliative Care / LTC ครอบคลุม 100%</li>
          <li>ความพึงพอใจรังสี &gt;90% ทุกปี</li>
        </ul>
      </div>
      <div class="cross-col">
        <h4>⚡ Transition / Improvement</h4>
        <ul>
          <li>เวชระเบียน IPD: 73→83% ยังต่ำกว่าเป้า 95%</li>
          <li>CMI บรรลุเป้าปีแรก (0.65) — ต้องรักษาระดับ</li>
          <li>Triage ER: Under triage เพิ่มขึ้น ต้องทบทวน Protocol</li>
          <li>ระบบน้ำเสีย: ต่ำกว่าเกณฑ์ 3 ปี — มีแผนแก้ไขแล้ว</li>
          <li>Risk Register ยังไม่เชื่อมโยง RCA เต็มรูปแบบ</li>
        </ul>
      </div>
      <div class="cross-col">
        <h4>🎯 ประเด็นร่วมข้ามมาตรฐาน</h4>
        <ul>
          <li><strong>Patient Safety Culture</strong>: II-1 → 2 → 4 → 6</li>
          <li><strong>Competency</strong>: II-2.1 → 7.1 → 7.2 → 8</li>
          <li><strong>Continuity of Care</strong>: II-2.2 → 5 → 6 → 9</li>
          <li><strong>Environment Readiness</strong>: II-3 → 4 → 7</li>
          <li><strong>Documentation Quality</strong>: II-5 → CMI → Funding</li>
          <li><strong>Community Integration</strong>: II-8 → 9 → Prevention</li>
        </ul>
      </div>
    </div>
  </div>
</div>

<!-- ===== CLOSING ===== -->
<div id="closing" class="section">
  <div class="closing-box">
    <h2>โรงพยาบาลป่าพะยอม<br>มุ่งมั่นพัฒนาคุณภาพบนฐานบริบทจริง</h2>
    <p>โรงพยาบาลป่าพะยอม ในฐานะโรงพยาบาลชุมชน 45 เตียง ระดับ F2(S) สะท้อนให้เห็นว่าการพัฒนาระบบคุณภาพในหมวด II ไม่ใช่การสร้างเอกสาร แต่คือการออกแบบระบบให้สอดคล้องกับบริบทจริงของชุมชนป่าพะยอม ทั้งโรคที่พบบ่อย กำลังคนที่มี ข้อจำกัดที่รู้ และโอกาสที่พัฒนาอย่างต่อเนื่อง ด้วยวัฒนธรรมที่โปร่งใส เรียนรู้จากอุบัติการณ์ และมองไปข้างหน้า</p>
    <div class="closing-seal">✅ ข้อมูลจากเอกสาร SAR ฉบับ 29 ธ.ค. 2568 | จัดทำเพื่อนำเสนอผู้เยี่ยมสำรวจ สรพ.</div>
  </div>
</div>

</div><!-- end content-area -->
</div><!-- end main -->
</div><!-- end layout -->

<!-- FAB -->
<a class="fab-top" id="fabTop" onclick="window.scrollTo({top:0,behavior:'smooth'})">↑</a>

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/chart.umd.min.js"></script>
<script>
/* ===== NAVIGATION ===== */
function goTo(id) {
  const el = document.getElementById(id);
  if (el) el.scrollIntoView({ behavior: 'smooth', block: 'start' });
}

/* ===== FAB ===== */
window.addEventListener('scroll', () => {
  const fab = document.getElementById('fabTop');
  if (window.scrollY > 400) fab.classList.add('visible');
  else fab.classList.remove('visible');
});

/* ===== CHART DEFAULTS ===== */
Chart.defaults.font.family = "'IBM Plex Sans Thai', 'Sarabun', sans-serif";
Chart.defaults.font.size = 12;
const years = ['2564', '2565', '2566', '2567', '2568'];
const teal = '#1e7878';
const navy = '#162a3a';
const amber = '#b86b00';
const red = '#9b2335';
const green = '#1a7a4a';

/* ===== CHART 1: Severity incidents ===== */
new Chart(document.getElementById('chartSeverity'), {
  type: 'bar',
  data: {
    labels: years,
    datasets: [{
      label: 'อุบัติการณ์รุนแรง G–I',
      data: [2, 3, 0.85, 0.21, 0.29],
      backgroundColor: ['#f87171','#ef4444','#fbbf24','#86efac','#86efac'],
      borderRadius: 6
    }, {
      type: 'line',
      label: 'เป้าหมาย = 0',
      data: [0, 0, 0, 0, 0],
      borderColor: red,
      borderDash: [6, 3],
      pointRadius: 0,
      fill: false
    }]
  },
  options: {
    responsive: true, maintainAspectRatio: false,
    plugins: { legend: { position: 'bottom' } },
    scales: { y: { beginAtZero: true, grid: { color: '#f0f0f0' } } }
  }
});

/* ===== CHART 2: Re-visit & Re-admit ===== */
new Chart(document.getElementById('chartRevisit'), {
  type: 'line',
  data: {
    labels: years,
    datasets: [{
      label: 'Re-visit (/1000 ครั้ง)',
      data: [3.48, 5.00, 6.01, 5.7, 4.58],
      borderColor: teal, backgroundColor: 'rgba(30,120,120,.1)',
      fill: true, tension: 0.3, pointRadius: 5
    }, {
      label: 'Re-admit (%)',
      data: [0.48, 0.71, 0.65, 0.51, 0.57],
      borderColor: amber, backgroundColor: 'rgba(184,107,0,.1)',
      fill: true, tension: 0.3, pointRadius: 5
    }, {
      label: 'เป้า Re-visit = 5',
      data: [5, 5, 5, 5, 5],
      borderColor: teal, borderDash: [4, 4], pointRadius: 0, fill: false
    }, {
      label: 'เป้า Re-admit = 0.5',
      data: [0.5, 0.5, 0.5, 0.5, 0.5],
      borderColor: amber, borderDash: [4, 4], pointRadius: 0, fill: false
    }]
  },
  options: {
    responsive: true, maintainAspectRatio: false,
    plugins: { legend: { position: 'bottom' } },
    scales: { y: { beginAtZero: true, grid: { color: '#f0f0f0' } } }
  }
});

/* ===== CHART 3: CMI & Sum RW ===== */
new Chart(document.getElementById('chartCMI'), {
  type: 'bar',
  data: {
    labels: years,
    datasets: [{
      label: 'CMI (แกนซ้าย)',
      data: [0.51, 0.42, 0.50, 0.58, 0.6521],
      backgroundColor: ['#86efac','#fca5a5','#fca5a5','#fde68a','#22c55e'],
      borderRadius: 6, yAxisID: 'y'
    }, {
      type: 'line',
      label: 'Sum adjust RW (แกนขวา)',
      data: [1146, 1353, 825, 2255, 2581],
      borderColor: navy, backgroundColor: 'rgba(22,42,58,.1)',
      fill: true, tension: 0.3, pointRadius: 5, yAxisID: 'y2'
    }]
  },
  options: {
    responsive: true, maintainAspectRatio: false,
    plugins: { legend: { position: 'bottom' } },
    scales: {
      y: { type: 'linear', position: 'left', beginAtZero: true, max: 1, title: { display: true, text: 'CMI' } },
      y2: { type: 'linear', position: 'right', beginAtZero: true, grid: { drawOnChartArea: false }, title: { display: true, text: 'Sum RW' } }
    }
  }
});

/* ===== CHART 4: Neonatal Sepsis ===== */
new Chart(document.getElementById('chartSepsis'), {
  type: 'line',
  data: {
    labels: years,
    datasets: [{
      label: 'Neonatal Sepsis (%)',
      data: [4.49, 2.47, 4.66, 0, 0],
      borderColor: red, backgroundColor: 'rgba(155,35,53,.1)',
      fill: true, tension: 0.3, pointRadius: 6,
      pointBackgroundColor: ['#ef4444','#f87171','#ef4444','#22c55e','#22c55e']
    }, {
      label: 'เป้าหมาย &lt;1%',
      data: [1, 1, 1, 1, 1],
      borderColor: green, borderDash: [6, 3], pointRadius: 0, fill: false
    }]
  },
  options: {
    responsive: true, maintainAspectRatio: false,
    plugins: { legend: { position: 'bottom' } },
    scales: { y: { beginAtZero: true, grid: { color: '#f0f0f0' } } }
  }
});

/* ===== CHART 5: Medical Record Completeness ===== */
new Chart(document.getElementById('chartMedRec'), {
  type: 'line',
  data: {
    labels: years,
    datasets: [{
      label: 'OPD (%)',
      data: [96.56, 96.55, 97.37, 99.43, 90.04],
      borderColor: teal, backgroundColor: 'rgba(30,120,120,.1)',
      fill: true, tension: 0.3, pointRadius: 5
    }, {
      label: 'IPD (%)',
      data: [76.66, 73.42, 77.44, 80.70, 83],
      borderColor: navy, backgroundColor: 'rgba(22,42,58,.1)',
      fill: true, tension: 0.3, pointRadius: 5
    }, {
      label: 'เป้า OPD 90%',
      data: [90, 90, 90, 90, 90],
      borderColor: teal, borderDash: [4, 4], pointRadius: 0, fill: false
    }, {
      label: 'เป้า IPD 95%',
      data: [95, 95, 95, 95, 95],
      borderColor: navy, borderDash: [4, 4], pointRadius: 0, fill: false
    }]
  },
  options: {
    responsive: true, maintainAspectRatio: false,
    plugins: { legend: { position: 'bottom' } },
    scales: { y: { min: 60, max: 105, grid: { color: '#f0f0f0' } } }
  }
});

/* ===== Active Nav Highlight ===== */
const sections = document.querySelectorAll('.section, .hero');
const navItems = document.querySelectorAll('.nav-item');
const observer = new IntersectionObserver((entries) => {
  entries.forEach(entry => {
    if (entry.isIntersecting) {
      const id = entry.target.id;
      navItems.forEach(n => {
        n.classList.remove('active');
        if (n.getAttribute('onclick') && n.getAttribute('onclick').includes(`'${id}'`)) {
          n.classList.add('active');
        }
      });
    }
  });
}, { rootMargin: '-20% 0px -70% 0px' });
sections.forEach(s => observer.observe(s));
</script>
</body>
</html>

Youez - 2016 - github.com/yon3zu
LinuXploit