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/service_profile_2569.html
<!DOCTYPE html>
<html lang="th">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Service Profile โรงพยาบาลป่าพะยอม ปี 2569</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/chart.umd.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/chartjs-plugin-annotation.min.js"></script>
<style>
:root {
  --green-deep: #0d5c3a;
  --green-mid: #1a8c5a;
  --green-light: #2db87a;
  --green-pale: #e8f7f1;
  --blue-light: #e3f0fb;
  --blue-mid: #3a8fd6;
  --white: #ffffff;
  --gray-100: #f7f9fc;
  --gray-200: #eef2f7;
  --gray-400: #9aacbd;
  --gray-600: #5a6d7e;
  --gray-800: #2c3e50;
  --orange: #e87c2a;
  --orange-light: #fff3e8;
  --red: #d63031;
  --red-light: #ffeaea;
  --gold: #f1c40f;
  --shadow-sm: 0 2px 8px rgba(13,92,58,0.07);
  --shadow-md: 0 4px 20px rgba(13,92,58,0.12);
  --radius: 12px;
  --font: 'Sarabun', sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--font);background:var(--gray-100);color:var(--gray-800);font-size:15px;line-height:1.6;}
@media print{.nav-bar,.print-btn{display:none!important;}.section{page-break-before:always;}body{background:white;}.main-content{margin:0;padding:20px;}}
.nav-bar{position:fixed;top:0;left:0;right:0;background:var(--green-deep);z-index:1000;display:flex;align-items:center;padding:0 20px;height:56px;box-shadow:0 2px 12px rgba(0,0,0,0.25);}
.nav-logo{color:white;font-weight:800;font-size:15px;white-space:nowrap;display:flex;align-items:center;gap:10px;}
.nav-logo-dot{width:10px;height:10px;background:var(--green-light);border-radius:50%;display:inline-block;}
.nav-links{display:flex;align-items:center;gap:2px;margin-left:24px;overflow-x:auto;flex:1;scrollbar-width:none;}
.nav-links::-webkit-scrollbar{display:none;}
.nav-link{color:rgba(255,255,255,0.75);text-decoration:none;font-size:12px;font-weight:500;padding:6px 10px;border-radius:6px;white-space:nowrap;transition:all 0.2s;}
.nav-link:hover{color:white;background:rgba(255,255,255,0.12);}
.nav-link.active{color:white;background:var(--green-mid);}
.print-btn{margin-left:auto;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.3);color:white;padding:6px 16px;border-radius:20px;font-family:var(--font);font-size:12px;cursor:pointer;white-space:nowrap;}
.main-content{margin-top:56px;}
.section{padding:48px 40px;max-width:1320px;margin:0 auto;}
.section-title{font-size:22px;font-weight:800;color:var(--green-deep);margin-bottom:8px;display:flex;align-items:center;gap:12px;}
.section-title::before{content:'';width:6px;height:28px;background:linear-gradient(to bottom,var(--green-light),var(--green-mid));border-radius:3px;flex-shrink:0;}
.section-subtitle{color:var(--gray-600);font-size:14px;margin-bottom:28px;padding-left:18px;}
.card{background:white;border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:24px;}
.card-grid{display:grid;gap:20px;}
.grid-2{grid-template-columns:repeat(2,1fr);}
.grid-3{grid-template-columns:repeat(3,1fr);}
.grid-4{grid-template-columns:repeat(4,1fr);}
@media(max-width:900px){.grid-4{grid-template-columns:repeat(2,1fr);}.grid-3{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;}.section{padding:32px 20px;}}
.cover-section{background:linear-gradient(135deg,var(--green-deep) 0%,#0f7a4e 60%,#1a9c62 100%);color:white;padding:60px 40px;position:relative;overflow:hidden;}
.cover-section::before{content:'';position:absolute;top:-60px;right:-60px;width:350px;height:350px;border-radius:50%;background:rgba(255,255,255,0.04);}
.cover-inner{max-width:1320px;margin:0 auto;position:relative;z-index:1;}
.cover-tag{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.25);border-radius:20px;padding:5px 16px;font-size:12px;font-weight:600;letter-spacing:0.5px;margin-bottom:20px;}
.cover-tag-dot{width:7px;height:7px;background:#6fffb6;border-radius:50%;animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{opacity:1;}50%{opacity:0.4;}}
.cover-title{font-size:clamp(26px,4vw,42px);font-weight:800;line-height:1.2;margin-bottom:8px;}
.cover-sub{font-size:18px;opacity:0.8;margin-bottom:6px;}
.cover-date{font-size:13px;opacity:0.6;margin-bottom:28px;}
.cover-purpose{background:rgba(255,255,255,0.12);border-left:4px solid #6fffb6;border-radius:0 10px 10px 0;padding:16px 20px;font-size:17px;font-weight:600;max-width:680px;margin-bottom:36px;}
.cover-pillars{display:flex;gap:16px;flex-wrap:wrap;}
.pillar-card{background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.2);border-radius:var(--radius);padding:18px 24px;text-align:center;flex:1;min-width:140px;backdrop-filter:blur(10px);transition:transform 0.2s;}
.pillar-card:hover{transform:translateY(-3px);}
.pillar-icon{font-size:28px;margin-bottom:8px;}
.pillar-label{font-size:16px;font-weight:700;}
.pillar-desc{font-size:11px;opacity:0.7;margin-top:4px;}
.stat-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:20px;}
.stat-mini{background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.2);border-radius:10px;padding:14px 18px;min-width:140px;flex:1;}
.stat-mini-val{font-size:22px;font-weight:800;color:white;}
.stat-mini-lbl{font-size:11px;opacity:0.7;margin-top:2px;}
.kpi-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;}
.badge-pass{background:var(--green-pale);color:var(--green-deep);}
.badge-warn{background:var(--orange-light);color:var(--orange);}
.badge-fail{background:var(--red-light);color:var(--red);}
.badge-na{background:var(--gray-200);color:var(--gray-600);}
.kpi-card{background:white;border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px 22px;border-top:4px solid var(--green-mid);}
.kpi-card.warn{border-top-color:var(--orange);}
.kpi-card.fail{border-top-color:var(--red);}
.kpi-card.neutral{border-top-color:var(--blue-mid);}
.kpi-label{font-size:12px;color:var(--gray-600);font-weight:500;margin-bottom:6px;}
.kpi-value{font-size:28px;font-weight:800;color:var(--gray-800);line-height:1;margin-bottom:4px;}
.kpi-value.warn{color:var(--orange);}
.kpi-value.pass{color:var(--green-deep);}
.kpi-target{font-size:11px;color:var(--gray-400);}
.table-wrap{overflow-x:auto;border-radius:var(--radius);box-shadow:var(--shadow-sm);}
table{width:100%;border-collapse:collapse;background:white;font-size:13px;}
thead tr{background:var(--green-deep);color:white;}
thead th{padding:12px 14px;text-align:left;font-weight:600;white-space:nowrap;font-size:12px;}
tbody tr{border-bottom:1px solid var(--gray-200);transition:background 0.15s;}
tbody tr:hover{background:var(--green-pale);}
tbody td{padding:10px 14px;vertical-align:top;}
tbody tr:last-child{border-bottom:none;}
.td-center{text-align:center;}
.flow-wrap{display:flex;align-items:stretch;gap:0;overflow-x:auto;padding:10px 0;}
.flow-step{flex:1;min-width:180px;background:white;border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:16px 14px;position:relative;}
.flow-arrow{display:flex;align-items:center;justify-content:center;color:var(--green-mid);font-size:22px;padding:0 8px;flex-shrink:0;}
.flow-num{width:28px;height:28px;background:var(--green-deep);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;margin-bottom:10px;}
.flow-title{font-size:13px;font-weight:700;color:var(--green-deep);margin-bottom:10px;}
.flow-meta{font-size:10.5px;color:var(--gray-600);margin-top:4px;}
.flow-meta-title{font-weight:600;color:var(--gray-800);font-size:10.5px;margin-bottom:2px;margin-top:8px;}
.flow-risk{font-size:10px;color:var(--orange);font-weight:500;}
.flow-indicator{font-size:10px;color:var(--green-mid);font-weight:500;}
.tab-bar{display:flex;gap:4px;margin-bottom:20px;border-bottom:2px solid var(--gray-200);flex-wrap:wrap;}
.tab-btn{padding:8px 20px;background:transparent;border:none;border-bottom:3px solid transparent;font-family:var(--font);font-size:13px;font-weight:600;color:var(--gray-600);cursor:pointer;margin-bottom:-2px;transition:all 0.2s;}
.tab-btn.active{color:var(--green-deep);border-bottom-color:var(--green-mid);}
.tab-panel{display:none;}
.tab-panel.active{display:block;}
.cqi-card{background:white;border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;border:1px solid var(--gray-200);}
.cqi-header{background:linear-gradient(to right,var(--green-deep),var(--green-mid));color:white;padding:16px 20px;}
.cqi-title{font-size:14px;font-weight:700;}
.cqi-body{padding:20px;}
.cqi-step{display:flex;gap:12px;margin-bottom:14px;}
.cqi-step-label{width:80px;flex-shrink:0;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;color:white;background:var(--green-mid);border-radius:6px;padding:4px 8px;text-align:center;height:fit-content;margin-top:2px;}
.cqi-step-label.context{background:var(--blue-mid);}
.cqi-step-label.challenge{background:var(--orange);}
.cqi-step-label.result{background:var(--green-deep);}
.cqi-step-label.next{background:var(--gray-600);}
.cqi-step-text{font-size:13px;color:var(--gray-800);line-height:1.6;}
.risk-item{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;background:white;border-radius:var(--radius);box-shadow:var(--shadow-sm);border-left:4px solid var(--gray-400);margin-bottom:10px;}
.risk-item.high{border-left-color:var(--red);}
.risk-item.medium{border-left-color:var(--orange);}
.risk-item.low{border-left-color:var(--green-mid);}
.risk-badge{flex-shrink:0;padding:4px 10px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;}
.risk-badge.high{background:var(--red-light);color:var(--red);}
.risk-badge.medium{background:var(--orange-light);color:var(--orange);}
.risk-badge.low{background:var(--green-pale);color:var(--green-deep);}
.risk-content{flex:1;}
.risk-title{font-size:13px;font-weight:600;color:var(--gray-800);margin-bottom:4px;}
.risk-desc{font-size:12px;color:var(--gray-600);}
.stakeholder-card{background:white;border-radius:10px;box-shadow:var(--shadow-sm);padding:14px 16px;border-top:3px solid var(--green-mid);}
.stakeholder-card.internal{border-top-color:var(--blue-mid);}
.stakeholder-name{font-size:13px;font-weight:700;color:var(--gray-800);margin-bottom:6px;}
.stakeholder-needs{list-style:none;}
.stakeholder-needs li{font-size:11.5px;color:var(--gray-600);padding:2px 0;display:flex;gap:6px;}
.stakeholder-needs li::before{content:'•';color:var(--green-mid);flex-shrink:0;}
.swot-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.swot-card{background:white;border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px;}
.swot-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;display:flex;align-items:center;gap:8px;}
.swot-dot{width:10px;height:10px;border-radius:50%;}
.swot-items{list-style:none;}
.swot-items li{font-size:13px;padding:5px 0;border-bottom:1px solid var(--gray-200);display:flex;gap:8px;align-items:flex-start;}
.swot-items li:last-child{border-bottom:none;}
.swot-items li::before{content:'→';font-weight:700;flex-shrink:0;margin-top:1px;}
.next-step-card{background:white;border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px;border-left:4px solid var(--green-light);display:flex;gap:16px;align-items:flex-start;margin-bottom:12px;}
.next-step-num{width:36px;height:36px;background:var(--green-deep);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;flex-shrink:0;}
.next-step-title{font-size:14px;font-weight:700;color:var(--green-deep);margin-bottom:4px;}
.next-step-desc{font-size:12.5px;color:var(--gray-600);}
.chart-container{background:white;border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px;}
.chart-title{font-size:13px;font-weight:700;color:var(--gray-800);margin-bottom:4px;}
.chart-sub{font-size:11px;color:var(--gray-400);margin-bottom:14px;}
.footer{background:var(--green-deep);color:rgba(255,255,255,0.7);text-align:center;padding:24px 40px;font-size:12px;margin-top:40px;}
.footer strong{color:white;}
.bg-light{background:var(--gray-100);}
.bg-white{background:white;}
</style>
</head>
<body>
<nav class="nav-bar">
  <div class="nav-logo"><span class="nav-logo-dot"></span>รพ.ป่าพะยอม · Service Profile 2569</div>
  <div class="nav-links">
    <a href="#cover" class="nav-link active">ปก</a>
    <a href="#context" class="nav-link">บริบท</a>
    <a href="#stakeholder" class="nav-link">ผู้รับผลงาน</a>
    <a href="#quality" class="nav-link">คุณภาพ</a>
    <a href="#process" class="nav-link">กระบวนการ</a>
    <a href="#performance" class="nav-link">ผลลัพธ์</a>
    <a href="#disease" class="nav-link">โรคเฉพาะ</a>
    <a href="#risk" class="nav-link">ความเสี่ยง</a>
    <a href="#cqi" class="nav-link">CQI</a>
    <a href="#swot" class="nav-link">SWOT</a>
    <a href="#nextstep" class="nav-link">แผนพัฒนา</a>
  </div>
  <button class="print-btn" onclick="window.print()">🖨️ พิมพ์</button>
