246 lines
14 KiB
HTML
246 lines
14 KiB
HTML
<!DOCTYPE html> <html lang=en><!--
|
|
--><meta charset=utf-8>
|
|
<title>City General Hospital - HIS System V2.0</title>
|
|
<style>:root{--primary:#007bff;--secondary:#6c757d;--success:#28a745;--danger:#dc3545;--warning:#ffc107;--info:#17a2b8;--light:#f8f9fa;--dark:#343a40;--border-color:#dee2e6}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background-color:#f4f6f9;color:#212529;margin:0;font-size:14px;line-height:1.5}a{text-decoration:none;color:var(--primary)}a:hover{text-decoration:underline}table,tbody,tr,td{display:block;width:100%!important;border:none!important;background:transparent!important;padding:0!important}body>table:first-of-type{background:#fff3cd!important;color:#856404;padding:10px 20px!important;border-bottom:1px solid #ffeeba!important}body>table:first-of-type font{color:#856404!important;font-weight:bold}body>table:first-of-type font[size="2"]{font-size:12px;font-weight:normal;margin-left:10px}body>table:nth-of-type(2){background:white!important;padding:10px 20px!important;border-bottom:1px solid var(--border-color)!important;box-shadow:0 1px 3px rgba(0,0,0,0.05)}body>table:nth-of-type(2) tr{display:flex;justify-content:space-between;align-items:center}body>table:nth-of-type(2) td{width:auto!important}body>table:nth-of-type(2) font[size="5"] b{font-size:20px;color:var(--primary)}body>table:nth-of-type(2) td:last-child font{color:#666!important;font-size:13px}body>table:nth-of-type(2) a{color:var(--secondary)!important;margin-left:10px;font-size:12px}body>table:nth-of-type(3){background:#343a40!important;padding:0!important}body>table:nth-of-type(3) td{gap:0;padding:0!important}.nav-item{color:rgba(255,255,255,0.7)!important;padding:12px 20px;border-right:1px solid rgba(255,255,255,0.1);cursor:pointer}.nav-item:hover{background:rgba(255,255,255,0.1);color:white!important;text-decoration:none}.nav-item.active{background:var(--primary)!important;color:white!important;font-weight:bold}.layout-table>tbody>tr{display:grid;grid-template-columns:240px 1fr 240px;gap:20px;max-width:1600px;margin:0 auto;align-items:start}.layout-table>tbody>tr>td:first-child{background:white!important;border-radius:4px;border:1px solid var(--border-color)!important;overflow:hidden}.layout-table>tbody>tr>td:first-child table tr:first-child td{background:#f8f9fa!important;padding:10px 15px!important;border-bottom:1px solid var(--border-color)!important}.layout-table>tbody>tr>td:first-child table tr:first-child font{color:#333!important;font-weight:bold}.layout-table>tbody>tr>td:first-child table tr:not(:first-child) td{padding:15px!important;border-bottom:1px solid #eee!important;cursor:pointer;transition:background 0.2s}.layout-table>tbody>tr>td:first-child table tr:not(:first-child) td:hover{background:#f1f7ff!important}.layout-table>tbody>tr>td:nth-child(2){background:transparent!important}.layout-table>tbody>tr>td:nth-child(2)>table:first-child{background:white!important;padding:20px!important;border-radius:4px;border:1px solid var(--border-color)!important;display:grid!important;grid-template-columns:1fr 1fr;gap:10px}.layout-table>tbody>tr>td:nth-child(2)>table:first-child tr:first-child{grid-column:1/-1;background:transparent!important;border-bottom:1px solid #eee!important;padding-bottom:10px!important;margin-bottom:10px;font-size:16px}.layout-table>tbody>tr>td:nth-child(2)>table:first-child tr:not(:first-child){display:flex;gap:10px;align-items:baseline}.layout-table>tbody>tr>td:nth-child(2)>table:last-of-type{background:white!important;margin-top:20px;border:1px solid var(--border-color)!important;padding:15px!important}.layout-table>tbody>tr>td:nth-child(2)>div{display:none!important}.layout-table>tbody>tr>td:last-child{background:white!important;padding:20px!important;border-radius:4px;border:1px solid var(--border-color)!important}.layout-table>tbody>tr>td:last-child table tr:first-child td{background:transparent!important;color:#333!important;font-weight:bold;border-bottom:2px solid var(--primary)!important;padding-bottom:5px!important;margin-bottom:10px}.layout-table>tbody>tr>td:last-child table tr:first-child font{color:#333!important}.layout-table>tbody>tr>td:last-child table tr:not(:first-child) td{padding:5px 0!important}center:last-of-type{margin-top:40px;border-top:1px solid var(--border-color);padding:20px;color:#999;font-size:12px}.patient-row{cursor:pointer;transition:0.2s}.patient-row:hover{background-color:#f1f7ff}.patient-row.active{background-color:#e3f2fd!important;border-left:4px solid var(--primary)!important}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:1000;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:0.2s}.modal-box{background:white;padding:20px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.2);width:450px;transform:translateY(-20px);transition:0.3s}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:bold;color:#333}.form-group input,.form-group select{width:100%;padding:8px;box-sizing:border-box;border:1px solid #ccc;border-radius:4px;font-size:14px}</style>
|
|
<meta name=referrer content=no-referrer><style>.sf-hidden{display:none!important}</style><link rel=canonical href=http://127.0.0.1:8000/010/10-all.html><meta http-equiv=content-security-policy content="default-src 'none'; font-src 'self' data:; img-src 'self' data:; style-src 'unsafe-inline'; media-src 'self' data:; script-src 'unsafe-inline' data:; object-src 'self' data:; frame-src 'self' data:;"></head>
|
|
<body bgcolor=#e6e6e6 text=#000000 link=#000080 vlink=#800080 alink=#FF0000>
|
|
<div id=drug-modal class=modal-overlay>
|
|
<div class=modal-box>
|
|
<h3 style="margin-top:0;color:var(--primary);border-bottom:1px solid #eee;padding-bottom:10px">New Order</h3>
|
|
<div class=form-group>
|
|
<label>Drug Name</label>
|
|
<select id=modal-drug-name>
|
|
<option value selected>-- Select --</option>
|
|
<option value=Aspirin>Aspirin Enteric-coated Tablets</option>
|
|
<option value=Atorvastatin>Atorvastatin Calcium Tablets</option>
|
|
<option value=Metoprolol>Metoprolol Succinate</option>
|
|
<option value=Cefradine>Cefradine Capsules</option>
|
|
<option value=Ibuprofen>Ibuprofen Sustained Release</option>
|
|
<option value=Insulin>Human Insulin Injection</option>
|
|
<option value=Omeprazole>Omeprazole Capsules</option>
|
|
<option value=Metformin>Metformin Hydrochloride</option>
|
|
</select>
|
|
</div>
|
|
<div class=form-group>
|
|
<label>Spec & Package</label>
|
|
<input type=text id=modal-drug-spec readonly style=background:#f5f5f5;color:#666 value>
|
|
</div>
|
|
<div class=form-group>
|
|
<label>Dosage</label>
|
|
<div style=display:flex;gap:10px>
|
|
<input type=text id=modal-drug-dose placeholder="Dose (e.g. 100mg)" value>
|
|
<select id=modal-drug-freq style=width:140px>
|
|
<option value=qd selected>qd (once daily)</option>
|
|
<option value=bid>bid (twice daily)</option>
|
|
<option value=tid>tid (3 times daily)</option>
|
|
<option value=qid>qid (4 times daily)</option>
|
|
<option value=qn>qn (once nightly)</option>
|
|
<option value=prn>prn (as needed)</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class=form-group>
|
|
<label>Route</label>
|
|
<select id=modal-drug-route>
|
|
<option value=PO selected>PO (Oral)</option>
|
|
<option value=IV>IV (Intravenous)</option>
|
|
<option value=IH>IH (Hypodermic)</option>
|
|
<option value=Inhale>Inhale (Inhalation)</option>
|
|
</select>
|
|
</div>
|
|
<div style="text-align:right;margin-top:20px;padding-top:10px;border-top:1px solid #eee">
|
|
<button type=button style="padding:8px 15px;margin-right:10px;background:white;border:1px solid #ccc;border-radius:4px;cursor:pointer">Cancel</button>
|
|
<button type=button style="padding:8px 15px;background:var(--primary);color:white;border:none;border-radius:4px;cursor:pointer">Confirm</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id=toast-container></div>
|
|
<table width=100% border=1 bgcolor=#ffcccc cellpadding=5>
|
|
<tbody><tr>
|
|
<td align=center>
|
|
<font color=red><b>Broadcast:</b> Attention all departments, emergency meeting on insurance cost control at 3 PM in the Admin Building.</font>
|
|
<br>
|
|
<font size=2>Posted: 2025-12-22 08:30</font>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<br>
|
|
<table width=100% border=0 bgcolor=#008080 cellpadding=10>
|
|
<tbody><tr>
|
|
<td width=50%>
|
|
<font color=white size=5><b>City General Hospital - Doctor Station</b></font>
|
|
</td>
|
|
<td width=50% align=right>
|
|
<font color=white>
|
|
User: <b>Dr. Li (Attending)</b> | Dept: Cardiology<br>
|
|
<a href=javascript:void(0) style=color:yellow>[Change Pwd]</a>
|
|
<a href=javascript:void(0) style=color:white>[Logout]</a>
|
|
</font>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<table width=100% border=1 cellpadding=0 cellspacing=0 bgcolor=#343a40>
|
|
<tbody><tr>
|
|
<td style=display:flex;padding:0>
|
|
<div class="nav-item active">Outpatient</div>
|
|
<div class=nav-item>Inpatient</div>
|
|
<div class=nav-item>Surgery</div>
|
|
<div class=nav-item>Lab Results</div>
|
|
<div class=nav-item>Pharmacy</div>
|
|
<div class=nav-item>Order Admin</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<br>
|
|
<div id=module-clinic class=main-module style=display:block>
|
|
<table class=layout-table width=100% border=0 cellspacing=5 cellpadding=0>
|
|
<tbody><tr>
|
|
<td width=250 valign=top bgcolor=#f0f0f0 style=height:100%>
|
|
<br>
|
|
<table width=100% border=1 cellpadding=0 style=background:white;border-radius:4px;overflow:hidden;border-collapse:collapse>
|
|
<tbody><tr><td bgcolor=#008080 style=padding:10px><font color=white><b>Waiting List (<span id=patient-count>4</span>)</b></font></tr>
|
|
<tbody id=patient-list-container><tr class="patient-row active">
|
|
<td style="padding:15px;border-bottom:1px solid #eee">
|
|
<b>101. Zhang San (M, 45y)</b><br>
|
|
<font size=2 color=#666>C/C: Chest tightness for 3 days</font><br>
|
|
<div style=margin-top:5px>
|
|
<a href=javascript:void(0) style=font-size:12px>[Consult]</a>
|
|
<a href=javascript:void(0) style=font-size:12px;color:#999;margin-left:5px>[Skip]</a>
|
|
</div>
|
|
</td>
|
|
<tr class=patient-row>
|
|
<td style="padding:15px;border-bottom:1px solid #eee">
|
|
<b>102. Li Si (F, 62y)</b><br>
|
|
<font size=2 color=#666>C/C: Dizziness and nausea for 1 week</font><br>
|
|
<div style=margin-top:5px>
|
|
<a href=javascript:void(0) style=font-size:12px>[Consult]</a>
|
|
<a href=javascript:void(0) style=font-size:12px;color:#999;margin-left:5px>[Skip]</a>
|
|
</div>
|
|
</td>
|
|
<tr class=patient-row>
|
|
<td style="padding:15px;border-bottom:1px solid #eee;background-color:#fffbe6">
|
|
<font color=red><b>VIP. Mr. Wang (M, 50y)</b></font><br>
|
|
<font size=2 color=#666>C/C: Consultation on annual checkup report</font><br>
|
|
<div style=margin-top:5px>
|
|
<a href=javascript:void(0) style=font-size:12px>[Consult]</a>
|
|
<a href=javascript:void(0) style=font-size:12px;color:#999;margin-left:5px>[Skip]</a>
|
|
</div>
|
|
</td>
|
|
<tr class=patient-row>
|
|
<td style="padding:15px;border-bottom:1px solid #eee">
|
|
<b>104. Zhao Liu (M, 28y)</b><br>
|
|
<font size=2 color=#666>C/C: Acute stomach pain for 2 hours</font><br>
|
|
<div style=margin-top:5px>
|
|
<a href=javascript:void(0) style=font-size:12px>[Consult]</a>
|
|
<a href=javascript:void(0) style=font-size:12px;color:#999;margin-left:5px>[Skip]</a>
|
|
</div>
|
|
</td>
|
|
</tbody>
|
|
</table>
|
|
|
|
<div style="margin-top:20px;padding:15px;background:#fff3cd;border:1px solid #ffeeba;border-radius:4px;color:#856404;font-size:12px">
|
|
<b>Shift Note:</b><br>
|
|
Emergency observation beds are full, please coordinate transfers.
|
|
</div>
|
|
</td>
|
|
<td valign=top>
|
|
|
|
|
|
<table width=100% border=1 cellpadding=5 bgcolor=#ffffff id=patient-info-card style=margin-bottom:20px>
|
|
<tbody><tr>
|
|
<td colspan=4 bgcolor=#cccccc><b>Patient: Zhang San (ID: 2025101)</b> - <font color=#333>Coronary Heart Disease; Angina</font></td>
|
|
</tr>
|
|
<tr>
|
|
<td width=15%><b>Allergies:</b></td>
|
|
<td width=35%><font color=red style="background:#ffe3e3;padding:2px 5px;border-radius:3px">Penicillin</font></td>
|
|
<td width=15%><b>Insurance:</b></td>
|
|
<td width=35%>Provincial Insurance</td>
|
|
</tr>
|
|
<tr>
|
|
<td><b>Vitals:</b></td>
|
|
<td colspan=3>BP: 140/90 mmHg, HR: 88, T: 36.5°C</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<div id=order-panel style=display:block class=sf-hidden>
|
|
|
|
</div>
|
|
<br>
|
|
|
|
<table width=100% border=1 cellpadding=3 id=lab-panel style=display:block;background:white;border-radius:4px>
|
|
<tbody><tr><td bgcolor=#dddddd><b>Lab / Exam Reports</b></tr>
|
|
<tr>
|
|
<td>
|
|
<ul style="padding-left:20px;margin:10px 0" id=lab-list><li style=margin-bottom:5px>2025-12-20: ECG - Sinus rhythm, slight ST depression <a href=javascript:void(0)>[View Image]</a><li style=margin-bottom:5px>2025-12-20: Echo - Diastolic dysfunction, EF 55% <a href=javascript:void(0)>[View Image]</a><li style=margin-bottom:5px>2025-12-19: CBC - WBC 6.5, Hb 135, PLT 210 </ul>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
<td width=200 valign=top bgcolor=#f0f0f0>
|
|
<br>
|
|
<table width=100% border=1 cellpadding=3>
|
|
<tbody><tr><td bgcolor=#008080><font color=white><b>Clinical Pathway</b></font></tr>
|
|
<tbody id=clinical-path-list><tr>
|
|
<td width=30 align=center>
|
|
<input type=checkbox checked disabled value=on>
|
|
</td>
|
|
<td style=color:green>Admission Education</td>
|
|
<tr>
|
|
<td width=30 align=center>
|
|
<input type=checkbox checked disabled value=on>
|
|
</td>
|
|
<td style=color:green>Sign Consent Form</td>
|
|
<tr>
|
|
<td width=30 align=center>
|
|
<input type=checkbox disabled value=on>
|
|
</td>
|
|
<td style=color:#666>Physician Ward Round</td>
|
|
<tr>
|
|
<td width=30 align=center>
|
|
<input type=checkbox disabled value=on>
|
|
</td>
|
|
<td style=color:#666>Pre-op Discussion</td>
|
|
</tbody>
|
|
</table>
|
|
<br>
|
|
|
|
<table width=100% border=1 cellpadding=3>
|
|
<tbody><tr><td bgcolor=#008080><font color=white><b>Shift Roster</b></font></tr>
|
|
<tr><td>Mon: Dr. Zhang (Day)</tr>
|
|
<tr><td>Mon: Dr. Wang (Night)</tr>
|
|
<tr><td>Tue: Dr. Li (Day)</tr>
|
|
<tr><td>Tue: Dr. Zhao (Night)</tr>
|
|
</table>
|
|
<br>
|
|
<p class=sf-hidden></p>
|
|
<ul class=sf-hidden>
|
|
|
|
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div id=module-inpatient class=main-module style=display:none;padding:20px>
|
|
|
|
</div>
|
|
<div id=module-surgery class=main-module style=display:none;padding:20px>
|
|
|
|
</div>
|
|
<div id=module-lab class=main-module style=display:none;padding:20px>
|
|
|
|
</div>
|
|
<div id=module-pharmacy class=main-module style=display:none;padding:20px>
|
|
|
|
</div>
|
|
<div id=module-admin class=main-module style=display:none;padding:20px>
|
|
|
|
</div>
|
|
<hr class=sf-hidden>
|
|
<center>
|
|
<font size=1>
|
|
Tech Support: Health Info Center | Tel: 8888-1234<br>
|
|
Copyright © 2025 City General Hospital
|
|
</font>
|
|
</center>
|