410 lines
19 KiB
HTML
410 lines
19 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>City General Hospital - HIS System V2.0</title>
|
||
<style>
|
||
/* === CSS Variables & Reset === */
|
||
: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 样式 === */
|
||
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; }
|
||
|
||
/* Header 区域 */
|
||
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 { display: flex; gap: 0; padding: 0 !important; }
|
||
body > table:nth-of-type(3) a { color: rgba(255,255,255,0.7) !important; padding: 12px 20px; border-right: 1px solid rgba(255,255,255,0.1); }
|
||
body > table:nth-of-type(3) a:hover { background: rgba(255,255,255,0.1); color: white !important; text-decoration: none; }
|
||
|
||
/* === 主体三栏布局 (Grid) === */
|
||
body > table:nth-of-type(4) > tbody > tr {
|
||
display: grid; grid-template-columns: 240px 1fr 240px; gap: 20px; padding: 20px; max-width: 1600px; margin: 0 auto; align-items: start;
|
||
}
|
||
|
||
/* 左侧：患者列表 */
|
||
body > table:nth-of-type(4) > tbody > tr > td:first-child {
|
||
background: white !important; border-radius: 4px; border: 1px solid var(--border-color) !important; overflow: hidden;
|
||
}
|
||
|
||
/* 患者列表标题 */
|
||
body > table:nth-of-type(4) > 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;
|
||
}
|
||
body > table:nth-of-type(4) > tbody > tr > td:first-child table tr:first-child font { color: #333 !important; font-weight: bold; }
|
||
|
||
/* 患者项 */
|
||
body > table:nth-of-type(4) > 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;
|
||
}
|
||
body > table:nth-of-type(4) > tbody > tr > td:first-child table tr:not(:first-child) td:hover { background: #f1f7ff !important; }
|
||
|
||
/* VIP 样式处理 */
|
||
body > table:nth-of-type(4) > tbody > tr > td:first-child table tr[bgcolor="#ffffcc"] td {
|
||
background: #fffbe6 !important; border-left: 3px solid var(--warning) !important;
|
||
}
|
||
|
||
/* 隐藏左侧栏的广告 (医药代表, 食堂) */
|
||
body > table:nth-of-type(4) > tbody > tr > td:first-child table[bgcolor="#e0ffff"],
|
||
body > table:nth-of-type(4) > tbody > tr > td:first-child table[bgcolor="#ffe4e1"] { display: none !important; }
|
||
|
||
/* 中间：工作区 */
|
||
body > table:nth-of-type(4) > tbody > tr > td:nth-child(2) {
|
||
background: transparent !important;
|
||
}
|
||
|
||
/* 患者信息卡片 */
|
||
body > table:nth-of-type(4) > 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; margin-bottom: 20px;
|
||
display: grid !important; grid-template-columns: 1fr 1fr; gap: 10px;
|
||
}
|
||
/* 标题行跨列 */
|
||
body > table:nth-of-type(4) > 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;
|
||
}
|
||
/* 信息行 Grid 化 */
|
||
body > table:nth-of-type(4) > tbody > tr > td:nth-child(2) > table:first-child tr:not(:first-child) {
|
||
display: flex; gap: 10px; align-items: baseline;
|
||
}
|
||
|
||
/* 医嘱表单 */
|
||
body > table:nth-of-type(4) > tbody > tr > td:nth-child(2) form table {
|
||
background: white !important; border-radius: 4px; border: 1px solid var(--border-color) !important; overflow: hidden;
|
||
}
|
||
/* 表头 */
|
||
body > table:nth-of-type(4) > tbody > tr > td:nth-child(2) form table tr:first-child {
|
||
background: #f8f9fa !important; padding: 10px 15px !important; border-bottom: 1px solid var(--border-color) !important;
|
||
}
|
||
body > table:nth-of-type(4) > tbody > tr > td:nth-child(2) form table tr:nth-child(2) {
|
||
display: grid; grid-template-columns: 40px 1.5fr 1fr 2fr 80px; background: #fafafa; border-bottom: 1px solid var(--border-color); padding: 10px !important; font-weight: bold; font-size: 12px; color: #666;
|
||
}
|
||
/* 药品行 */
|
||
body > table:nth-of-type(4) > tbody > tr > td:nth-child(2) form table tr:not(:first-child):not(:nth-child(2)):not(:last-child) {
|
||
display: grid; grid-template-columns: 40px 1.5fr 1fr 2fr 80px; padding: 10px !important; border-bottom: 1px solid #eee; align-items: center;
|
||
}
|
||
/* 隐藏干扰行 (库存警告) */
|
||
body > table:nth-of-type(4) > tbody > tr > td:nth-child(2) form table tr[bgcolor="#ffebcd"] { display: none !important; }
|
||
|
||
/* 底部按钮组 */
|
||
body > table:nth-of-type(4) > tbody > tr > td:nth-child(2) form table tr:last-child td {
|
||
padding: 15px !important; display: flex; gap: 10px; justify-content: flex-end; background: #f8f9fa !important;
|
||
}
|
||
input[type="button"] { padding: 8px 16px; border-radius: 4px; border: 1px solid transparent; cursor: pointer; font-weight: 500; }
|
||
input[value="新增药品"] { background: white; border-color: var(--border-color); color: var(--primary); }
|
||
input[value="签署医嘱"] { background: var(--primary); color: white; }
|
||
input[value="作废医嘱"] { background: var(--danger); color: white; }
|
||
|
||
/* 检查报告 */
|
||
body > table:nth-of-type(4) > tbody > tr > td:nth-child(2) > table:last-of-type {
|
||
background: white !important; margin-top: 20px; border: 1px solid var(--border-color) !important; border-radius: 4px; padding: 15px !important;
|
||
}
|
||
|
||
/* 隐藏系统升级通知 Div */
|
||
body > table:nth-of-type(4) > tbody > tr > td:nth-child(2) > div { display: none !important; }
|
||
|
||
/* 右侧：辅助工具 */
|
||
body > table:nth-of-type(4) > tbody > tr > td:last-child {
|
||
background: white !important; padding: 20px !important; border-radius: 4px; border: 1px solid var(--border-color) !important;
|
||
}
|
||
|
||
/* 临床路径/值班表 标题美化 */
|
||
body > table:nth-of-type(4) > 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;
|
||
}
|
||
body > table:nth-of-type(4) > tbody > tr > td:last-child table tr:first-child font { color: #333 !important; }
|
||
|
||
/* 复选框行间距 */
|
||
body > table:nth-of-type(4) > tbody > tr > td:last-child table tr:not(:first-child) td { padding: 5px 0 !important; }
|
||
|
||
/* 隐藏右侧的“常用链接”和下面的无序列表 */
|
||
body > table:nth-of-type(4) > tbody > tr > td:last-child > p { display: none; }
|
||
body > table:nth-of-type(4) > tbody > tr > td:last-child > ul { display: none; }
|
||
|
||
/* 页脚 */
|
||
center:last-of-type {
|
||
margin-top: 40px; border-top: 1px solid var(--border-color); padding: 20px; color: #999; font-size: 12px;
|
||
}
|
||
hr { display: none; }
|
||
</style>
|
||
</head>
|
||
<body bgcolor="#e6e6e6" text="#000000" link="#000080" vlink="#800080" alink="#FF0000">
|
||
|
||
<table width="100%" border="1" bgcolor="#ffcccc" cellpadding="5">
|
||
<tr>
|
||
<td align="center">
|
||
<font color="red"><b>全院广播：</b> 请各科室注意，下午 3 点在行政楼会议室召开医保控费紧急会议。</font>
|
||
<br>
|
||
<font size="2">发布时间：2025-12-22 08:30</font>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
<br>
|
||
|
||
<table width="100%" border="0" bgcolor="#008080" cellpadding="10">
|
||
<tr>
|
||
<td width="50%">
|
||
<font color="white" size="5"><b>市中心医院 - 医生工作站</b></font>
|
||
</td>
|
||
<td width="50%" align="right">
|
||
<font color="white">
|
||
当前用户：<b>李医生 (主治医师)</b> | 科室：心内科<br>
|
||
<a href="#" style="color:yellow">[修改密码]</a> <a href="#" style="color:white" onclick="alert('已安全退出')">[注销登录]</a>
|
||
</font>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
|
||
<table width="100%" border="1" cellpadding="5" cellspacing="0" bgcolor="#dddddd">
|
||
<tr>
|
||
<td align="center">
|
||
<a href="#">门诊工作台</a>
|
||
<a href="#">住院部管理</a>
|
||
<a href="#">手术排期</a>
|
||
<a href="#">检验报告查询</a>
|
||
<a href="#">药房库存</a>
|
||
<a href="#">医嘱管理</a>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
<br>
|
||
|
||
<table width="100%" border="0" cellspacing="5" cellpadding="0">
|
||
<tr>
|
||
<td width="250" valign="top" bgcolor="#f0f0f0">
|
||
<br>
|
||
<table width="100%" border="1" cellpadding="3">
|
||
<tr><td bgcolor="#008080"><font color="white"><b>待诊患者列表 (12)</b></font></td></tr>
|
||
<tr>
|
||
<td>
|
||
<b>01. 张三 (男, 45岁)</b><br>
|
||
<font size="2" color="#666">主诉：胸闷气短三天</font><br>
|
||
<div style="margin-top:5px;">
|
||
<a href="#" style="font-size:12px;">[接诊]</a> <a href="#" style="font-size:12px; color:#999;">[过号]</a>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<b>02. 李四 (女, 62岁)</b><br>
|
||
<font size="2" color="#666">主诉：高血压复诊</font><br>
|
||
<div style="margin-top:5px;">
|
||
<a href="#" style="font-size:12px;">[接诊]</a> <a href="#" style="font-size:12px; color:#999;">[过号]</a>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
<tr bgcolor="#ffffcc">
|
||
<td>
|
||
<font color="red"><b>VIP. 王总 (男, 50岁)</b></font><br>
|
||
<font size="2" color="#666">备注：院长安排，优先处理</font><br>
|
||
<div style="margin-top:5px;">
|
||
<a href="#" style="font-weight:bold;">[优先接诊]</a>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<b>03. 赵六 (男, 28岁)</b><br>
|
||
<font size="2" color="#666">主诉：心悸，心率110</font><br>
|
||
<div style="margin-top:5px;">
|
||
<a href="#" style="font-size:12px;">[接诊]</a> <a href="#" style="font-size:12px; color:#999;">[过号]</a>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
<br>
|
||
|
||
<table width="100%" border="1" bgcolor="#e0ffff">
|
||
<tr><td>...广告内容...</td></tr>
|
||
</table>
|
||
<br>
|
||
<table width="100%" border="1" bgcolor="#ffe4e1">
|
||
<tr><td>...食堂菜单...</td></tr>
|
||
</table>
|
||
</td>
|
||
|
||
<td valign="top">
|
||
|
||
<table width="100%" border="1" cellpadding="5" bgcolor="#ffffff">
|
||
<tr>
|
||
<td colspan="4" bgcolor="#cccccc"><b>当前患者：张三 (ID: 2025001)</b></td>
|
||
</tr>
|
||
<tr>
|
||
<td width="15%"><b>过敏史:</b></td>
|
||
<td width="35%"><font color="red" style="background:#ffe3e3; padding:2px 5px; border-radius:3px;">青霉素</font></td>
|
||
<td width="15%"><b>费别:</b></td>
|
||
<td width="35%">省医保</td>
|
||
</tr>
|
||
<tr>
|
||
<td><b>生命体征:</b></td>
|
||
<td colspan="3">BP: 140/90 mmHg, HR: 88, T: 36.5°C</td>
|
||
</tr>
|
||
</table>
|
||
<br>
|
||
|
||
<form>
|
||
<table width="100%" border="1" cellpadding="3" cellspacing="0">
|
||
<tr><td colspan="5" bgcolor="#dddddd"><b>长期医嘱录入</b></td></tr>
|
||
<tr>
|
||
<th>选择</th>
|
||
<th>药品名称</th>
|
||
<th>规格</th>
|
||
<th>用法用量</th>
|
||
<th>操作</th>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td align="center"><input type="checkbox"></td>
|
||
<td>阿司匹林肠溶片</td>
|
||
<td>100mg*30片</td>
|
||
<td>
|
||
<input type="text" value="100mg" size="5" style="border:1px solid #ccc; border-radius:3px;">
|
||
<select style="border:1px solid #ccc; border-radius:3px;"><option>qd (每日一次)</option><option>bid (每日两次)</option></select>
|
||
口服
|
||
</td>
|
||
<td><a href="#" style="color:#dc3545;">停药</a></td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td align="center"><input type="checkbox"></td>
|
||
<td>阿托伐他汀钙片</td>
|
||
<td>20mg*7片</td>
|
||
<td>
|
||
<input type="text" value="20mg" size="5" style="border:1px solid #ccc; border-radius:3px;">
|
||
<select style="border:1px solid #ccc; border-radius:3px;"><option>qn (每晚一次)</option></select>
|
||
口服
|
||
</td>
|
||
<td><a href="#" style="color:#dc3545;">停药</a></td>
|
||
</tr>
|
||
|
||
<tr bgcolor="#ffebcd">
|
||
<td colspan="5" align="center">...库存预警...</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td align="center"><input type="checkbox"></td>
|
||
<td>美托洛尔缓释片</td>
|
||
<td>47.5mg*7片</td>
|
||
<td>
|
||
<input type="text" value="47.5mg" size="5" style="border:1px solid #ccc; border-radius:3px;">
|
||
<select style="border:1px solid #ccc; border-radius:3px;"><option>qd (每日一次)</option></select>
|
||
口服
|
||
</td>
|
||
<td><a href="#" style="color:#dc3545;">停药</a></td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td colspan="5" align="right">
|
||
<input type="button" value="新增药品">
|
||
<input type="button" value="签署医嘱" onclick="signOrder()">
|
||
<input type="button" value="作废医嘱">
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</form>
|
||
<br>
|
||
|
||
<table width="100%" border="1" cellpadding="3">
|
||
<tr><td bgcolor="#dddddd"><b>最近检查报告</b></td></tr>
|
||
<tr>
|
||
<td>
|
||
<ul style="padding-left:20px; margin:10px 0;">
|
||
<li style="margin-bottom:5px;">2025-12-20: 心电图 - 窦性心律，ST段轻度压低 <a href="#">[查看图像]</a></li>
|
||
<li style="margin-bottom:5px;">2025-12-20: 心脏彩超 - 左室舒张功能减低 <a href="#">[查看图像]</a></li>
|
||
<li style="margin-bottom:5px;">2025-12-19: 血常规 - 正常 <a href="#">[查看数据]</a></li>
|
||
</ul>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
|
||
<br>
|
||
<div align="center" style="border: 1px dashed red; padding: 5px;">
|
||
...IT 部门通知...
|
||
</div>
|
||
|
||
</td>
|
||
|
||
<td width="200" valign="top" bgcolor="#f0f0f0">
|
||
<br>
|
||
<table width="100%" border="1" cellpadding="3">
|
||
<tr><td bgcolor="#008080"><font color="white"><b>临床路径</b></font></td></tr>
|
||
<tr><td><label><input type="checkbox"> 入院宣教</label></td></tr>
|
||
<tr><td><label><input type="checkbox"> 签署知情同意书</label></td></tr>
|
||
<tr><td><label><input type="checkbox"> 上级医师查房</label></td></tr>
|
||
<tr><td><label><input type="checkbox"> 术前讨论</label></td></tr>
|
||
</table>
|
||
<br>
|
||
|
||
<table width="100%" border="1" cellpadding="3">
|
||
<tr><td bgcolor="#008080"><font color="white"><b>值班排班</b></font></td></tr>
|
||
<tr><td>周一：张医生 (白)</td></tr>
|
||
<tr><td>周一：王医生 (夜)</td></tr>
|
||
<tr><td>周二：李医生 (白)</td></tr>
|
||
<tr><td>周二：赵医生 (夜)</td></tr>
|
||
</table>
|
||
<br>
|
||
|
||
<p><b>常用链接：</b></p>
|
||
<ul>
|
||
<li><a href="#">OA系统</a></li>
|
||
</ul>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
|
||
<hr>
|
||
|
||
<center>
|
||
<font size="1">
|
||
技术支持：市卫生信息中心 | 电话：8888-1234<br>
|
||
版权所有 © 2025 City General Hospital
|
||
</font>
|
||
</center>
|
||
|
||
<script>
|
||
function signOrder() {
|
||
const pin = prompt("请输入电子签名密码以签署医嘱：");
|
||
if(pin) {
|
||
alert("医嘱已签署，并发送至药房。");
|
||
}
|
||
}
|
||
console.log("HIS System Loaded. Interface modernized.");
|
||
</script>
|
||
|
||
</body>
|
||
</html> |