</nav>
<div class="main-content">
<!-- SECTION 1: COVER -->
<section id="cover" class="cover-section">
  <div class="cover-inner">
    <div class="cover-tag"><span class="cover-tag-dot"></span>Service Profile · HA Re-accreditation 2569</div>
    <div class="cover-title">โรงพยาบาลป่าพะยอม</div>
    <div class="cover-sub">งานผู้ป่วยนอก · อำเภอป่าพะยอม จังหวัดพัทลุง</div>
    <div class="cover-date">ข้อมูล ณ วันที่ 31 มีนาคม 2569 · โรงพยาบาลชุมชน F2 ขนาด 45 เตียง · HCODE 11422</div>
    <div class="cover-purpose">"คัดกรองถูกต้อง ตอบสนองรวดเร็ว ผู้รับบริการปลอดภัยและพึงพอใจ"</div>
    <div class="cover-pillars">
      <div class="pillar-card"><div class="pillar-icon">🎯</div><div class="pillar-label">ถูกต้อง</div><div class="pillar-desc">Accurate Triage &amp; Care</div></div>
      <div class="pillar-card"><div class="pillar-icon">⚡</div><div class="pillar-label">รวดเร็ว</div><div class="pillar-desc">Responsive Service</div></div>
      <div class="pillar-card"><div class="pillar-icon">🛡️</div><div class="pillar-label">ปลอดภัย</div><div class="pillar-desc">Patient Safety</div></div>
      <div class="pillar-card"><div class="pillar-icon">💚</div><div class="pillar-label">พึงพอใจ</div><div class="pillar-desc">Patient Satisfaction</div></div>
    </div>
    <div class="stat-row">
      <div class="stat-mini"><div class="stat-mini-val">57,714</div><div class="stat-mini-lbl">ผู้รับบริการ ปี 2569*</div></div>
      <div class="stat-mini"><div class="stat-mini-val">208</div><div class="stat-mini-lbl">ผู้ป่วยนอก/วัน</div></div>
      <div class="stat-mini"><div class="stat-mini-val">54.14</div><div class="stat-mini-lbl">นาที รอคอยเฉลี่ย</div></div>
      <div class="stat-mini"><div class="stat-mini-val">88.99%</div><div class="stat-mini-lbl">ความพึงพอใจ</div></div>
      <div class="stat-mini"><div class="stat-mini-val">99.85%</div><div class="stat-mini-lbl">คัดกรองถูกต้อง</div></div>
      <div class="stat-mini"><div class="stat-mini-val">0</div><div class="stat-mini-lbl">ฉุกเฉินขณะรอ (ปี 2569)</div></div>
    </div>
  </div>
</section>

<!-- SECTION 2: CONTEXT -->
<div style="background:white;">
<section id="context" class="section">
  <div class="section-title">บริบทและขอบเขตการบริการ</div>
  <div class="section-subtitle">Context &amp; Scope of Service · งานผู้ป่วยนอก โรงพยาบาลป่าพะยอม</div>
  <div class="card-grid grid-2" style="margin-bottom:24px;">
    <div class="card">
      <div style="font-size:13px;font-weight:700;color:var(--green-deep);margin-bottom:12px;">📋 หน้าที่และเป้าหมาย</div>
      <div style="font-size:13px;color:var(--gray-600);line-height:1.8;">งานผู้ป่วยนอกให้บริการตรวจรักษาโรค โดยการคัดกรองผู้ป่วยตามสภาวะสุขภาพ ความรุนแรง ประเภทของความเจ็บป่วย รวมถึงการให้คำแนะนำด้านสุขภาพ การรับไว้ในโรงพยาบาล และการส่งต่อตามมาตรฐานวิชาชีพ ด้วยความ<strong>ถูกต้อง รวดเร็ว ปลอดภัย และพึงพอใจ</strong></div>
    </div>
    <div class="card">
      <div style="font-size:13px;font-weight:700;color:var(--green-deep);margin-bottom:12px;">🏥 ขอบเขตการบริการ</div>
      <ul style="font-size:13px;color:var(--gray-600);list-style:none;line-height:1.9;">
        <li>✅ ผู้ป่วยนอกทั่วไป วันเวลาราชการ 08.30–16.30 น.</li>
        <li>✅ โรคไม่ติดต่อเรื้อรัง: DM, HT, COPD, Asthma, CKD</li>
        <li>✅ ตรวจสุขภาพประจำปี (ราชการ/รัฐวิสาหกิจ/ประชาชน)</li>
        <li>✅ ใบรับรองแพทย์ / ใบเคลม / แรงงานต่างด้าว</li>
        <li>✅ OPD Fast Track / Refer ออก–รับ / Admit</li>
        <li>✅ ส่งต่อ CKD stage 4, CA เกินศักยภาพ F2</li>
      </ul>
    </div>
  </div>
  <div style="margin-bottom:24px;">
    <div style="font-size:14px;font-weight:700;color:var(--green-deep);margin-bottom:12px;">📅 ตารางคลินิกโรคเรื้อรัง</div>
    <div class="table-wrap">
      <table>
        <thead><tr><th>คลินิก</th><th>วันทำการ</th><th>เวลา</th></tr></thead>
        <tbody>
          <tr><td>🍬 คลินิกเบาหวาน</td><td>วันพุธ และวันพฤหัสบดี</td><td>ช่วงเช้า 08.30–12.00 น.</td></tr>
          <tr><td>💊 คลินิกความดันโลหิตสูง</td><td>วันพฤหัสบดี (บ่าย) และวันศุกร์ (ทั้งวัน)</td><td>13.00–16.30 / 08.30–16.30 น.</td></tr>
          <tr><td>🫘 คลินิกชะลอไตเสื่อม</td><td>วันจันทร์ (ทั้งวัน)</td><td>08.30–16.30 น.</td></tr>
          <tr><td>🫁 คลินิกปอดอุดกั้นเรื้อรัง</td><td>วันอังคาร (ช่วงบ่าย)</td><td>13.00–16.30 น.</td></tr>
          <tr><td>😮‍💨 คลินิกหอบหืด</td><td>วันพุธ (ช่วงบ่าย)</td><td>13.00–16.30 น.</td></tr>
        </tbody>
      </table>
    </div>
  </div>
  <div class="card-grid grid-3">
    <div class="card">
      <div style="font-size:13px;font-weight:700;color:var(--green-deep);margin-bottom:10px;">👥 อัตรากำลัง 9 คน</div>
      <ul style="font-size:12px;color:var(--gray-600);list-style:none;line-height:1.8;">
        <li>• พยาบาลวิชาชีพชำนาญการ 6 คน</li>
        <li>• พนักงานบริการ 1 คน</li>
        <li>• พนักงานผู้ช่วยเหลือคนไข้ 2 คน</li>
      </ul>
    </div>
    <div class="card">
      <div style="font-size:13px;font-weight:700;color:var(--green-deep);margin-bottom:10px;">🎓 ศักยภาพบุคลากร</div>
      <ul style="font-size:12px;color:var(--gray-600);list-style:none;line-height:1.8;">
        <li>• หลักสูตร NP ทั่วไป 5 คน</li>
        <li>• Case Manager DM/HT 1 คน</li>
        <li>• พยาบาลเวชปฏิบัติจักษุ 1 คน</li>
        <li>• สอบเทียบเครื่องมือ 23/09/2568</li>
      </ul>
    </div>
    <div class="card">
      <div style="font-size:13px;font-weight:700;color:var(--green-deep);margin-bottom:10px;">💻 IT &amp; เทคโนโลยี</div>
      <ul style="font-size:12px;color:var(--gray-600);list-style:none;line-height:1.8;">
        <li>• ระบบ Mit-net / HOS-OS / Paperless</li>
        <li>• MOPH Refer / Smart OPD</li>
        <li>• HRMS Risk Management</li>
        <li style="color:var(--orange);">⚠️ ระบบ IT ยังไม่เสถียร (ประเด็นพัฒนา)</li>
      </ul>
    </div>
  </div>
</section>
</div>

