yixiong/platform-prototype
17
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 一线医疗员工/非员工就诊融合为日常诊疗管理及医疗PAD体检报告完善

Browse Source
This commit is contained in:
liuyunqin
2026-09-11 15:11:11 +08:00
parent 3800631e88
commit 17595d5fb2
53 changed files with 3206 additions and 2566 deletions
Download Patch File Download Diff File Expand all files Collapse all files
other-module/medical-pad/daily-nonstaff-drawer.html
+1 -1
View File
@@ -53,7 +53,7 @@
<div class="form-grid">
<div class="fld"><span class="fld__label"><span class="fld__req">*</span>姓名</span><input value="冯大勇"></div>
<div class="fld"><span class="fld__label"><span class="fld__req">*</span>联系电话</span><input value="15029807781"></div>
<div class="fld"><span class="fld__label"><span class="fld__req">*</span>身份证号</span><input value="612427********1135"></div>
<div class="fld"><span class="fld__label"><span class="fld__req">*</span>身份证号</span><input value="612427198507161135"></div>
</div>
</div>
other-module/medical-pad/employee-file-detail.html
+99 -5
View File
@@ -111,6 +111,20 @@
.report-table td { padding: 10px 12px; font-size: 13px; color: #333; border-bottom: 1px solid #e8e8e8; }
.report-table tbody tr:last-child td { border-bottom: none; }
.result-abnormal { color: #FF4D4F; font-weight: 600; }
/* 胃肠镜报告：基本信息与检查字段 */
.gastro-info { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px 18px; font-size: 13px; color: #666; }
.gastro-info b { color: #333; font-weight: 500; }
.gastro-field { margin-bottom: 12px; }
.gastro-field:last-child { margin-bottom: 0; }
.gastro-field__label { font-size: 12px; color: #969eb0; font-weight: 600; margin-bottom: 6px; }
.gastro-field__value { font-size: 13px; line-height: 1.8; color: #333; background: #f9fffe; border: 1px solid #b5f5ec; border-radius: 8px; padding: 10px 12px; }
/* 影像报告：报告图片方框（标签在方框上方） */
.gastro-imgs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.gastro-img { cursor: pointer; }
.gastro-img__label { display: block; font-size: 12px; font-weight: 600; color: #4a5872; margin-bottom: 8px; line-height: 1.4; }
.gastro-img__box { height: 124px; border: 1px solid #dbe3ef; border-radius: 8px; background: #f6f9fd; display: flex; align-items: center; justify-content: center; color: #b8c2d4; transition: border-color .2s, background .2s; }
.gastro-img:hover .gastro-img__box { border-color: #1890ff; background: #f0f7ff; }
.gastro-img:hover .gastro-img__label { color: #1890ff; }
/* 就医推荐：地图 + 医疗资源导航 */
.map-wrap { display: flex; gap: 16px; align-items: stretch; }
.map-side { width: 264px; flex-shrink: 0; background: #fff; border-radius: 12px; padding: 12px; box-shadow: 0 2px 8px rgba(74,90,127,.06); max-height: 500px; overflow-y: auto; scrollbar-width: none; }
@@ -227,11 +241,11 @@
</select>
</div>
<table class="table">
<tr><th style="width:50px">序号</th><th>体检年度</th><th>体检日期</th><th>体检医院</th><th>报告上传日期</th><th style="width:90px">操作</th></tr>
<tr><td>1</td><td>2026</td><td>2026-05-18</td><td>CQ能源职工医院</td><td>2026-05-22</td><td><a class="link" onclick="openModal('reportModal')">查看报告</a></td></tr>
<tr><td>2</td><td>2025</td><td>2025-05-12</td><td>CQ能源职工医院</td><td>2025-05-16</td><td><a class="link" onclick="openModal('reportModal')">查看报告</a></td></tr>
<tr><td>3</td><td>2024</td><td>2024-05-20</td><td>定边县人民医院</td><td>2024-05-24</td><td><a class="link" onclick="openModal('reportModal')">查看报告</a></td></tr>
<tr><td>4</td><td>2023</td><td>2023-05-15</td><td>CQ能源职工医院</td><td>2023-05-19</td><td><a class="link" onclick="openModal('reportModal')">查看报告</a></td></tr>
<tr><th style="width:50px">序号</th><th>体检年度</th><th>体检日期</th><th>体检类型</th><th>体检医院</th><th>报告上传日期</th><th style="width:90px">操作</th></tr>
<tr><td>1</td><td>2026</td><td>2026-05-18</td><td>常规体检</td><td>CQ能源职工医院</td><td>2026-05-22</td><td><a class="link" onclick="openModal('reportModal')">查看报告</a></td></tr>
<tr><td>2</td><td>2025</td><td>2025-05-12</td><td>胃肠镜体检</td><td>CQ能源职工医院</td><td>2025-05-16</td><td><a class="link" onclick="openModal('reportGastroModal')">查看报告</a></td></tr>
<tr><td>3</td><td>2024</td><td>2024-05-20</td><td>冠脉CTA体检</td><td>定边县人民医院</td><td>2024-05-24</td><td><a class="link" onclick="openModal('reportModal')">查看报告</a></td></tr>
<tr><td>4</td><td>2023</td><td>2023-05-15</td><td>常规体检</td><td>CQ能源职工医院</td><td>2023-05-19</td><td><a class="link" onclick="openModal('reportModal')">查看报告</a></td></tr>
</table>
</div>
@@ -611,6 +625,86 @@
</div>
</div>
</div>
<!-- 页内弹窗：查看胃肠镜体检报告（字段内容参考 employee-app/health-checkup/report-gastro.html） -->
<div class="overlay" id="reportGastroModal">
<div class="modal">
<div class="modal__head"><span class="modal__title">2025年度胃肠镜体检报告 · 岳春生</span><button class="modal__close" onclick="closeModal('reportGastroModal')">&#x2715;</button></div>
<div class="modal__body">
<!-- 基本信息 -->
<div class="report-section">
<div class="report-section__title">基本信息</div>
<div class="gastro-info">
<span>姓名：<b>岳春生</b></span>
<span>性别：<b>男</b></span>
<span>年龄：<b>54</b></span>
<span>身份证号：<b>612427197111253417</b></span>
<span>体检日期：<b>2025-05-12</b></span>
<span>体检医院：<b>CQ能源职工医院</b></span>
</div>
</div>
<!-- 胃镜检查 -->
<div class="report-section">
<div class="report-section__title">胃镜检查</div>
<div class="gastro-field">
<div class="gastro-field__label">食管</div>
<div class="gastro-field__value">食管黏膜光滑，色泽正常，血管纹理清晰，未见静脉曲张及占位性病变。贲门开闭良好。</div>
</div>
<div class="gastro-field">
<div class="gastro-field__label">胃</div>
<div class="gastro-field__value">胃底、胃体黏膜光滑，色泽橘红，黏液湖清亮。胃角切迹光滑，胃窦黏膜轻度充血水肿，未见糜烂及溃疡。幽门口圆，开闭良好。</div>
</div>
<div class="gastro-field">
<div class="gastro-field__label">十二指肠</div>
<div class="gastro-field__value">十二指肠球部及降部黏膜光滑，未见溃疡、糜烂及占位性病变。乳头形态正常。</div>
</div>
<div class="gastro-field">
<div class="gastro-field__label">诊断结果</div>
<div class="gastro-field__value">慢性非萎缩性胃炎（胃窦）</div>
</div>
</div>
<!-- 肠镜检查 -->
<div class="report-section">
<div class="report-section__title">肠镜检查</div>
<div class="gastro-field">
<div class="gastro-field__label">结肠</div>
<div class="gastro-field__value">全结肠黏膜光滑，血管纹理清晰，未见充血、水肿、糜烂、溃疡及占位性病变。回盲瓣呈唇形，阑尾开口形态正常。结肠袋形态规整，蠕动良好。</div>
</div>
<div class="gastro-field">
<div class="gastro-field__label">诊断结果</div>
<div class="gastro-field__value">全结肠黏膜未见明显异常</div>
</div>
<div class="gastro-field">
<div class="gastro-field__label">病理诊断</div>
<div class="gastro-field__value">（降结肠活检）送检肠黏膜组织，腺体排列整齐，间质少量淋巴细胞浸润，未见异型增生及癌细胞。病理诊断：黏膜慢性炎。</div>
</div>
</div>
<!-- 影像报告：报告图片方框（原型占位，无真实图片） -->
<div class="report-section">
<div class="report-section__title">影像报告</div>
<div class="gastro-imgs">
<div class="gastro-img" onclick="alert('查看胃镜报告影像（原型演示）')">
<span class="gastro-img__label">胃镜报告</span>
<div class="gastro-img__box">
<svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="M21 15l-5-5L5 21"/></svg>
</div>
</div>
<div class="gastro-img" onclick="alert('查看肠镜报告影像（原型演示）')">
<span class="gastro-img__label">肠镜报告</span>
<div class="gastro-img__box">
<svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="M21 15l-5-5L5 21"/></svg>
</div>
</div>
<div class="gastro-img" onclick="alert('查看活检报告影像（原型演示）')">
<span class="gastro-img__label">活检报告</span>
<div class="gastro-img__box">
<svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="M21 15l-5-5L5 21"/></svg>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
other-module/medical-pad/follow-drawer.html
+15 -1
View File
@@ -60,6 +60,7 @@
.task-opt--on { background: #dae3f3; }
.pill { display: inline-block; padding: 1px 10px; border-radius: 12px; font-size: 11px; background: rgba(252,163,24,.12); color: #fca318; }
.pill--over { background: rgba(253,33,33,.08); color: #fd2121; }
.pill--done { background: rgba(82,196,26,.12); color: #52c41a; }
/* 签名块 */
.sign-box { flex: 1; height: 110px; border: 1px dashed #b7c3d6; border-radius: 8px; background: #f7f9fc; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; color: #969eb0; font-size: 13px; cursor: pointer; }
.sign-box svg { width: 22px; height: 22px; stroke: #969eb0; fill: none; stroke-width: 2; }
@@ -205,7 +206,7 @@
<button class="add-med-btn" onclick="openModal('medModal')">＋ 新增用药</button>
<div class="form-grid" style="margin-top:14px">
<div class="fld"><span class="fld__label"><span class="fld__req">*</span>用药依从性</span>
<span class="radio"><label><input type="radio" name="adh">规律用药</label><label><input type="radio" name="adh" checked>间断用药</label><label><input type="radio" name="adh">自行停药</label></span>
<span class="radio"><label><input type="radio" name="adh">规律</label><label><input type="radio" name="adh" checked>间断</label><label><input type="radio" name="adh">不服药</label></span>
</div>
<div class="fld"><span class="fld__label"><span class="fld__req">*</span>药物不良反应</span>
<!-- [交互] 选择「存在」时追加不良反应描述必填 -->
@@ -356,6 +357,19 @@
document.getElementById('empTags').innerHTML = tags.map(function (t) {
return '<span class="tag ' + (tagClass[t] || 'tag--oth') + '">' + t + '</span>';
}).join('');
// 编辑态：关联任务只读，隐藏未关联任务，关联任务不可再勾选
document.querySelectorAll('.task-opt').forEach(function (t) {
if (t.classList.contains('task-opt--on')) {
t.onclick = null;
t.style.cursor = 'default';
var cb = t.querySelector('input');
if (cb) cb.remove();
var pill = t.querySelector('.pill');
if (pill) { pill.textContent = '已关联完成'; pill.className = 'pill pill--done'; }
} else {
t.style.display = 'none';
}
});
})();
function openModal(id) { document.getElementById(id).classList.add('open'); }
function closeModal(id) { document.getElementById(id).classList.remove('open'); }