diff --git a/web-admin/health-checkup/archive-personal.html b/web-admin/health-checkup/archive-personal.html index 736d97f..df355fa 100644 --- a/web-admin/health-checkup/archive-personal.html +++ b/web-admin/health-checkup/archive-personal.html @@ -113,12 +113,52 @@ .report-note{border-radius:var(--radius-sm);padding:12px 16px;font-size:var(--font-sm);line-height:1.9;margin-bottom:16px;} .report-note--conclusion{border:1px solid #FFD591;background:#FFF7E6;color:#873800;} .report-note--advice{border:1px solid #B7EB8F;background:#F6FFED;color:#389E0D;} - .report-section{margin-bottom:24px;} - .report-section:last-child{margin-bottom:0;} - .report-section__title{font-size:var(--font-base);font-weight:600;color:var(--text-primary);padding-left:10px;border-left:3px solid var(--primary);margin-bottom:12px;line-height:1.4;} .report-sub__title{font-size:var(--font-sm);font-weight:600;color:var(--text-primary);margin:14px 0 8px;} .report-sub:first-of-type .report-sub__title{margin-top:0;} .result-abnormal{color:var(--danger);font-weight:600;} +/* 报告弹窗内 Tab 切换 */ +.report-tabs{display:flex;gap:28px;padding:0 24px;border-bottom:1px solid var(--border);flex-shrink:0;} +.report-tab{position:relative;padding:12px 2px;font-size:var(--font-base);color:var(--text-secondary);cursor:pointer;transition:color .2s;} +.report-tab:hover{color:var(--primary);} +.report-tab.active{color:var(--primary);font-weight:600;} +.report-tab.active::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--primary);border-radius:2px;} +.report-pane{display:none;} +.report-pane.active{display:block;} +/* 专业报告版式（冠脉CTA / 胃肠镜共用，与检后报告页一致） */ +.rpt-empty{padding:48px 0;text-align:center;font-size:var(--font-sm);color:var(--text-placeholder);} +.cta-rpt{border:1px solid var(--border);border-radius:var(--radius-md);padding:0;overflow:hidden;} +.cta-rpt__band{background:#001529;color:#fff;padding:14px 20px;font-size:var(--font-base);font-weight:600;display:flex;align-items:center;justify-content:space-between;} +.cta-rpt__band small{font-size:var(--font-xs);font-weight:400;opacity:.7;} +.cta-rpt__meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 20px;padding:14px 20px;border-bottom:1px dashed var(--border);font-size:var(--font-sm);} +.cta-rpt__meta b{color:var(--text-secondary);font-weight:400;} +.cta-rpt__sec{padding:14px 20px;border-bottom:1px solid var(--border);} +.cta-rpt__sec:last-child{border-bottom:none;} +.cta-rpt__sec-t{font-size:var(--font-sm);font-weight:600;color:var(--primary);margin-bottom:8px;} +.cta-rpt__txt{font-size:var(--font-sm);color:var(--text-primary);line-height:1.7;} +.cta-vessel{width:100%;border-collapse:collapse;} +.cta-vessel th,.cta-vessel td{border:1px solid var(--border);padding:8px 10px;font-size:var(--font-sm);text-align:left;vertical-align:top;} +.cta-vessel th{background:#FAFAFA;color:var(--text-secondary);font-weight:500;white-space:nowrap;} +.cta-vessel td.v-name{white-space:nowrap;font-weight:500;} +.cta-vessel td.v-grade{white-space:nowrap;text-align:center;} +.cta-plaque{display:inline-flex;align-items:center;padding:1px 8px;border-radius:10px;font-size:var(--font-xs);margin-right:6px;} +.cta-plaque--calc{background:#E6F7FF;color:#1890FF;} +.cta-plaque--noncalc{background:#FFF7E6;color:#FAAD14;} +.cta-plaque--mixed{background:#FFF1F0;color:#FF4D4F;} +.cta-plaque--none{background:#F6FFED;color:#52C41A;} +.cta-narrow{font-weight:600;} +.cta-narrow--0{color:#52C41A;} +.cta-narrow--1{color:#8CB800;} +.cta-narrow--2{color:#FAAD14;} +.cta-narrow--3{color:#FA8C16;} +.cta-narrow--4{color:#FF4D4F;} +.cta-imp{display:flex;align-items:center;gap:14px;padding:14px 20px;background:#F6FBFF;border-top:1px solid var(--border);} +.cta-cad{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:96px;height:64px;border-radius:var(--radius-md);color:#fff;font-weight:700;line-height:1.1;} +.cta-cad small{font-size:var(--font-xs);font-weight:400;opacity:.9;} +.cta-cad--0{background:#52C41A;}.cta-cad--1{background:#8CB800;}.cta-cad--2{background:#FAAD14;}.cta-cad--3{background:#FA8C16;}.cta-cad--4{background:#FF4D4F;} +.cta-imp__list{font-size:var(--font-sm);color:var(--text-primary);line-height:1.7;} +.cta-imgs{display:flex;gap:12px;flex-wrap:wrap;} +.cta-img{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px dashed var(--border);border-radius:var(--radius-sm);background:#FAFAFA;font-size:var(--font-sm);color:var(--text-secondary);} +.cta-img .link{font-size:var(--font-xs);} /* 体检年份选择控件 */ .year-picker{position:relative;} .year-picker .filter-input{padding-right:30px;cursor:pointer;} @@ -240,20 +280,30 @@
体检报告
+ +
+
常规体检
+
胃肠镜体检
+
冠脉CTA体检
+
+
+
+
健康体检报告
+
-
-
体检结论
-
1. 血脂异常：甘油三酯轻度偏高；
2. 视力疲劳：双眼裸眼视力下降；
3. 其余各项体检指标未见明显异常。
+
+
体检结论
+
1. 血脂异常：甘油三酯轻度偏高；
2. 视力疲劳：双眼裸眼视力下降；
3. 其余各项体检指标未见明显异常。
-
-
体检建议
-
1. 建议低脂清淡饮食，少油少糖，规律运动，3个月后复查血脂；
2. 注意用眼卫生，避免长时间使用电子屏幕，必要时眼科随诊；
3. 建议每年进行一次健康体检，动态关注各项指标变化。
+
+
体检建议
+
1. 建议低脂清淡饮食，少油少糖，规律运动，3个月后复查血脂；
2. 注意用眼卫生，避免长时间使用电子屏幕，必要时眼科随诊；
3. 建议每年进行一次健康体检，动态关注各项指标变化。
-
-
物理检查
+
+
物理检查
一般检查
@@ -279,8 +329,8 @@ -
-
内科
+
+
内科
心肺听诊
@@ -304,8 +354,8 @@ -
-
外科
+
+
外科
皮肤与淋巴结
@@ -328,8 +378,8 @@ -
-
化学检查
+
+
化学检查
血常规
@@ -374,6 +424,10 @@
+
+
+
+
@@ -521,7 +575,7 @@ function buildBody(){ if(!val)val=[(CAT_DEFAULTS[col.cat]||['-'])[0]]; cells+=''+val[0]+''; }); - cells+='查看报告'; + cells+='查看报告'; return ''+cells+''; }).join(''); return ''+rows+''; @@ -566,11 +620,166 @@ function toggleSubgroup(header){header.parentElement.classList.toggle('open');} var sub=active.closest('.sidebar-subgroup'); while(sub){sub.classList.add('open');sub=sub.parentElement.closest('.sidebar-subgroup');} })(); -/* 查看体检报告弹窗（版式参考常规体检报告页） */ -function openReport(name){ - document.getElementById('report-title').textContent=name+' · 体检报告'; +/* 查看体检报告弹窗：常规体检 / 胃肠镜体检 / 冠脉CTA体检 三个页签 */ +function openReport(idx){ + var r=MASTER_ROWS[idx]; + document.getElementById('report-title').textContent=r.name+' · 体检报告'; + document.getElementById('regular-meta').innerHTML= + '姓名：'+r.name+'性别：'+r.gender+'年龄：'+r.age+'岁' + +'体检编号：'+r.empNo+'体检日期：'+r.checkDate+'体检医院：'+r.hospital+''; + document.getElementById('gastro-pane').innerHTML=gastroReportHtml(r); + document.getElementById('cta-pane').innerHTML=ctaReportHtml(r); + switchReportTab('regular'); document.getElementById('report-modal').classList.add('open'); } +function switchReportTab(key){ + var tabs=document.querySelectorAll('#report-modal .report-tab'); + for(var i=0;i' + +'
胃肠镜检查报告
' + +'
' + +'姓名：'+r.name+'性别：'+r.gender+'年龄：'+r.age+'岁' + +'检查编号：'+r.empNo+'检查日期：'+r.checkDate+'检查医院：'+r.hospital+'' + +'
' + +'
胃镜检查
' + +'' + +'' + +'' + +'' + +'' + +'
项目所见 / 结论
食管'+p.esophagus+'
胃'+p.stomach+'
十二指肠'+p.duodenum+'
诊断结果'+p.gastroDx+'
' + +'
肠镜检查
' + +'' + +'' + +'' + +'' + +'
项目所见 / 结论
结肠'+p.colon+'
诊断结果'+p.colonDx+'
病理诊断'+p.pathology+'
' + +'
报告图片
' + +''+eye+'胃镜报告查看' + +''+eye+'肠镜报告查看' + +''+eye+'活检报告查看' + +'
' + +'
'; +} +/* ============ 冠脉CTA报告（数据与版式取自检后-冠脉CTA体检报告页 post-cta-report.html） ============ */ +var CTA_PROFILES=[ + {dominant:'右优势型',rate:'68',beta:true,agatston:86,cad:2, + vessels:[ + {n:'左主干 LM',p:'none',g:0,d:'未见斑块及狭窄'}, + {n:'左前降支 LAD（近段）',p:'mixed',g:2,d:'混合斑块，管腔狭窄约30%'}, + {n:'左前降支 LAD（中段）',p:'none',g:0,d:'管壁光滑，未见狭窄'}, + {n:'第一对角支 D1',p:'calc',g:1,d:'钙化斑块，管腔狭窄<25%'}, + {n:'左回旋支 LCX（近段）',p:'none',g:0,d:'管壁光滑，未见狭窄'}, + {n:'左回旋支 LCX（远段）',p:'calc',g:1,d:'少量钙化斑块，管腔未见明显狭窄'}, + {n:'钝缘支 OM',p:'none',g:0,d:'未见异常'}, + {n:'右冠状动脉 RCA（近段）',p:'calc',g:2,d:'钙化斑块，管腔狭窄约40%'}, + {n:'右冠状动脉 RCA（中远段）',p:'none',g:0,d:'管壁光滑，未见狭窄'}, + {n:'后降支 PDA',p:'none',g:0,d:'未见异常'} + ], + cardiac:'各心腔大小未见扩大，左心耳未见血栓，主动脉及瓣膜未见明显钙化，心包少量积液。双肺下叶少许条索影。', + impression:['冠状动脉粥样硬化表现','LAD近段混合斑块伴管腔约30%狭窄；RCA近段钙化斑块伴约40%狭窄','余所见冠脉未见明显狭窄'], + advise:'建议心内科专科门诊评估，控制血压、血脂等危险因素，必要时行运动负荷心肌灌注或冠脉造影进一步检查。'} + , + {dominant:'右优势型',rate:'72',beta:true,agatston:0,cad:0, + vessels:[ + {n:'左主干 LM',p:'none',g:0,d:'未见斑块及狭窄'}, + {n:'左前降支 LAD（近段）',p:'none',g:0,d:'管壁光滑，未见狭窄'}, + {n:'左前降支 LAD（中段）',p:'none',g:0,d:'管壁光滑，未见狭窄'}, + {n:'第一对角支 D1',p:'none',g:0,d:'未见异常'}, + {n:'左回旋支 LCX（近段）',p:'none',g:0,d:'管壁光滑，未见狭窄'}, + {n:'左回旋支 LCX（远段）',p:'none',g:0,d:'管壁光滑，未见狭窄'}, + {n:'钝缘支 OM',p:'none',g:0,d:'未见异常'}, + {n:'右冠状动脉 RCA（近段）',p:'none',g:0,d:'管壁光滑，未见狭窄'}, + {n:'右冠状动脉 RCA（中远段）',p:'none',g:0,d:'管壁光滑，未见狭窄'}, + {n:'后降支 PDA',p:'none',g:0,d:'未见异常'} + ], + cardiac:'各心腔大小、形态正常，左心耳未见血栓，瓣膜未见明显钙化，心包未见积液。双肺未见明显异常。', + impression:['冠脉CTA未见明显异常','未见确切斑块及管腔狭窄'], + advise:'本次冠脉CTA未见明显异常，建议结合临床，定期体检随访。'} + , + {dominant:'均衡型',rate:'65',beta:false,agatston:265,cad:3, + vessels:[ + {n:'左主干 LM',p:'calc',g:1,d:'钙化斑块，管腔狭窄<25%'}, + {n:'左前降支 LAD（近段）',p:'mixed',g:3,d:'混合斑块，管腔狭窄约60%'}, + {n:'左前降支 LAD（中段）',p:'noncalc',g:2,d:'非钙化斑块，管腔狭窄约45%'}, + {n:'第一对角支 D1',p:'calc',g:1,d:'钙化斑块，管腔狭窄<25%'}, + {n:'左回旋支 LCX（近段）',p:'calc',g:2,d:'钙化斑块，管腔狭窄约35%'}, + {n:'左回旋支 LCX（远段）',p:'none',g:0,d:'未见明显狭窄'}, + {n:'钝缘支 OM',p:'calc',g:1,d:'少量钙化，管腔未见明显狭窄'}, + {n:'右冠状动脉 RCA（近段）',p:'mixed',g:2,d:'混合斑块，管腔狭窄约45%'}, + {n:'右冠状动脉 RCA（中远段）',p:'calc',g:3,d:'钙化斑块，管腔狭窄约55%'}, + {n:'后降支 PDA',p:'none',g:0,d:'未见异常'} + ], + cardiac:'左心室稍增大，各瓣膜未见明显钙化，心包未见积液。升主动脉增宽约38mm。双肺下叶纤维灶。', + impression:['多支冠状动脉粥样硬化并多发斑块形成','LAD近段混合斑块伴管腔中度狭窄（约60%）；RCA远段钙化斑块伴中度狭窄（约55%）','LAD中段、LCX近段、RCA近段轻-中度狭窄'], + advise:'建议尽快心内科专科就诊，行冠脉造影及必要时的血流储备分数（FFR）评估，规范抗血小板及降脂治疗。'} +]; +function ctaProfile(r){ + var t=0;for(var i=0;i0?('cta-narrow--'+Math.min(v.g,4)):''; + return ''+v.n+'' + +''+pl[0]+'' + +''+(v.g>0?(''+NARROW_TXT[v.g]+''):'0%')+'' + +''+v.d+''; + }).join(''); + return '
' + +'
冠状动脉CT血管成像报告
' + +'
' + +'姓名：'+r.name+'性别：'+r.gender+'年龄：'+r.age+'岁' + +'检查编号：'+r.empNo+'检查日期：'+r.checkDate+'检查医院：'+r.hospital+'' + +'
' + +'
检查条件
' + +'扫描时心率 '+p.rate+' 次/分'+(p.beta?'（已使用β受体阻滞剂控制心率）':'')+'，屏气良好；图像质量满足诊断要求。冠脉分布：'+p.dominant+'。' + +'
' + +'
冠状动脉钙化积分
' + +'Agatston 总积分约 '+p.agatston+' 分'+(p.agatston===0?'（未见钙化）':(p.agatston<100?'（轻度）':(p.agatston<400?'（中度）':'（重度）')))+'。' + +'
' + +'
冠状动脉分段所见
' + +'' + +vrows+'
血管 / 段斑块性质狭窄程度描述
' + +'
心脏及冠脉外所见
'+p.cardiac+'
' + +'
结论与分级
' + +'
'+p.cad+'CAD-RADS 分级
' + +'
'+p.impression.map(function(x,i){return '（'+(i+1)+'）'+x;}).join('
')+'
' + +'
建议
'+p.advise+'
' + +'
'; +} function closeReport(){ document.getElementById('report-modal').classList.remove('open'); } diff --git a/web-admin/health-checkup/config-material-video.html b/web-admin/health-checkup/config-material-video.html index 5e3ad75..34c91de 100644 --- a/web-admin/health-checkup/config-material-video.html +++ b/web-admin/health-checkup/config-material-video.html @@ -332,6 +332,7 @@
+
支持 JPG/PNG 格式，大小不超过 5MB，建议尺寸 1280×720（16:9）
@@ -342,7 +343,8 @@
- + +
支持 MP4 格式，大小不超过 200MB，时长建议 10 分钟以内
diff --git a/web-admin/health-checkup/config-standard-hospital.html b/web-admin/health-checkup/config-standard-hospital.html index 147eeb7..394fdb3 100644 --- a/web-admin/health-checkup/config-standard-hospital.html +++ b/web-admin/health-checkup/config-standard-hospital.html @@ -92,6 +92,11 @@ .form-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);} .form-select{width:100%;height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 10px center;appearance:none;cursor:pointer;} .form-select:focus{border-color:var(--primary);} + /* 复选列表 */ + .checkbox-list{border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 16px;} + .checkbox-item{display:flex;align-items:center;gap:8px;padding:9px 0;font-size:var(--font-sm);color:var(--text-primary);cursor:pointer;} + .checkbox-item + .checkbox-item{border-top:1px solid #F0F0F0;} + .checkbox-item input{accent-color:var(--primary);width:14px;height:14px;cursor:pointer;flex-shrink:0;} @@ -296,6 +301,31 @@ + + +