<!-- SECTION 3: STAKEHOLDER -->
<div style="background:var(--gray-100);">
<section id="stakeholder" class="section">
  <div class="section-title">ความต้องการของผู้รับผลงาน</div>
  <div class="section-subtitle">Stakeholder Needs · ลูกค้าภายนอกและภายใน</div>
  <div style="font-size:13px;font-weight:700;color:var(--green-deep);margin-bottom:12px;">🌐 ลูกค้าภายนอก</div>
  <div class="card-grid" style="grid-template-columns:repeat(auto-fill,minmax(230px,1fr));margin-bottom:24px;">
    <div class="stakeholder-card"><div class="stakeholder-name">👤 ผู้ป่วยทั่วไป</div><ul class="stakeholder-needs"><li>ตรวจรักษาที่รวดเร็ว แพทย์ออกตรวจเร็ว</li><li>ทราบลำดับขั้นตอนการบริการ</li><li>เจ้าหน้าที่บริการดุจญาติมิตร เคารพศักดิ์ศรี</li><li>ได้รับคำแนะนำด้านโรคที่ชัดเจน</li></ul></div>
    <div class="stakeholder-card"><div class="stakeholder-name">🍬 ผู้ป่วยเบาหวาน</div><ul class="stakeholder-needs"><li>บริการรวดเร็ว สถานที่สะดวกสบาย</li><li>เพิ่มแพทย์ออกตรวจเร็วขึ้น</li><li>กระจายนัดผู้ป่วยไม่ให้แออัด</li></ul></div>
    <div class="stakeholder-card"><div class="stakeholder-name">💊 ผู้ป่วยความดัน</div><ul class="stakeholder-needs"><li>ความสะดวกรวดเร็ว สถานที่ไม่ร้อน</li><li>เพิ่มแพทย์และเจ้าหน้าที่</li><li>บริการที่ดีมีมาตรฐาน</li></ul></div>
    <div class="stakeholder-card"><div class="stakeholder-name">😮‍💨 ผู้ป่วย Asthma/COPD</div><ul class="stakeholder-needs"><li>ตรวจรักษาที่รวดเร็ว ไม่รอนาน</li><li>ได้รับคำแนะนำที่ดีจากเจ้าหน้าที่</li></ul></div>
    <div class="stakeholder-card"><div class="stakeholder-name">👨‍👩‍👧 ญาติผู้ป่วย</div><ul class="stakeholder-needs"><li>ผู้ป่วยได้รับการรักษาที่รวดเร็ว</li><li>เจ้าหน้าที่พูดจาไพเราะ</li><li>สิ่งอำนวยความสะดวกเพียงพอ</li></ul></div>
    <div class="stakeholder-card"><div class="stakeholder-name">📄 ผู้รับใบเคลม/ใบรับรอง</div><ul class="stakeholder-needs"><li>ได้รับตามนัดหมาย ข้อมูลถูกต้อง</li><li>รวดเร็ว ไม่รอนาน</li></ul></div>
    <div class="stakeholder-card"><div class="stakeholder-name">🏥 รพ.สต. / รพ.พัทลุง</div><ul class="stakeholder-needs"><li>ประสานงานดี ข้อมูลถูกต้องต่อเนื่อง</li><li>ส่งผู้ป่วยตรงคลินิกบริการ</li></ul></div>
  </div>
  <div style="font-size:13px;font-weight:700;color:var(--blue-mid);margin-bottom:12px;">🔵 ลูกค้าภายใน</div>
  <div class="card-grid" style="grid-template-columns:repeat(auto-fill,minmax(200px,1fr));">
    <div class="stakeholder-card internal"><div class="stakeholder-name">👨‍⚕️ แพทย์</div><ul class="stakeholder-needs"><li>ซักประวัติถูกต้อง ครบถ้วน รวดเร็ว</li><li>คัดแยกประเภทผู้ป่วยถูกต้อง</li><li>อุปกรณ์ในห้องตรวจพร้อมใช้</li></ul></div>
    <div class="stakeholder-card internal"><div class="stakeholder-name">💉 งาน Lab/ชันสูตร</div><ul class="stakeholder-needs"><li>ใบส่งตรวจถูกต้อง ชัดเจน</li><li>อธิบายผู้ป่วยเข้าใจชัดเจน</li></ul></div>
    <div class="stakeholder-card internal"><div class="stakeholder-name">💊 เภสัชกรรม</div><ul class="stakeholder-needs"><li>ทบทวนสิทธิผู้ป่วยถูกต้อง</li><li>ประสานยาก่อนส่งต่อ</li></ul></div>
    <div class="stakeholder-card internal"><div class="stakeholder-name">🚨 งาน ER</div><ul class="stakeholder-needs"><li>ประเมินและเคลื่อนย้ายผู้ป่วยถูกต้อง</li><li>แจ้งรายละเอียดก่อนส่ง</li></ul></div>
    <div class="stakeholder-card internal"><div class="stakeholder-name">🛏️ ผู้ป่วยใน (IPD)</div><ul class="stakeholder-needs"><li>แจ้งรายละเอียดทางโทรศัพท์ก่อน Admit</li><li>ลงข้อมูลครบถ้วนในระบบ</li></ul></div>
    <div class="stakeholder-card internal"><div class="stakeholder-name">🦷 ทันตกรรม/อื่นๆ</div><ul class="stakeholder-needs"><li>ประสานงานก่อนส่งผู้ป่วย</li><li>ส่งชื่อในระบบก่อนทุกครั้ง</li></ul></div>
  </div>
</section>
</div>
<!-- SECTION 4: KEY QUALITY -->
<div style="background:white;">
<section id="quality" class="section">
  <div class="section-title">ประเด็นคุณภาพสำคัญ</div>
  <div class="section-subtitle">Key Quality Issues · 4 มิติหลักในการประเมินคุณภาพ OPD</div>
  <div class="card-grid grid-2">
    <div class="card" style="border-left:5px solid var(--green-mid);">
      <div style="font-size:16px;font-weight:800;color:var(--green-deep);margin-bottom:10px;">🎯 ถูกต้อง (Accurate)</div>
      <ul style="font-size:13px;color:var(--gray-600);list-style:none;line-height:1.9;">
        <li>• การระบุตัวผู้ป่วยถูกต้อง (Patient Identification)</li>
        <li>• ทุกรายได้รับการคัดกรองโดย Triage Nurse</li>
        <li>• ซักประวัติตามระเบียบปฏิบัติ บันทึกครบถ้วน</li>
        <li>• จัดระดับความรุนแรง ให้การดูแลตามอาการ</li>
      </ul>
      <div style="margin-top:12px;"><span class="kpi-badge badge-pass">✓ เป้า: คัดกรองถูกต้อง > 95%</span></div>
    </div>
    <div class="card" style="border-left:5px solid var(--blue-mid);">
      <div style="font-size:16px;font-weight:800;color:var(--blue-mid);margin-bottom:10px;">⚡ รวดเร็ว (Responsive)</div>
      <ul style="font-size:13px;color:var(--gray-600);list-style:none;line-height:1.9;">
        <li>• การเข้าถึงบริการ ระยะเวลารอคอยเฉลี่ย</li>
        <li>• ผู้ป่วยฉุกเฉินได้รับการส่งต่อ ER ทันที</li>
        <li>• OPD Fast Track สำหรับกลุ่มพิเศษ (ปี 2566–2569)</li>
        <li>• แพทย์ออกตรวจ 08.30 น. เช้า / 13.30 น. บ่าย</li>
      </ul>
      <div style="margin-top:12px;"><span class="kpi-badge badge-pass">✓ เป้า: รอคอย &lt; 60 นาที</span></div>
    </div>
    <div class="card" style="border-left:5px solid var(--red);">
      <div style="font-size:16px;font-weight:800;color:var(--red);margin-bottom:10px;">🛡️ ปลอดภัย (Safe)</div>
      <ul style="font-size:13px;color:var(--gray-600);list-style:none;line-height:1.9;">
        <li>• ผู้ป่วยอาการไม่คงที่ได้รับการช่วยเหลือทันที</li>
        <li>• เฝ้าระวังขณะอยู่ในพื้นที่รอตรวจ</li>
        <li>• เตรียมความพร้อมกรณีฉุกเฉิน (CPR, อุปกรณ์)</li>
        <li>• ป้องกันการพลัดตกหกล้ม การแพร่เชื้อ</li>
      </ul>
      <div style="margin-top:12px;"><span class="kpi-badge badge-pass">✓ เป้า: ฉุกเฉินขณะรอ = 0</span></div>
    </div>
    <div class="card" style="border-left:5px solid var(--gold);">
      <div style="font-size:16px;font-weight:800;color:#8a6d00;margin-bottom:10px;">💚 พึงพอใจ (Satisfied)</div>
      <ul style="font-size:13px;color:var(--gray-600);list-style:none;line-height:1.9;">
        <li>• สำรวจความพึงพอใจผู้ป่วยนอกทุกเดือน</li>
        <li>• รับข้อร้องเรียน / ข้อเสนอแนะ</li>
        <li>• พัฒนาพฤติกรรมบริการอย่างต่อเนื่อง</li>
        <li>• บริการดุจญาติมิตร เคารพศักดิ์ศรีความเป็นคน</li>
      </ul>
      <div style="margin-top:12px;"><span class="kpi-badge badge-pass">✓ เป้า: พึงพอใจ > 85%</span></div>
    </div>
  </div>
</section>
</div>

<!-- SECTION 5: KEY PROCESS -->
<div style="background:var(--gray-100);">
<section id="process" class="section">
  <div class="section-title">กระบวนการทำงานสำคัญ</div>
  <div class="section-subtitle">Key Process Flow · แผนภูมิกระบวนการดูแลผู้ป่วยนอก 7 ขั้นตอน</div>
  <div class="flow-wrap" style="gap:8px;">
    <div class="flow-step">
      <div class="flow-num">1</div><div class="flow-title">ก่อนพบแพทย์</div>
      <div class="flow-meta-title">Process Requirement</div><div class="flow-meta">ยื่นบัตร ระบุตัวผู้ป่วย รับคิว</div>
      <div class="flow-meta-title">Risk</div><div class="flow-risk">ระบุผู้ป่วยผิดคน / รักษาผิดคน</div>
      <div class="flow-meta-title">Process Design</div><div class="flow-meta">ตรวจบัตรประจำตัว กรอกฟอร์มใหม่ แจกคิว</div>
      <div class="flow-meta-title">Indicator</div><div class="flow-indicator">อุบัติการณ์คัดกรองผิดคน = 0</div>
    </div>
    <div class="flow-arrow">→</div>
    <div class="flow-step">
      <div class="flow-num">2</div><div class="flow-title">คัดกรอง/Triage</div>
      <div class="flow-meta-title">Process Requirement</div><div class="flow-meta">ประเมินอาการ จัดระดับความรุนแรง</div>
      <div class="flow-meta-title">Risk</div><div class="flow-risk">คัดกรองผิดพลาด / ฉุกเฉินขณะรอ</div>
      <div class="flow-meta-title">Process Design</div><div class="flow-meta">MOPH ED Triage Guideline / ส่ง ER ทันทีกรณีเร่งด่วน</div>
      <div class="flow-meta-title">Indicator</div><div class="flow-indicator">คัดกรองถูกต้อง &gt; 95%</div>
    </div>
    <div class="flow-arrow">→</div>
    <div class="flow-step">
      <div class="flow-num">3</div><div class="flow-title">ซักประวัติ</div>
      <div class="flow-meta-title">Process Requirement</div><div class="flow-meta">บันทึกเวชระเบียนครบถ้วนใน Mit-net</div>
      <div class="flow-meta-title">Risk</div><div class="flow-risk">ซักประวัติไม่ครอบคลุม / บันทึกไม่ครบ</div>
      <div class="flow-meta-title">Process Design</div><div class="flow-meta">พยาบาล 3 คน / ระบบ Paperless</div>
      <div class="flow-meta-title">Indicator</div><div class="flow-indicator">เวชระเบียนสมบูรณ์ &gt; 90%</div>
    </div>
    <div class="flow-arrow">→</div>
    <div class="flow-step">
      <div class="flow-num">4</div><div class="flow-title">ตรวจรักษา</div>
      <div class="flow-meta-title">Process Requirement</div><div class="flow-meta">วินิจฉัยถูกต้อง รักษาตามมาตรฐาน ทันเวลา</div>
      <div class="flow-meta-title">Risk</div><div class="flow-risk">วินิจฉัยผิด / ล่าช้า / แพ้ยา</div>
      <div class="flow-meta-title">Process Design</div><div class="flow-meta">เปิด ≥ 2 ห้อง / แพทย์ NCD แยก</div>
      <div class="flow-meta-title">Indicator</div><div class="flow-indicator">รอคอย &lt; 60 นาที</div>
    </div>
    <div class="flow-arrow">→</div>
    <div class="flow-step">
      <div class="flow-num">5</div><div class="flow-title">หลังตรวจ</div>
      <div class="flow-meta-title">Process Requirement</div><div class="flow-meta">ให้ความรู้ คำแนะนำ การดูแลตนเอง</div>
      <div class="flow-meta-title">Risk</div><div class="flow-risk">ผู้ป่วยไม่มีความรู้ / กลับมารักษาซ้ำ</div>
      <div class="flow-meta-title">Process Design</div><div class="flow-meta">บัตรคำแนะนำ / พยาบาลให้ข้อมูลทุกราย</div>
      <div class="flow-meta-title">Indicator</div><div class="flow-indicator">Re-visit 48 ชม. ลดลง</div>
    </div>
    <div class="flow-arrow">→</div>
    <div class="flow-step">
      <div class="flow-num">6</div><div class="flow-title">นัด/ส่งต่อ/Admit</div>
      <div class="flow-meta-title">Process Requirement</div><div class="flow-meta">นัดถูกวัน/เวลา/แพทย์ ส่งต่อทันเวลา</div>
      <div class="flow-meta-title">Risk</div><div class="flow-risk">นัดผิดแผนก/วัน ผู้ป่วยผิดนัด</div>
      <div class="flow-meta-title">Process Design</div><div class="flow-meta">ตรวจสอบก่อนยื่น / MOPH Refer</div>
      <div class="flow-meta-title">Indicator</div><div class="flow-indicator">ส่งต่อถูกต้อง 100%</div>
    </div>
    <div class="flow-arrow">→</div>
    <div class="flow-step">
      <div class="flow-num">7</div><div class="flow-title">ติดตามผล</div>
      <div class="flow-meta-title">Process Requirement</div><div class="flow-meta">มาตามนัด ไม่ขาดยา ติดตามเรื้อรัง</div>
      <div class="flow-meta-title">Risk</div><div class="flow-risk">ขาดนัด / ขาดยา / ภาวะแทรกซ้อน</div>
      <div class="flow-meta-title">Process Design</div><div class="flow-meta">LINE กับ รพ.สต. / ส่งรายชื่อผิดนัดรายเดือน</div>
      <div class="flow-meta-title">Indicator</div><div class="flow-indicator">มาตามนัด &gt; 95%</div>
    </div>
  </div>
