38 lines
2.9 KiB
PHP
38 lines
2.9 KiB
PHP
<div id="tab-ipd-round" class="tab-content hidden space-y-4 md:space-y-6">
|
|
<?= $ipd_filter_html ?>
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-6 mb-4 md:mb-6 max-w-4xl mx-auto">
|
|
<div class="card-premium p-4 md:p-6 bg-gradient-to-br from-white to-teal-50 border-l-4 border-l-teal-500">
|
|
<div class="flex justify-between items-center mb-2">
|
|
<h3 class="font-extrabold text-slate-800 text-sm md:text-base">สัดส่วนแพทย์ Round ทัน (ภาพรวม)</h3><span class="text-2xl md:text-3xl font-black text-teal-600"><span class="dynamic-number-cond">100.00</span>%</span>
|
|
</div>
|
|
<div class="w-full bg-slate-200 rounded-full h-3 mb-1 mt-3 md:mt-4 shadow-inner">
|
|
<div class="bg-teal-500 h-3 rounded-full dynamic-width border-t border-white/50" style="width: 100%"></div>
|
|
</div>
|
|
<p class="text-[9px] md:text-[10px] text-slate-500 text-right mt-2 font-bold">เป้าหมาย: 100.00% (ก่อน 12:00 น.)</p>
|
|
</div>
|
|
<div class="card-premium p-4 md:p-6 bg-gradient-to-br from-white to-blue-50 border-l-4 border-l-blue-500 flex flex-col justify-center items-center text-center">
|
|
<h3 class="font-extrabold text-slate-800 text-sm md:text-base mb-2">เวลาเฉลี่ยที่แพทย์ Round เสร็จ</h3>
|
|
<div class="flex items-center justify-center">
|
|
<i class="fa-regular fa-clock text-3xl text-blue-400 mr-3"></i>
|
|
<span class="text-3xl md:text-4xl font-black text-blue-600 dynamic-time-round">10:45 น.</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card-premium p-4 md:p-6 max-w-4xl mx-auto">
|
|
<div class="flex flex-col md:flex-row justify-between items-start md:items-center mb-4 md:mb-6">
|
|
<h3 class="font-extrabold text-slate-800 text-sm md:text-base flex items-center mb-2 md:mb-0"><i class="fa-solid fa-user-md text-teal-500 mr-2"></i> สัดส่วนแพทย์ Round ทันก่อน 12.00 น. (รายตึก)</h3>
|
|
<div class="flex items-center">
|
|
<span class="text-xs font-bold text-slate-600 mr-2">แสดงผลเดือน:</span>
|
|
<select onchange="window.simulateRoundProgress()" class="bg-white border border-slate-300 text-slate-700 rounded-lg p-1.5 text-xs outline-none shadow-sm font-bold text-teal-600 cursor-pointer">
|
|
<option>ภาพรวม</option>
|
|
<option>ตุลาคม</option>
|
|
<option>พฤศจิกายน</option>
|
|
<option>ธันวาคม</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-x-8" id="ward-round-progress-container"></div>
|
|
</div>
|
|
</div>
|