</section>
</div>
<!-- SECTION 6: PERFORMANCE -->
<div style="background:white;">
<section id="performance" class="section">
  <div class="section-title">ผลการดำเนินงาน 2565–2569</div>
  <div class="section-subtitle">Performance Dashboard · ตัวชี้วัดหลักและแนวโน้ม</div>
  <div class="card-grid grid-4" style="margin-bottom:24px;">
    <div class="kpi-card"><div class="kpi-label">อัตราคัดกรองถูกต้อง (ปี 2569)</div><div class="kpi-value pass">99.85%</div><div class="kpi-target">เป้า &gt; 95% | <span style="color:var(--green-mid);">✓ จุดแข็ง</span></div></div>
    <div class="kpi-card"><div class="kpi-label">ระยะเวลารอคอยเฉลี่ย (ปี 2569)</div><div class="kpi-value pass">54.14 นาที</div><div class="kpi-target">เป้า &lt; 60 นาที | <span style="color:var(--green-mid);">✓ จุดแข็ง</span></div></div>
    <div class="kpi-card"><div class="kpi-label">ความพึงพอใจผู้ป่วยนอก (ปี 2569)</div><div class="kpi-value pass">88.99%</div><div class="kpi-target">เป้า &gt; 85% | <span style="color:var(--green-mid);">✓ จุดแข็ง</span></div></div>
    <div class="kpi-card warn"><div class="kpi-label">ความสมบูรณ์เวชระเบียน (ปี 2569)</div><div class="kpi-value warn">NA</div><div class="kpi-target">เป้า &gt; 90% | <span style="color:var(--orange);">⚠️ ประเด็นพัฒนา</span></div></div>
  </div>
  <div class="card-grid grid-4" style="margin-bottom:28px;">
    <div class="kpi-card neutral"><div class="kpi-label">ผู้รับบริการรวม (ปี 2569*)</div><div class="kpi-value" style="font-size:22px;">57,714</div><div class="kpi-target">ข้อมูล 6 เดือน (ต.ค.68–มี.ค.69)</div></div>
    <div class="kpi-card neutral"><div class="kpi-label">ผู้ป่วยนอกเฉลี่ย/วัน (ปี 2569)</div><div class="kpi-value" style="font-size:22px;">208</div><div class="kpi-target">เทียบเท่าปี 2566</div></div>
    <div class="kpi-card"><div class="kpi-label">อุบัติการณ์ฉุกเฉินขณะรอ (ปี 2569)</div><div class="kpi-value pass">0</div><div class="kpi-target">เป้า = 0 | <span style="color:var(--green-mid);">✓ จุดแข็ง</span></div></div>
    <div class="kpi-card warn"><div class="kpi-label">ความไม่พร้อมใช้เครื่องมือ (ปี 2569)</div><div class="kpi-value warn">1 ครั้ง</div><div class="kpi-target">เป้า = 0 | <span style="color:var(--orange);">⚠️ ประเด็นพัฒนา</span></div></div>
  </div>
  <div class="card-grid grid-2" style="margin-bottom:24px;">
    <div class="chart-container"><div class="chart-title">จำนวนผู้รับบริการ (ราย)</div><div class="chart-sub">ปี 2569 = ข้อมูล 6 เดือน</div><canvas id="chartVisits" height="200"></canvas></div>
    <div class="chart-container"><div class="chart-title">ระยะเวลารอคอยเฉลี่ย (นาที)</div><div class="chart-sub">เป้าหมาย &lt; 60 นาที</div><canvas id="chartWait" height="200"></canvas></div>
  </div>
  <div class="card-grid grid-2" style="margin-bottom:24px;">
    <div class="chart-container"><div class="chart-title">อัตราความพึงพอใจ (%)</div><div class="chart-sub">เป้าหมาย &gt; 85% | ผ่านทุกปี</div><canvas id="chartSatisfy" height="200"></canvas></div>
    <div class="chart-container"><div class="chart-title">อัตราคัดกรองถูกต้อง (%)</div><div class="chart-sub">เป้าหมาย &gt; 95% | ปี 2566 ต่ำกว่าเป้า</div><canvas id="chartTriage" height="200"></canvas></div>
  </div>
  <div style="font-size:14px;font-weight:700;color:var(--green-deep);margin-bottom:12px;">ตารางสรุปตัวชี้วัดหลัก ปี 2565–2569</div>
  <div class="table-wrap" style="margin-bottom:16px;">
    <table>
      <thead><tr><th>ตัวชี้วัด</th><th>เป้าหมาย</th><th class="td-center">2565</th><th class="td-center">2566</th><th class="td-center">2567</th><th class="td-center">2568</th><th class="td-center">2569*</th></tr></thead>
      <tbody>
        <tr><td>อัตราคัดกรองถูกต้อง (%)</td><td>&gt; 95%</td><td class="td-center" style="color:var(--green-mid);">99.98</td><td class="td-center" style="color:var(--red);">93.21</td><td class="td-center" style="color:var(--green-mid);">99.95</td><td class="td-center" style="color:var(--green-mid);">99.94</td><td class="td-center" style="color:var(--green-mid);">99.85</td></tr>
        <tr><td>ระยะเวลารอคอย (นาที)</td><td>&lt; 60</td><td class="td-center" style="color:var(--green-mid);">58.00</td><td class="td-center" style="color:var(--green-mid);">56.00</td><td class="td-center" style="color:var(--red);">62.00</td><td class="td-center" style="color:var(--green-mid);">58.00</td><td class="td-center" style="color:var(--green-mid);">54.14</td></tr>
        <tr><td>ความพึงพอใจ (%)</td><td>&gt; 85%</td><td class="td-center" style="color:var(--green-mid);">89.13</td><td class="td-center" style="color:var(--green-mid);">88.32</td><td class="td-center" style="color:var(--green-mid);">89.23</td><td class="td-center" style="color:var(--green-mid);">88.87</td><td class="td-center" style="color:var(--green-mid);">88.99</td></tr>
        <tr><td>ความสมบูรณ์เวชระเบียน (%)</td><td>&gt; 90%</td><td class="td-center" style="color:var(--red);">86.55</td><td class="td-center" style="color:var(--green-mid);">97.37</td><td class="td-center" style="color:var(--green-mid);">96.57</td><td class="td-center" style="color:var(--green-mid);">90.04</td><td class="td-center">NA</td></tr>
        <tr><td>อุบัติการณ์ฉุกเฉินขณะรอตรวจ</td><td>0</td><td class="td-center" style="color:var(--green-mid);">0</td><td class="td-center" style="color:var(--green-mid);">0</td><td class="td-center" style="color:var(--red);">1</td><td class="td-center" style="color:var(--green-mid);">0</td><td class="td-center" style="color:var(--green-mid);">0</td></tr>
        <tr><td>ระยะเวลารอซักประวัติ (นาที)</td><td>&lt; 30</td><td class="td-center" style="color:var(--green-mid);">27</td><td class="td-center" style="color:var(--green-mid);">17</td><td class="td-center" style="color:var(--green-mid);">19</td><td class="td-center" style="color:var(--green-mid);">16</td><td class="td-center" style="color:var(--green-mid);">19</td></tr>
        <tr><td>พยาบาลปฏิบัติตามมาตรฐาน (%)</td><td>100%</td><td class="td-center">100</td><td class="td-center">100</td><td class="td-center">100</td><td class="td-center">100</td><td class="td-center">100</td></tr>
        <tr><td>ความพึงพอใจต่อบริการพยาบาล (%)</td><td>≥ 85%</td><td class="td-center" style="color:var(--green-mid);">89.32</td><td class="td-center" style="color:var(--green-mid);">88.87</td><td class="td-center" style="color:var(--green-mid);">88.93</td><td class="td-center" style="color:var(--green-mid);">90.84</td><td class="td-center" style="color:var(--green-mid);">91.37</td></tr>
      </tbody>
    </table>
  </div>
  <div style="font-size:14px;font-weight:700;color:var(--green-deep);margin-bottom:12px;">ตารางสถิติบริการ ปี 2565–2569</div>
  <div class="table-wrap">
    <table>
      <thead><tr><th>สถิติบริการ</th><th class="td-center">2565</th><th class="td-center">2566</th><th class="td-center">2567</th><th class="td-center">2568</th><th class="td-center">2569*</th></tr></thead>
      <tbody>
        <tr><td>จำนวนผู้รับบริการ</td><td class="td-center">107,625</td><td class="td-center">101,599</td><td class="td-center">100,982</td><td class="td-center">109,196</td><td class="td-center">57,714</td></tr>
        <tr><td>จำนวนผู้ป่วยนอกทั้งหมด</td><td class="td-center">72,967</td><td class="td-center">77,521</td><td class="td-center">61,439</td><td class="td-center">61,482</td><td class="td-center">29,015</td></tr>
        <tr><td>ผู้ป่วยนอกเฉลี่ย/วัน</td><td class="td-center">195</td><td class="td-center">208</td><td class="td-center">232</td><td class="td-center">233</td><td class="td-center">208</td></tr>
        <tr><td>การคัดกรองแยกประเภท</td><td class="td-center">20,956</td><td class="td-center">13,076</td><td class="td-center">14,828</td><td class="td-center">17,907</td><td class="td-center">12,449</td></tr>
        <tr><td>การให้บริการคิวด่วน</td><td class="td-center">1,089</td><td class="td-center">614</td><td class="td-center">808</td><td class="td-center">830</td><td class="td-center">554</td></tr>
        <tr><td>การส่งต่อในเขต</td><td class="td-center">2,581</td><td class="td-center">3,169</td><td class="td-center">3,447</td><td class="td-center">3,361</td><td class="td-center">2,270</td></tr>
        <tr><td>การส่งต่อนอกเขต</td><td class="td-center">660</td><td class="td-center">640</td><td class="td-center">579</td><td class="td-center">575</td><td class="td-center">393</td></tr>
        <tr><td>ผู้ป่วย Admitted</td><td class="td-center">967</td><td class="td-center">858</td><td class="td-center">949</td><td class="td-center">1,030</td><td class="td-center">503</td></tr>
        <tr><td>ผู้ป่วยเบาหวาน DM</td><td class="td-center">1,273</td><td class="td-center">1,544</td><td class="td-center">1,599</td><td class="td-center">1,600</td><td class="td-center">1,570</td></tr>
        <tr><td>ผู้ป่วยความดัน HT</td><td class="td-center">3,267</td><td class="td-center">3,556</td><td class="td-center">3,618</td><td class="td-center">3,504</td><td class="td-center">3,517</td></tr>
        <tr><td>ผู้ป่วย COPD</td><td class="td-center">205</td><td class="td-center">295</td><td class="td-center">288</td><td class="td-center">299</td><td class="td-center">311</td></tr>
        <tr><td>ผู้ป่วย Asthma</td><td class="td-center">198</td><td class="td-center">311</td><td class="td-center">353</td><td class="td-center">401</td><td class="td-center">430</td></tr>
      </tbody>
    </table>
  </div>
  <div style="font-size:11px;color:var(--gray-400);margin-top:6px;">* ปี 2569 = ข้อมูล 6 เดือน (ต.ค.2568 – มี.ค.2569)</div>
</section>
</div>

<!-- SECTION 7: Disease-Specific Outcomes -->
<section id="sec7" class="section">
  <div class="section-header"><span class="section-num">07</span>ผลลัพธ์ทางคลินิก โรคเฉพาะ</div>
  <div class="tab-bar">
    <button class="tab-btn active" onclick="switchTab('dm')">🩺 DM เบาหวาน</button>
    <button class="tab-btn" onclick="switchTab('ht')">💊 HT ความดัน</button>
    <button class="tab-btn" onclick="switchTab('ckd')">🫘 CKD ไตเรื้อรัง</button>
    <button class="tab-btn" onclick="switchTab('copd')">🫁 COPD/Asthma</button>
  </div>

  <!-- DM Tab -->
  <div id="tab-dm" class="tab-content active">
    <div class="card-grid grid-2" style="margin-bottom:18px;">
      <div class="chart-container"><div class="chart-title">HbA1C &lt; 7% (%)</div><div class="chart-sub">เป้า &gt;40% | ✓ ปี 2568 ผ่านเป้า</div><canvas id="chartDmHba1c" height="180"></canvas></div>
      <div class="chart-container"><div class="chart-title">LDL &lt; 100 mg/dl (%)</div><div class="chart-sub">เป้า &gt;60%</div><canvas id="chartDmLdl" height="180"></canvas></div>
    </div>
    <div class="card-grid grid-2" style="margin-bottom:18px;">
      <div class="chart-container"><div class="chart-title">คัดกรองภาวะแทรกซ้อนทางไต (%)</div><div class="chart-sub">เป้า &gt;60%</div><canvas id="chartDmKidney" height="180"></canvas></div>
      <div class="chart-container"><div class="chart-title">คัดกรองทางตา (%)</div><div class="chart-sub">เป้า &gt;60%</div><canvas id="chartDmEye" height="180"></canvas></div>
    </div>
    <div class="table-wrap">
      <table>
        <thead><tr><th>ตัวชี้วัด DM</th><th>เป้า</th><th class="td-center">2565</th><th class="td-center">2566</th><th class="td-center">2567</th><th class="td-center">2568</th><th class="td-center">2569*</th><th>สถานะ</th></tr></thead>
        <tbody>
          <tr><td>HbA1C &lt; 7%</td><td>&gt;40%</td><td class="td-center">31.03</td><td class="td-center">36.48</td><td class="td-center">34.39</td><td class="td-center" style="color:var(--green-mid);font-weight:700;">41.24</td><td class="td-center">36.96</td><td><span class="badge warn">ประเด็นพัฒนา</span></td></tr>
          <tr><td>LDL &lt; 100 mg/dl</td><td>&gt;60%</td><td class="td-center" style="color:var(--green-mid);">61.95</td><td class="td-center" style="color:var(--green-mid);">64.29</td><td class="td-center" style="color:var(--green-mid);">65.22</td><td class="td-center" style="color:var(--green-mid);">68.11</td><td class="td-center">53.20</td><td><span class="badge warn">ประเด็นพัฒนา</span></td></tr>
          <tr><td>BP ควบคุมได้ (DM)</td><td>&gt;60%</td><td class="td-center">57.09</td><td class="td-center">56.15</td><td class="td-center">49.72</td><td class="td-center">54.09</td><td class="td-center">52.31</td><td><span class="badge warn">ประเด็นพัฒนา</span></td></tr>
          <tr><td>คัดกรองแทรกซ้อนทางไต</td><td>&gt;60%</td><td class="td-center">36.69</td><td class="td-center" style="color:var(--green-mid);">74.74</td><td class="td-center">53.18</td><td class="td-center" style="color:var(--green-mid);">65.66</td><td class="td-center">54.38</td><td><span class="badge warn">ประเด็นพัฒนา</span></td></tr>
          <tr><td>คัดกรองทางตา</td><td>&gt;60%</td><td class="td-center" style="color:var(--green-mid);">65.38</td><td class="td-center" style="color:var(--green-mid);">65.60</td><td class="td-center">35.27</td><td class="td-center" style="color:var(--green-mid);">60.20</td><td class="td-center">54.20</td><td><span class="badge warn">ประเด็นพัฒนา</span></td></tr>
          <tr><td>ตรวจเท้า</td><td>&gt;60%</td><td class="td-center" style="color:var(--green-mid);">65.83</td><td class="td-center" style="color:var(--green-mid);">65.83</td><td class="td-center">45.65</td><td class="td-center" style="color:var(--green-mid);">69.77</td><td class="td-center">56.03</td><td><span class="badge warn">ประเด็นพัฒนา</span></td></tr>
          <tr><td>ประเมิน CVA Risk</td><td>&gt;80%</td><td class="td-center" style="color:var(--green-mid);">97.97</td><td class="td-center" style="color:var(--green-mid);">95.91</td><td class="td-center" style="color:var(--green-mid);">95.76</td><td class="td-center" style="color:var(--green-mid);">91.17</td><td class="td-center" style="color:var(--green-mid);">80.00</td><td><span class="badge pass">จุดแข็ง</span></td></tr>
          <tr><td>ภาวะแทรกซ้อนเฉียบพลัน</td><td>&lt;2%</td><td class="td-center">2.55</td><td class="td-center">3.36</td><td class="td-center" style="color:var(--green-mid);">1.92</td><td class="td-center" style="color:var(--green-mid);">1.24</td><td class="td-center" style="color:var(--green-mid);">1.33</td><td><span class="badge pass">จุดแข็ง</span></td></tr>
        </tbody>
      </table>
    </div>
  </div>

  <!-- HT Tab -->
  <div id="tab-ht" class="tab-content">
    <div class="card-grid grid-2" style="margin-bottom:18px;">
      <div class="chart-container"><div class="chart-title">ควบคุม BP ได้ (%)</div><div class="chart-sub">เป้า &gt;60% | ประเด็นพัฒนา</div><canvas id="chartHtBp" height="180"></canvas></div>
      <div class="chart-container"><div class="chart-title">ตรวจสุขภาพประจำปี (%)</div><div class="chart-sub">เป้า &gt;80% | ✓ ผ่านทุกปี</div><canvas id="chartHtCheck" height="180"></canvas></div>
    </div>
    <div class="table-wrap">
      <table>
        <thead><tr><th>ตัวชี้วัด HT</th><th>เป้า</th><th class="td-center">2565</th><th class="td-center">2566</th><th class="td-center">2567</th><th class="td-center">2568</th><th class="td-center">2569*</th><th>สถานะ</th></tr></thead>
        <tbody>
          <tr><td>ควบคุม BP ได้</td><td>&gt;60%</td><td class="td-center" style="color:var(--green-mid);">71.00</td><td class="td-center">57.38</td><td class="td-center">58.62</td><td class="td-center">52.24</td><td class="td-center">56.00</td><td><span class="badge warn">ประเด็นพัฒนา</span></td></tr>
          <tr><td>ตรวจสุขภาพประจำปี</td><td>&gt;80%</td><td class="td-center" style="color:var(--green-mid);">89.31</td><td class="td-center" style="color:var(--green-mid);">91.00</td><td class="td-center" style="color:var(--green-mid);">80.65</td><td class="td-center" style="color:var(--green-mid);">82.02</td><td class="td-center" style="color:var(--green-mid);">81.71</td><td><span class="badge pass">จุดแข็ง</span></td></tr>
          <tr><td>แทรกซ้อนรายใหม่</td><td>&lt;2%</td><td class="td-center" style="color:var(--green-mid);">1.81</td><td class="td-center" style="color:var(--green-mid);">1.20</td><td class="td-center" style="color:var(--green-mid);">0.21</td><td class="td-center" style="color:var(--green-mid);">0.20</td><td class="td-center" style="color:var(--green-mid);">0.76</td><td><span class="badge pass">จุดแข็ง</span></td></tr>
          <tr><td>มาตามนัด</td><td>&gt;95%</td><td class="td-center">92.76</td><td class="td-center">90.80</td><td class="td-center" style="color:var(--green-mid);">95.20</td><td class="td-center" style="color:var(--green-mid);">96.21</td><td class="td-center" style="color:var(--green-mid);">95.16</td><td><span class="badge pass">จุดแข็ง</span></td></tr>
          <tr><td>รายใหม่จากกลุ่มเสี่ยง</td><td>&lt;2%</td><td class="td-center">3.65</td><td class="td-center">4.66</td><td class="td-center">7.34</td><td class="td-center" style="color:var(--green-mid);">2.24</td><td class="td-center">2.87</td><td><span class="badge warn">ประเด็นพัฒนา</span></td></tr>
        </tbody>
      </table>
    </div>
  </div>

  <!-- CKD Tab -->
  <div id="tab-ckd" class="tab-content">
    <div class="card-grid grid-2" style="margin-bottom:18px;">
      <div class="chart-container"><div class="chart-title">DM/HT คัดกรองโรคไต (%)</div><div class="chart-sub">เป้า &gt;80% | ประเด็นพัฒนา</div><canvas id="chartCkdScreen" height="180"></canvas></div>
      <div class="chart-container"><div class="chart-title">ได้รับ ACEI/ARB (%)</div><div class="chart-sub">เป้า &gt;70% | ประเด็นพัฒนา</div><canvas id="chartCkdAcei" height="180"></canvas></div>
    </div>
    <div class="table-wrap">
      <table>
        <thead><tr><th>ตัวชี้วัด CKD</th><th>เป้า</th><th class="td-center">2565</th><th class="td-center">2566</th><th class="td-center">2567</th><th class="td-center">2568</th><th class="td-center">2569*</th><th>สถานะ</th></tr></thead>
        <tbody>
          <tr><td>DM/HT คัดกรองโรคไต</td><td>&gt;80%</td><td class="td-center">69.57</td><td class="td-center">68.18</td><td class="td-center">53.18</td><td class="td-center">65.66</td><td class="td-center">62.12</td><td><span class="badge warn">ประเด็นพัฒนา</span></td></tr>
          <tr><td>ได้รับ ACEI/ARB</td><td>&gt;70%</td><td class="td-center">68.55</td><td class="td-center">66.06</td><td class="td-center">60.78</td><td class="td-center">56.49</td><td class="td-center">51.94</td><td><span class="badge warn">ประเด็นพัฒนา</span></td></tr>
          <tr><td>eGFR ลดลงช้ากว่า 4 ml/min/yr</td><td>&gt;50%</td><td class="td-center" style="color:var(--green-mid);">63.55</td><td class="td-center" style="color:var(--green-mid);">50.57</td><td class="td-center" style="color:var(--green-mid);">57.21</td><td class="td-center" style="color:var(--green-mid);">73.35</td><td class="td-center" style="color:var(--green-mid);">66.12</td><td><span class="badge pass">จุดแข็ง</span></td></tr>
          <tr><td>BP &lt; 140/90 mmHg</td><td>&gt;80%</td><td class="td-center" style="color:var(--green-mid);">84.92</td><td class="td-center" style="color:var(--green-mid);">83.82</td><td class="td-center" style="color:var(--green-mid);">83.27</td><td class="td-center">76.63</td><td class="td-center" style="color:var(--green-mid);">87.16</td><td><span class="badge pass">จุดแข็ง</span></td></tr>
        </tbody>
      </table>
    </div>
  </div>

  <!-- COPD/Asthma Tab -->
  <div id="tab-copd" class="tab-content">
    <div class="card-grid grid-2" style="margin-bottom:18px;">
      <div class="chart-container"><div class="chart-title">Re-admit 28 วัน Asthma (%)</div><div class="chart-sub">เป้า &lt;5% | ประเด็นพัฒนา ปี 2569</div><canvas id="chartAsthmaReadmit" height="180"></canvas></div>
      <div class="chart-container"><div class="chart-title">Re-admit 28 วัน COPD (%)</div><div class="chart-sub">เป้า &lt;10% | พัฒนาต่อเนื่อง</div><canvas id="chartCopdReadmit" height="180"></canvas></div>
    </div>
    <div class="table-wrap">
      <table>
        <thead><tr><th>ตัวชี้วัด COPD/Asthma</th><th>เป้า</th><th class="td-center">2565</th><th class="td-center">2566</th><th class="td-center">2567</th><th class="td-center">2568</th><th class="td-center">2569*</th><th>สถานะ</th></tr></thead>
        <tbody>
          <tr><td>Re-admit 28 วัน Asthma</td><td>&lt;5%</td><td class="td-center">5.40</td><td class="td-center" style="color:var(--green-mid);">3.12</td><td class="td-center" style="color:var(--green-mid);">3.17</td><td class="td-center" style="color:var(--green-mid);">2.38</td><td class="td-center">5.65</td><td><span class="badge warn">ประเด็นพัฒนา</span></td></tr>
          <tr><td>ER Visit 48 ชม. Asthma</td><td>&lt;10%</td><td class="td-center">9.09</td><td class="td-center" style="color:var(--green-mid);">6.09</td><td class="td-center" style="color:var(--green-mid);">4.0</td><td class="td-center" style="color:var(--green-mid);">3.51</td><td class="td-center" style="color:var(--green-mid);">5.34</td><td><span class="badge pass">จุดแข็ง</span></td></tr>
          <tr><td>Asthma ควบคุมโรคได้</td><td>&gt;50%</td><td class="td-center">32.70</td><td class="td-center">47.11</td><td class="td-center" style="color:var(--green-mid);">53.7</td><td class="td-center" style="color:var(--green-mid);">50.2</td><td class="td-center" style="color:var(--green-mid);">51.63</td><td><span class="badge pass">จุดแข็ง</span></td></tr>
          <tr><td>Re-admit 28 วัน COPD</td><td>&lt;10%</td><td class="td-center">36.52</td><td class="td-center" style="color:var(--green-mid);">11.61</td><td class="td-center">13.46</td><td class="td-center">10.92</td><td class="td-center">11.23</td><td><span class="badge warn">ประเด็นพัฒนา</span></td></tr>
          <tr><td>ER Visit 48 ชม. COPD</td><td>&lt;10%</td><td class="td-center" style="color:var(--green-mid);">4.71</td><td class="td-center" style="color:var(--green-mid);">3.57</td><td class="td-center" style="color:var(--green-mid);">4.01</td><td class="td-center" style="color:var(--green-mid);">2.51</td><td class="td-center" style="color:var(--green-mid);">2.98</td><td><span class="badge pass">จุดแข็ง</span></td></tr>
        </tbody>
      </table>
    </div>
  </div>
</section>

<!-- SECTION 8: Risk Management -->
<section id="sec8" class="section">
  <div class="section-header"><span class="section-num">08</span>การจัดการความเสี่ยง</div>
  <div class="card-grid grid-3" style="margin-bottom:24px;">
    <div class="kpi-card pass"><div class="kpi-label">อุบัติการณ์ฉุกเฉินขณะรอ</div><div class="kpi-value pass">0</div><div class="kpi-target">ปี 2569 | เป้า = 0 ✓</div></div>
    <div class="kpi-card pass"><div class="kpi-label">เด็กชักไข้สูงขณะรอ</div><div class="kpi-value pass">0</div><div class="kpi-target">ตั้งแต่ปี 2562 | ✓ ต่อเนื่อง</div></div>
    <div class="kpi-card warn"><div class="kpi-label">ความไม่พร้อมเครื่องมือ</div><div class="kpi-value warn">1 ครั้ง</div><div class="kpi-target">ปี 2569 | เป้า = 0 ⚠️</div></div>
  </div>

  <div style="font-size:14px;font-weight:700;color:var(--green-deep);margin-bottom:12px;">ความเสี่ยงทางคลินิก (Clinical Risk)</div>
  <div class="table-wrap" style="margin-bottom:20px;">
    <table>
      <thead><tr><th>ความเสี่ยง</th><th>สาเหตุ/ปัจจัย</th><th>มาตรการป้องกัน</th><th class="td-center">ระดับ</th></tr></thead>
      <tbody>
        <tr><td>คัดกรองผู้ป่วยผิดพลาด</td><td>ประสบการณ์พยาบาล, ข้อมูลไม่ครบ</td><td>อบรม Triage ทุกปี, ทบทวนรายกรณี</td><td class="td-center"><span class="badge warn">กลาง</span></td></tr>
        <tr><td>รอคอยนาน &gt; 60 นาที</td><td>ผู้ป่วยมาก, แพทย์ไม่ครบ</td><td>ระบบนัด, คิวด่วน, บริหารตารางแพทย์</td><td class="td-center"><span class="badge warn">กลาง</span></td></tr>
        <tr><td>ซักประวัติไม่ครบถ้วน</td><td>ภาระงาน, เวลาจำกัด</td><td>Form ซักประวัติมาตรฐาน, ทบทวน</td><td class="td-center"><span class="badge pass">ต่ำ</span></td></tr>
        <tr><td>การลัดคิว</td><td>ผู้ป่วยไม่ทราบระบบ</td><td>ป้าย/สื่อประชาสัมพันธ์, Security</td><td class="td-center"><span class="badge pass">ต่ำ</span></td></tr>
        <tr><td>นัดผิดพลาด</td><td>สื่อสารคลาดเคลื่อน</td><td>ระบบ SMS/แอปนัด, ยืนยันนัด 2 ช่อง</td><td class="td-center"><span class="badge pass">ต่ำ</span></td></tr>
      </tbody>
    </table>
  </div>

  <div style="font-size:14px;font-weight:700;color:var(--green-deep);margin-bottom:12px;">ความเสี่ยงโรคเฉพาะ (Disease-Specific Risk)</div>
  <div class="card-grid grid-2" style="margin-bottom:20px;">
    <div style="background:var(--red-light);border-radius:12px;padding:16px;border-left:4px solid var(--red);">
      <div style="font-weight:700;color:var(--red);margin-bottom:8px;">⚠️ ความเสี่ยงสูง</div>
      <ul style="margin:0;padding-left:18px;font-size:13px;line-height:2;">
        <li>เด็กชักไข้สูงขณะรอตรวจ → มีแนวทาง Fast Track</li>
        <li>STEMI / เจ็บหน้าอกเฉียบพลัน → CPG Fast Track 100%</li>
        <li>Asthma กำเริบรุนแรง → ประเมิน O₂ Sat ทันที</li>
        <li>Hypoglycemia → ตรวจ DTX ก่อนส่งพบแพทย์</li>
        <li>Shock / หมดสติ → Alert ทีมฉุกเฉินทันที</li>
      </ul>
    </div>
    <div style="background:#fff9f0;border-radius:12px;padding:16px;border-left:4px solid var(--orange);">
      <div style="font-weight:700;color:var(--orange);margin-bottom:8px;">🔶 ความเสี่ยงปานกลาง</div>
      <ul style="margin:0;padding-left:18px;font-size:13px;line-height:2;">
        <li>Hyperglycemia → ประเมิน Ketone, notify แพทย์</li>
        <li>Hypertension Crisis → วัด BP ซ้ำ, EKG stat</li>
        <li>เป็นลม / Pre-syncope → Lying position, IV Access</li>
        <li>COPD กำเริบ → SpO₂, Nebulize, ABG ตามแนวทาง</li>
      </ul>
    </div>
  </div>

  <div style="font-size:14px;font-weight:700;color:var(--green-deep);margin-bottom:12px;">ความเสี่ยงที่ไม่ใช่ทางคลินิก (Non-Clinical Risk)</div>
  <div class="table-wrap">
    <table>
      <thead><tr><th>ความเสี่ยง</th><th>มาตรการ</th><th class="td-center">สถานะ</th></tr></thead>
      <tbody>
        <tr><td>🚶 พลัดตก/ลื่นหกล้มในห้องตรวจ</td><td>พื้นผิวกันลื่น, ราวจับ, สัญลักษณ์เตือน</td><td class="td-center"><span class="badge pass">ควบคุมได้</span></td></tr>
        <tr><td>🔧 เครื่องมือทางการแพทย์ไม่พร้อมใช้</td><td>ตรวจสอบประจำวัน, PM ตามกำหนด</td><td class="td-center"><span class="badge warn">ติดตาม</span></td></tr>
        <tr><td>💻 ระบบ IT / HIS ขัดข้อง</td><td>Manual backup form, แจ้งเตือน IT</td><td class="td-center"><span class="badge pass">ควบคุมได้</span></td></tr>
        <tr><td>😤 ร้องเรียนด้านบริการ</td><td>ช่องทาง feedback หลายช่อง, ตอบใน 24 ชม.</td><td class="td-center"><span class="badge pass">ควบคุมได้</span></td></tr>
        <tr><td>🦠 การแพร่กระจายเชื้อ</td><td>แยกโซน, Mask, Hand Hygiene จุด, ระยะห่าง</td><td class="td-center"><span class="badge pass">ควบคุมได้</span></td></tr>
      </tbody>
    </table>
  </div>
</section>

<!-- SECTION 9: CQI/PDSA -->
<section id="sec9" class="section">
  <div class="section-header"><span class="section-num">09</span>CQI และการพัฒนาคุณภาพต่อเนื่อง</div>
  <div class="card-grid grid-2">

    <div class="cqi-card">
      <div class="cqi-title">🏥 CQI 1: ระบบตรวจสุขภาพประจำปี DM/HT</div>
      <div class="cqi-body">
        <div class="pdsa-row"><span class="pdsa-label plan">P</span><span>วิเคราะห์อุปสรรค อัตราตรวจสุขภาพ HT ลดลงปี 2567 → วางแผนเชิงรุก</span></div>
        <div class="pdsa-row"><span class="pdsa-label do">D</span><span>นัด Well clinic เชิงรุก + ติดตามผ่าน อสม. + ระบบ SMS</span></div>
        <div class="pdsa-row"><span class="pdsa-label study">S</span><span>อัตราตรวจสุขภาพ HT: 80.65%→82.02%→81.71% (ผ่านเป้า &gt;80%)</span></div>
        <div class="pdsa-row"><span class="pdsa-label act">A</span><span>ขยายช่องทางนัด, บูรณาการกับ PCU, พัฒนา DM Wellness ต่อ</span></div>
        <div style="margin-top:8px;font-size:11px;color:var(--gray-400);">ข้อมูลอัตราตรวจสุขภาพ HT ปี 2562–2569: 89.45% / 89.88% / 80.80% / 89.31% / 91.00% / 80.65% / 82.02% / 81.71%</div>
      </div>
    </div>

    <div class="cqi-card">
      <div class="cqi-title">📅 CQI 2: ระบบนัด DM/HT ลดการขาดนัด</div>
      <div class="cqi-body">
        <div class="pdsa-row"><span class="pdsa-label plan">P</span><span>พัฒนาระบบนัดคลินิก DM/HT ให้ต่อเนื่อง เป้ามาตามนัด &gt;90%</span></div>
        <div class="pdsa-row"><span class="pdsa-label do">D</span><span>SMS แจ้งนัดล่วงหน้า 1 วัน + ติดตามผู้ขาดนัดผ่าน อสม.</span></div>
        <div class="pdsa-row"><span class="pdsa-label study">S</span><span>มาตามนัด 2563–2569: 94.47%/97.36%/96.56%/94.12%/95.75%/96.21%/95.16% (เกินเป้าทุกปี)</span></div>
        <div class="pdsa-row"><span class="pdsa-label act">A</span><span>คงระบบ SMS + เพิ่ม Line OA สำหรับกลุ่ม Active</span></div>
      </div>
    </div>

    <div class="cqi-card">
      <div class="cqi-title">👁️ CQI 3: คัดกรองตาเบาหวาน</div>
      <div class="cqi-body">
        <div class="pdsa-row"><span class="pdsa-label plan">P</span><span>ปรับกระบวนการส่งตรวจตา เน้นบูรณาการกับคลินิก DM วันพุธ–พฤหัส</span></div>
        <div class="pdsa-row"><span class="pdsa-label do">D</span><span>Embed คำสั่งตรวจตาใน Order Set DM, ติดตามผล Lab พร้อมกัน</span></div>
        <div class="pdsa-row"><span class="pdsa-label study">S</span><span>อัตราตรวจตา: 68.38%→65.38%→60.58%→54.89%→65.60%→65.24%→53.94%→60.89%</span></div>
        <div class="pdsa-row"><span class="pdsa-label act">A</span><span>ร่วมกับ รพ.แม่ข่าย จัดหน่วยตรวจตาเคลื่อนที่ ปี 2569–2570</span></div>
        <div style="margin-top:8px;font-size:11px;color:var(--gray-400);">พึงพอใจต่อบริการตรวจตา ปี 2569 = 88.05%</div>
      </div>
    </div>

    <div class="cqi-card">
      <div class="cqi-title">🚨 CQI 4: ระบบ Triage ความถูกต้องคัดกรอง</div>
      <div class="cqi-body">
        <div class="pdsa-row"><span class="pdsa-label plan">P</span><span>ทบทวนอัตราคัดกรองถูกต้องลดลงปี 2566 (93.21%) → วิเคราะห์รากสาเหตุ</span></div>
        <div class="pdsa-row"><span class="pdsa-label do">D</span><span>อบรม Triage 5 ระดับ, สร้าง Case Study pool, ทดสอบรายบุคคล</span></div>
        <div class="pdsa-row"><span class="pdsa-label study">S</span><span>อัตราถูกต้อง 2561–2569: 83.33%/91.67%/99.95%/98.02%/97.53%/93.21%/99.95%/99.94%/99.85%</span></div>
        <div class="pdsa-row"><span class="pdsa-label act">A</span><span>ทบทวน Triage Standard ทุก 6 เดือน, Random audit รายสัปดาห์</span></div>
      </div>
    </div>

    <div class="cqi-card">
      <div class="cqi-title">🧒 CQI 5: ป้องกันเด็กชักจากไข้สูงขณะรอตรวจ</div>
      <div class="cqi-body">
        <div class="pdsa-row"><span class="pdsa-label plan">P</span><span>กำหนดเกณฑ์ Fast Track เด็กไข้สูง อายุ &lt;5 ปี ไข้ &gt;38.5°C</span></div>
        <div class="pdsa-row"><span class="pdsa-label do">D</span><span>วัดอุณหภูมิทุกราย, ให้ยาลดไข้ทันที, นอนสังเกตอาการ</span></div>
        <div class="pdsa-row"><span class="pdsa-label study">S</span><span>อุบัติการณ์เด็กชักขณะรอ = 0 ต่อเนื่องตั้งแต่ปี 2562</span></div>
        <div class="pdsa-row"><span class="pdsa-label act">A</span><span>คงมาตรการ, เพิ่มป้ายแจ้งเตือนผู้ปกครอง, ทบทวนเกณฑ์ตาม CPG</span></div>
      </div>
    </div>

    <div class="cqi-card">
      <div class="cqi-title">❤️ CQI 6: STEMI Fast Track & CPG ครบถ้วน</div>
      <div class="cqi-body">
        <div class="pdsa-row"><span class="pdsa-label plan">P</span><span>พัฒนา Protocol STEMI ให้ครบตาม CPG มาตรฐาน + ลด Door-to-ECG</span></div>
        <div class="pdsa-row"><span class="pdsa-label do">D</span><span>EKG stat ทุกรายเจ็บหน้าอก, ส่งต่อทันที, Alert Cath Lab แม่ข่าย</span></div>
        <div class="pdsa-row"><span class="pdsa-label study">S</span><span>CPG ครอบคลุม 100% | อุบัติการณ์ฉุกเฉินขณะรอ = 0 ปี 2569</span></div>
        <div class="pdsa-row"><span class="pdsa-label act">A</span><span>Simulation ทบทวนทีม 2 ครั้ง/ปี, ตรวจสอบ Defibrillator พร้อมใช้</span></div>
      </div>
    </div>

  </div>
</section>

<!-- SECTION 10: SWOT -->
<section id="sec10" class="section">
  <div class="section-header"><span class="section-num">10</span>การวิเคราะห์ SWOT และทิศทางพัฒนา</div>
  <div class="swot-grid">
    <div class="swot-card swot-s">
      <div class="swot-header">💪 S — จุดแข็ง (Strengths)</div>
      <ul>
        <li>อัตราคัดกรอง Triage ถูกต้อง &gt; 99% ต่อเนื่อง 3 ปี</li>
        <li>อุบัติการณ์ฉุกเฉินขณะรอ = 0 ปี 2569</li>
        <li>เด็กชักไข้สูงขณะรอ = 0 ตั้งแต่ปี 2562</li>
        <li>STEMI CPG ครอบคลุม 100%</li>
        <li>ความพึงพอใจ &gt; 85% ทุกปี (สม่ำเสมอ)</li>
        <li>ระบบนัด DM/HT: มาตามนัด &gt; 95% ทุกปี</li>
        <li>ภาวะแทรกซ้อนเฉียบพลัน DM &lt; 2% (3 ปีต่อเนื่อง)</li>
        <li>eGFR ลดลงช้า &gt; 50% ทุกปี (CKD)</li>
        <li>BP &lt; 140/90 ใน CKD ผ่านเป้า &gt; 80%</li>
      </ul>
    </div>
    <div class="swot-card swot-w">
      <div class="swot-header">🔧 W — จุดที่ต้องพัฒนา (Weaknesses)</div>
      <ul>
        <li>HbA1C &lt; 7% ยังต่ำกว่าเป้า (ยกเว้นปี 2568)</li>
        <li>BP ควบคุมได้ใน HT ต่ำกว่าเป้า (&lt;60%) ทุกปี</li>
        <li>DM/HT คัดกรองโรคไต ยังต่ำกว่าเป้า &gt;80%</li>
        <li>การได้รับ ACEI/ARB ลดลงต่อเนื่อง</li>
        <li>Re-admit 28 วัน Asthma เพิ่มขึ้นปี 2569</li>
        <li>Re-admit 28 วัน COPD ยังเกินเป้า &lt;10%</li>
        <li>อัตราบุคลากรจำกัด (9 คน) ภาระงานสูง</li>
      </ul>
    </div>
    <div class="swot-card swot-o">
      <div class="swot-header">🌱 O — โอกาส (Opportunities)</div>
      <ul>
        <li>นโยบาย NCD คลินิกคุณภาพ สปสช. สนับสนุนงบประมาณ</li>
        <li>Line OA และ Digital Health สื่อสารกับผู้ป่วยได้ดีขึ้น</li>
        <li>เครือข่าย PCU 5 แห่ง รองรับ Home Visit เชิงรุก</li>
        <li>อสม. 600+ คน เป็นแรงเสริมชุมชน</li>
        <li>รพ.แม่ข่าย (พัทลุง) สนับสนุนหน่วยตรวจตาเคลื่อนที่</li>
        <li>ระบบ Telemedicine / Teleconsult กับแพทย์ผู้เชี่ยวชาญ</li>
      </ul>
    </div>
    <div class="swot-card swot-t">
      <div class="swot-header">⚡ T — ภัยคุกคาม (Threats)</div>
      <ul>
        <li>จำนวนผู้ป่วย NCD เพิ่มขึ้นต่อเนื่อง (HT +7.6% ใน 5 ปี)</li>
        <li>ผู้ป่วย COPD/Asthma เพิ่มขึ้น Asthma +117% ใน 5 ปี</li>
        <li>อัตรากำลังพยาบาลไม่เพิ่มตามภาระงาน</li>
        <li>โรคระบาด / ฤดูกาลที่ทำให้ผู้ป่วยหนาแน่น</li>
        <li>ความคาดหวังผู้ป่วยสูงขึ้น การร้องเรียนมีโอกาสเพิ่ม</li>
        <li>ปัญหาการขาดแคลนยา/เวชภัณฑ์บางรายการ</li>
      </ul>
    </div>
  </div>
</section>

<!-- SECTION 11: Strategic Next Steps -->
<section id="sec11" class="section">
  <div class="section-header"><span class="section-num">11</span>แผนพัฒนาต่อเนื่อง ปี 2569–2570</div>
  <div class="card-grid grid-2" style="margin-bottom:24px;">
    <div style="background:linear-gradient(135deg,var(--green-deep),var(--green-mid));border-radius:16px;padding:24px;color:#fff;">
      <div style="font-size:16px;font-weight:700;margin-bottom:16px;">🎯 เป้าหมายเชิงกลยุทธ์ ปี 2570</div>
      <div style="display:flex;flex-direction:column;gap:10px;font-size:13px;">
        <div style="background:rgba(255,255,255,0.15);border-radius:8px;padding:10px;">✅ HbA1C &lt;7% ≥ 40% (ยกระดับจาก 36.96%)</div>
        <div style="background:rgba(255,255,255,0.15);border-radius:8px;padding:10px;">✅ BP ควบคุมได้ HT ≥ 60% (จาก 56.00%)</div>
        <div style="background:rgba(255,255,255,0.15);border-radius:8px;padding:10px;">✅ DM/HT คัดกรองไต ≥ 80% (จาก 62.12%)</div>
        <div style="background:rgba(255,255,255,0.15);border-radius:8px;padding:10px;">✅ Re-admit 28 วัน Asthma &lt; 5% (จาก 5.65%)</div>
        <div style="background:rgba(255,255,255,0.15);border-radius:8px;padding:10px;">✅ คัดกรองตาเบาหวาน ≥ 60% (จาก 54.20%)</div>
      </div>
    </div>
    <div style="background:#fff;border:2px solid var(--green-light);border-radius:16px;padding:24px;">
      <div style="font-size:16px;font-weight:700;color:var(--green-deep);margin-bottom:16px;">📋 แผนปฏิบัติการสำคัญ</div>
      <div style="display:flex;flex-direction:column;gap:10px;font-size:13px;color:var(--gray-700);">
        <div style="display:flex;gap:8px;align-items:flex-start;"><span style="color:var(--orange);font-weight:700;min-width:28px;">Q1</span><span>จัดตั้ง Line OA คลินิก NCD เพื่อติดตามผู้ป่วย HbA1C สูง</span></div>
        <div style="display:flex;gap:8px;align-items:flex-start;"><span style="color:var(--orange);font-weight:700;min-width:28px;">Q2</span><span>ประสานหน่วยตรวจตาเคลื่อนที่ร่วม รพ.พัทลุง</span></div>
        <div style="display:flex;gap:8px;align-items:flex-start;"><span style="color:var(--orange);font-weight:700;min-width:28px;">Q2</span><span>ทบทวน Prescribing Pattern ACEI/ARB ใน CKD</span></div>
        <div style="display:flex;gap:8px;align-items:flex-start;"><span style="color:var(--orange);font-weight:700;min-width:28px;">Q3</span><span>จัด Asthma School ผู้ป่วย Admit ซ้ำ ≥ 2 ครั้ง/ปี</span></div>
        <div style="display:flex;gap:8px;align-items:flex-start;"><span style="color:var(--orange);font-weight:700;min-width:28px;">Q3</span><span>Simulation ทีม Triage + STEMI Protocol ครั้งที่ 2/2569</span></div>
        <div style="display:flex;gap:8px;align-items:flex-start;"><span style="color:var(--orange);font-weight:700;min-width:28px;">Q4</span><span>ประเมินผล CQI รอบปี + ส่งข้อมูล HDC ครบถ้วน</span></div>
      </div>
    </div>
  </div>

  <div style="background:linear-gradient(135deg,#f0f9f4,#e8f5e9);border-radius:16px;padding:24px;border:1px solid var(--green-light);">
    <div style="font-size:15px;font-weight:700;color:var(--green-deep);margin-bottom:16px;text-align:center;">
      🏥 วิสัยทัศน์การพัฒนาบริการผู้ป่วยนอก โรงพยาบาลป่าพะยอม
    </div>
    <div style="text-align:center;font-size:13px;color:var(--gray-700);line-height:2;max-width:700px;margin:0 auto;">
      มุ่งพัฒนาระบบบริการผู้ป่วยนอกที่ปลอดภัย รวดเร็ว และมีคุณภาพ<br>
      เน้นการควบคุมโรคเรื้อรัง NCD ให้ประชาชนอำเภอป่าพะยอมมีคุณภาพชีวิตที่ดี<br>
      ด้วยทีมสุขภาพที่มีสมรรถนะ ใช้เทคโนโลยีดิจิทัล และเชื่อมโยงชุมชนอย่างยั่งยืน
    </div>
    <div style="display:flex;justify-content:center;gap:24px;margin-top:20px;flex-wrap:wrap;">
      <div style="text-align:center;"><div style="font-size:28px;">🛡️</div><div style="font-size:12px;font-weight:700;color:var(--green-deep);">ปลอดภัย</div></div>
      <div style="text-align:center;"><div style="font-size:28px;">⚡</div><div style="font-size:12px;font-weight:700;color:var(--green-deep);">รวดเร็ว</div></div>
      <div style="text-align:center;"><div style="font-size:28px;">🌟</div><div style="font-size:12px;font-weight:700;color:var(--green-deep);">คุณภาพ</div></div>
      <div style="text-align:center;"><div style="font-size:28px;">🤝</div><div style="font-size:12px;font-weight:700;color:var(--green-deep);">ชุมชน</div></div>
      <div style="text-align:center;"><div style="font-size:28px;">💻</div><div style="font-size:12px;font-weight:700;color:var(--green-deep);">ดิจิทัล</div></div>
    </div>
  </div>
</section>

<!-- Footer -->
<footer style="background:var(--green-deep);color:#fff;text-align:center;padding:20px;font-family:'Sarabun',sans-serif;font-size:13px;margin-top:32px;">
  <div style="font-weight:700;font-size:15px;margin-bottom:4px;">โรงพยาบาลป่าพะยอม | งานผู้ป่วยนอก</div>
  <div style="opacity:0.8;">Service Profile ปีงบประมาณ 2569 | ปรับปรุงล่าสุด 31 มีนาคม 2569 | HCODE 11422</div>
  <div style="opacity:0.6;margin-top:4px;font-size:11px;">เอกสารนี้จัดทำเพื่อการรับรองคุณภาพโรงพยาบาล (HA) สรพ. | ข้อมูลปี 2569 = 6 เดือน (ต.ค.2568 – มี.ค.2569)</div>
</footer>

</div><!-- end main-wrapper -->

<script>
// ===== Tab Switching =====
function switchTab(name) {
  document.querySelectorAll('.tab-content').forEach(t => t.classList.remove('active'));
  document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));
  document.getElementById('tab-' + name).classList.add('active');
  event.target.classList.add('active');
}

// ===== Nav Highlight on Scroll =====
const sections = document.querySelectorAll('section[id]');
const navLinks = document.querySelectorAll('.nav-link');
window.addEventListener('scroll', () => {
  let current = '';
  sections.forEach(s => {
    if (window.scrollY >= s.offsetTop - 100) current = s.id;
  });
  navLinks.forEach(a => {
    a.classList.remove('active');
    if (a.getAttribute('href') === '#' + current) a.classList.add('active');
  });
});

// ===== Chart.js Defaults =====
Chart.defaults.font.family = "'Sarabun', sans-serif";
Chart.defaults.font.size = 11;
const GREEN = '#2E7D32';
const GREEN_MID = '#388E3C';
const GREEN_LIGHT = '#81C784';
const ORANGE = '#F57C00';
const RED = '#C62828';
const BLUE = '#1565C0';
const GRAY = '#9E9E9E';
const YEARS = ['2565','2566','2567','2568','2569*'];

function lineChart(id, datasets, targetVal, isMax) {
  const ctx = document.getElementById(id);
  if (!ctx) return;
  new Chart(ctx, {
    type: 'line',
    data: {
      labels: YEARS,
      datasets: datasets.map((d,i) => ({
        label: d.label,
        data: d.data,
        borderColor: d.color || GREEN,
        backgroundColor: (d.color || GREEN) + '20',
        tension: 0.3, fill: true, pointRadius: 4, pointHoverRadius: 6,
        borderWidth: 2
      }))
    },
    options: {
      responsive: true, maintainAspectRatio: true,
      plugins: {
        legend: { display: datasets.length > 1, position: 'bottom', labels: { boxWidth: 10, font: { size: 10 } } },
        annotation: targetVal !== undefined ? {
          annotations: {
            target: {
              type: 'line',
              yMin: targetVal, yMax: targetVal,
              borderColor: ORANGE, borderWidth: 2, borderDash: [6, 4],
              label: { content: 'เป้า ' + targetVal, enabled: true, position: 'end', font: { size: 9 }, color: ORANGE }
            }
          }
        } : {}
      },
      scales: { y: { beginAtZero: false, ticks: { font: { size: 10 } } }, x: { ticks: { font: { size: 10 } } } }
    }
  });
}

function barChart(id, data, color, targetVal) {
  const ctx = document.getElementById(id);
  if (!ctx) return;
  new Chart(ctx, {
    type: 'bar',
    data: {
      labels: YEARS,
      datasets: [{
        data: data,
        backgroundColor: data.map((v,i) => targetVal !== undefined ?
          (v >= targetVal ? GREEN_LIGHT : ORANGE + 'CC') : color + 'AA'),
        borderColor: data.map((v,i) => targetVal !== undefined ?
          (v >= targetVal ? GREEN : ORANGE) : color),
        borderWidth: 1.5, borderRadius: 4
      }]
    },
    options: {
      responsive: true, maintainAspectRatio: true,
      plugins: {
        legend: { display: false },
        annotation: targetVal !== undefined ? {
          annotations: {
            target: {
              type: 'line',
              yMin: targetVal, yMax: targetVal,
              borderColor: ORANGE, borderWidth: 2, borderDash: [6, 4],
              label: { content: 'เป้า', enabled: true, position: 'end', font: { size: 9 }, color: ORANGE }
            }
          }
        } : {}
      },
      scales: { y: { beginAtZero: false, ticks: { font: { size: 10 } } }, x: { ticks: { font: { size: 10 } } } }
    }
  });
}

// ===== Section 6 Charts =====
barChart('chartVisits', [107625, 101599, 100982, 109196, 57714], BLUE);
lineChart('chartWait', [{label:'รอคอย (นาที)', data:[58,56,62,58,54.14], color:GREEN}], 60, false);
lineChart('chartSatisfy', [{label:'พึงพอใจ (%)', data:[89.13,88.32,89.23,88.87,88.99], color:BLUE}], 85);
lineChart('chartTriage', [{label:'คัดกรองถูกต้อง (%)', data:[99.98,93.21,99.95,99.94,99.85], color:GREEN}], 95);

// ===== Section 7: DM Charts =====
lineChart('chartDmHba1c', [{label:'HbA1C <7% (%)', data:[31.03,36.48,34.39,41.24,36.96], color:GREEN}], 40);
lineChart('chartDmLdl', [{label:'LDL <100 (%)', data:[61.95,64.29,65.22,68.11,53.20], color:BLUE}], 60);
lineChart('chartDmKidney', [{label:'คัดกรองไต (%)', data:[36.69,74.74,53.18,65.66,54.38], color:ORANGE}], 60);
lineChart('chartDmEye', [{label:'คัดกรองตา (%)', data:[65.38,65.60,35.27,60.20,54.20], color:GREEN_MID}], 60);

// ===== Section 7: HT Charts =====
lineChart('chartHtBp', [{label:'ควบคุม BP ได้ (%)', data:[71.00,57.38,58.62,52.24,56.00], color:ORANGE}], 60);
lineChart('chartHtCheck', [{label:'ตรวจสุขภาพ (%)', data:[89.31,91.00,80.65,82.02,81.71], color:GREEN}], 80);

// ===== Section 7: CKD Charts =====
lineChart('chartCkdScreen', [{label:'คัดกรองไต (%)', data:[69.57,68.18,53.18,65.66,62.12], color:ORANGE}], 80);
lineChart('chartCkdAcei', [{label:'ACEI/ARB (%)', data:[68.55,66.06,60.78,56.49,51.94], color:RED}], 70);

// ===== Section 7: COPD/Asthma Charts =====
lineChart('chartAsthmaReadmit', [{label:'Re-admit Asthma (%)', data:[5.40,3.12,3.17,2.38,5.65], color:ORANGE}], 5, false);
lineChart('chartCopdReadmit', [{label:'Re-admit COPD (%)', data:[36.52,11.61,13.46,10.92,11.23], color:RED}], 10, false);

// ===== Print Function =====
document.getElementById('btnPrint').addEventListener('click', () => window.print());
</script>
</body>
</html>

Youez - 2016 - github.com/yon3zu
LinuXploit