|
|
|
@ -1,99 +1,56 @@ |
|
|
|
<template> |
|
|
|
<div class="throm-report"> |
|
|
|
<div class="report-container"> |
|
|
|
<a-row :gutter="[6,6]"> |
|
|
|
<a-row > |
|
|
|
<a-col :span="24"> |
|
|
|
<a-card class="report-card"> |
|
|
|
<div class="report-patient-box"> |
|
|
|
<div class="report-patient-info"> |
|
|
|
<div class="report-patient-avatar"><img src="@/assets/images/ys.png" alt="" /></div> |
|
|
|
<div class="report-patient-name"> |
|
|
|
<div class="report-pname">{{patient.patientName}}</div> |
|
|
|
<div class="reort-psan"> |
|
|
|
<span class="reort-psex">{{patient.patientGenderString || '-'}}</span> |
|
|
|
<span class="reort-page">{{patient.patientAge || '-'}}岁</span> |
|
|
|
<span class="reort-pnat">{{patient.patientNation || '-'}}</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="report-patient-tags"> |
|
|
|
<div class="report-patient-tag">{{patient.firstAidZlTypeString || '-'}}</div> |
|
|
|
<div class="report-patient-tag">发病时间：{{queryItemInfo('XGZL-CCWC-TIME').toString() || |
|
|
|
'-'}}</div> |
|
|
|
</div> |
|
|
|
<div class="report-patient-row"> |
|
|
|
<span class="report-patient-rowlabel">联系方式: </span> |
|
|
|
<span class="report-patient-rowtext">{{patient.patientContract || '-'}}</span> |
|
|
|
</div> |
|
|
|
<div class="report-patient-row"> |
|
|
|
<span class="report-patient-rowlabel">身份证: </span> |
|
|
|
<span |
|
|
|
class="report-patient-rowtext">{{patient.patientIdCardNo ? utils.maskIDCard(patient.patientIdCardNo || '') : '-'}}</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<a-card class="report-card baseInfo" title="患者信息"> |
|
|
|
<a-col :span='8'> |
|
|
|
<a-row><div class="leftTitle">姓名</div><div class="rightValue">{{patient.patientName}}</div></a-row> |
|
|
|
<a-row><div class="leftTitle">民族</div><div class="rightValue">{{patient.patientNation || '-'}}</div></a-row> |
|
|
|
<a-row><div class="leftTitle">诊断</div><div class="rightValue">{{patient.firstAidZlTypeString || '-'}}</div></a-row> |
|
|
|
</a-col> |
|
|
|
<a-col :span='8' class="midItem"> |
|
|
|
<a-row><div class="leftTitle">性别</div><div class="rightValue">{{patient.patientGenderString || '-'}}</div></a-row> |
|
|
|
<a-row><div class="leftTitle">身份证号</div><div class="rightValue">{{patient.patientIdCardNo ? utils.maskIDCard(patient.patientIdCardNo || '') : '-'}}</div></a-row> |
|
|
|
<a-row><div class="leftTitle">发病时间</div><div class="rightValue">{{queryItemInfo('XGZL-CCWC-TIME').toString() ||'-'}}</div></a-row> |
|
|
|
</a-col> |
|
|
|
<a-col :span='8'> |
|
|
|
<a-row><div class="leftTitle">年龄</div><div class="rightValue">{{patient.patientAge || '-'}}岁</div></a-row> |
|
|
|
<a-row><div class="leftTitle">联系方式</div><div class="rightValue">{{patient.patientContract || '-'}}</div></a-row> |
|
|
|
|
|
|
|
</a-col> |
|
|
|
</a-card> |
|
|
|
|
|
|
|
</a-col> |
|
|
|
<a-col :span="24"> |
|
|
|
<a-card class="report-card"> |
|
|
|
<div class="report-treat-box"> |
|
|
|
<div class="report-treat-row1"> |
|
|
|
<span class="report-treat-rowlabel">入院mRS评分: </span> |
|
|
|
<span class="report-treat-rowtext"> |
|
|
|
{{ getFirstInfo['RYPG-MRS'] || '暂无' }} |
|
|
|
</span> |
|
|
|
</div> |
|
|
|
<div class="report-treat-row1"> |
|
|
|
<span class="report-treat-rowlabel">入院NIHSS评分: </span> |
|
|
|
<span class="report-treat-rowtext"> |
|
|
|
{{ getFirstInfo['RYPG-NIHSS'] || '暂无' }} |
|
|
|
</span> |
|
|
|
</div> |
|
|
|
<div class="report-treat-row1"> |
|
|
|
<span class="report-treat-rowlabel">舒张压/收缩压: </span> |
|
|
|
<span class="report-treat-rowtext"> |
|
|
|
<span>{{getFirstInfo['RYPG-DIASTOLIC-PRESSURE'] ? (getFirstInfo['RYPG-DIASTOLIC-PRESSURE'] + 'mmHg') : '暂无'}}</span> |
|
|
|
<a-card class="report-card baseInfo" title="病情评估"> |
|
|
|
<a-col :span='8'> |
|
|
|
<a-row><div class="leftTitle">入院mRS评分</div><div class="rightValue">{{ getFirstInfo['RYPG-MRS'] || '暂无' }}</div></a-row> |
|
|
|
<a-row><div class="leftTitle">入院NIHSS评分</div><div class="rightValue">{{ getFirstInfo['RYPG-NIHSS'] || '暂无' }}</div></a-row> |
|
|
|
<a-row><div class="leftTitle">舒张压/收缩压</div><div class="rightValue"> |
|
|
|
<span>{{getFirstInfo['RYPG-DIASTOLIC-PRESSURE'] ? (getFirstInfo['RYPG-DIASTOLIC-PRESSURE'] + 'mmHg') : '暂无'}}</span> |
|
|
|
<span> / </span> |
|
|
|
<span>{{getFirstInfo['RYPG-SYSTOLIC-PRESSURE'] ? (getFirstInfo['RYPG-SYSTOLIC-PRESSURE'] + 'mmHg') : '暂无'}}</span> |
|
|
|
</span> |
|
|
|
</div> |
|
|
|
<div class="report-treat-row2"> |
|
|
|
<span class="report-treat-rowlabel">身高: </span> |
|
|
|
<span class="report-treat-rowtext"> |
|
|
|
{{ getFirstInfo['RYPG-HEIGHT'] ? getFirstInfo['RYPG-HEIGHT'] + 'CM' : '暂无' }} |
|
|
|
</span> |
|
|
|
<span class="report-treat-rowlabel">体重: </span> |
|
|
|
<span class="report-treat-rowtext"> |
|
|
|
{{ getFirstInfo['RYPG-WEIGHT'] ? getFirstInfo['RYPG-WEIGHT'] + 'KG' : '暂无' }} |
|
|
|
</span> |
|
|
|
<span class="report-treat-rowlabel">BMI: </span> |
|
|
|
<span class="report-treat-rowtext">{{ getFirstInfo['RYPG-BMI'] || '暂无' }}</span> |
|
|
|
<span class="report-treat-rowlabel">血糖: </span> |
|
|
|
<span class="report-treat-rowtext"> |
|
|
|
{{ getFirstInfo['RYPG-PULSE'] ? getFirstInfo['RYPG-PULSE'] + '次/分' : '暂无' }} |
|
|
|
</span> |
|
|
|
</div> |
|
|
|
<div class="report-treat-row2"> |
|
|
|
<span class="report-treat-rowlabel">选用平车: </span> |
|
|
|
<span class="report-treat-rowtext">{{patient.carNo || '-'}}</span> |
|
|
|
</div> |
|
|
|
<div class="report-treat-row2"> |
|
|
|
<span class="report-treat-rowlabel">溶栓药物及计量: </span> |
|
|
|
<span class="report-treat-rowtext" style="height: 64px;"> |
|
|
|
溶栓药物: {{getFirstInfo['JMRS-RSYW'] || '暂无'}} |
|
|
|
静滴剂量: {{getFirstInfo['JMRS-JDJL'] || '暂无'}} |
|
|
|
团注剂量: {{getFirstInfo['JMRS-TZJL'] || '暂无'}} |
|
|
|
</span> |
|
|
|
</div> |
|
|
|
<div class="report-treat-row2"> |
|
|
|
<span class="report-treat-rowlabel">绿道状态: </span> |
|
|
|
<span class="report-treat-rowtext"><a-switch checked></a-switch></span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div></a-row> |
|
|
|
<a-row><div class="leftTitle">选用平车</div><div class="rightValue">{{patient.carNo || '-'}}</div></a-row> |
|
|
|
<a-row><div class="leftTitle">绿道状态</div><div class="rightValue"><span class="report-treat-rowtext"><a-switch checked></a-switch></span></div></a-row> |
|
|
|
</a-col> |
|
|
|
<a-col :span='8' class="midItem"> |
|
|
|
<a-row><div class="leftTitle">身高</div><div class="rightValue">{{ getFirstInfo['RYPG-HEIGHT'] ? getFirstInfo['RYPG-HEIGHT'] + 'CM' : '暂无' }}</div></a-row> |
|
|
|
<a-row><div class="leftTitle">体重</div><div class="rightValue">{{ getFirstInfo['RYPG-WEIGHT'] ? getFirstInfo['RYPG-WEIGHT'] + 'KG' : '暂无' }}</div></a-row> |
|
|
|
<a-row><div class="leftTitle">BMI</div><div class="rightValue">{{ getFirstInfo['RYPG-BMI'] || '暂无' }}</div></a-row> |
|
|
|
<a-row><div class="leftTitle">血糖</div><div class="rightValue">{{ getFirstInfo['RYPG-PULSE'] ? getFirstInfo['RYPG-PULSE'] + '次/分' : '暂无' }}</div></a-row> |
|
|
|
</a-col> |
|
|
|
<a-col :span='8'> |
|
|
|
<a-row><div class="leftTitle">选用平车</div><div class="rightValue">{{patient.carNo || '-'}}</div></a-row> |
|
|
|
<a-row><div class="leftTitle">溶栓药物</div><div class="rightValue">: {{getFirstInfo['JMRS-RSYW'] || '暂无'}}</div></a-row> |
|
|
|
<a-row><div class="leftTitle">静滴剂量</div><div class="rightValue">: {{getFirstInfo['JMRS-JDJL'] || '暂无'}}</div></a-row> |
|
|
|
<a-row><div class="leftTitle">团注剂量</div><div class="rightValue">: {{getFirstInfo['JMRS-TZJL'] || '暂无'}}</div></a-row> |
|
|
|
</a-col> |
|
|
|
</a-card> |
|
|
|
</a-col> |
|
|
|
<a-col :span="24"> |
|
|
|
<a-card class="report-card"> |
|
|
|
<a-card class="report-card" title="溶栓状态"> |
|
|
|
<div class="report-timeline"> |
|
|
|
<a-steps progress-dot :current="currentIndex" direction="vertical"> |
|
|
|
<template v-for="(item, index) in getNodeList"> |
|
|
|
@ -116,7 +73,7 @@ |
|
|
|
<a-col :span="24"> |
|
|
|
<a-card class="report-card" title="急诊溶栓记录"> |
|
|
|
<a slot="extra" id="exportFirst" href="JavaScript:;" @click="handleExportRsPdf">导出</a> |
|
|
|
<div class="report-card-content"> |
|
|
|
<div class="report-card-content" style="min-height: 300px;"> |
|
|
|
<div class="record-content" v-html="recordData"></div> |
|
|
|
<div class="emtpy" v-if="!recordData"> |
|
|
|
<a-empty :image="emptyImage" description="暂无溶栓记录" /> |
|
|
|
@ -402,7 +359,7 @@ |
|
|
|
<a-col :span="24"> |
|
|
|
<a-card class="report-card" title="介入手术记录"> |
|
|
|
<a slot="extra" href="javascript:;" @click="handleExportJrPdf">导出</a> |
|
|
|
<div class="doc-ct-content"> |
|
|
|
<div class="doc-ct-content" style="min-height: 300px;"> |
|
|
|
<div class="record-content" v-html="operaData"></div> |
|
|
|
<div class="emtpy" v-if="!operaData"> |
|
|
|
<a-empty :image="emptyImage" description="暂无手术记录" /> |
|
|
|
@ -412,12 +369,15 @@ |
|
|
|
</a-col> |
|
|
|
</a-row> |
|
|
|
</div> |
|
|
|
<div class="throm-common-button"> |
|
|
|
<a-button :disabled="writeAble" class="" type="primary" size="large" block |
|
|
|
@click="handleExportAll">打印</a-button> |
|
|
|
<!-- <a-button :disabled="writeAble" class="" block type="primary" size="large" |
|
|
|
@click="onSubmit">导出</a-button> --> |
|
|
|
<div style="background-color: #fff;padding-bottom: 12px;border-top: 1px solid #eee;"> |
|
|
|
<div class="throm-common-button" > |
|
|
|
<a-button :disabled="writeAble" class="" type="primary" size="large" block |
|
|
|
@click="handleExportAll">打印</a-button> |
|
|
|
<!-- <a-button :disabled="writeAble" class="" block type="primary" size="large" |
|
|
|
@click="onSubmit">导出</a-button> --> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<throm-report-dnt ref="dnt"></throm-report-dnt> |
|
|
|
<throm-report-record ref="record"></throm-report-record> |
|
|
|
<throm-report-observe ref="observe"></throm-report-observe> |
|
|
|
@ -883,20 +843,13 @@ |
|
|
|
|
|
|
|
<style lang="less" scoped> |
|
|
|
.throm-report { |
|
|
|
|
|
|
|
// padding-top: 1rem; |
|
|
|
.report-container { |
|
|
|
height: calc(100vh - 196px); |
|
|
|
overflow-y: auto; |
|
|
|
overflow-x: hidden; |
|
|
|
// padding: 10px; |
|
|
|
} |
|
|
|
|
|
|
|
.report-card { |
|
|
|
border-color: rgba(0, 0, 0, 0.09); |
|
|
|
// border-radius: .8rem; |
|
|
|
box-shadow: 0 0.18vw 0.73vw rgba(0, 0, 0, 0.09); |
|
|
|
// padding: 1rem; |
|
|
|
box-sizing: border-box; |
|
|
|
font-size: 1rem; |
|
|
|
|
|
|
|
@ -1011,13 +964,6 @@ |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.btns { |
|
|
|
padding: 12px 15% 0; |
|
|
|
background-color: #fff; |
|
|
|
margin-top: 6px; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
|
|
|
<style lang="less"> |
|
|
|
@ -1031,13 +977,7 @@ |
|
|
|
} |
|
|
|
|
|
|
|
.report-timeline { |
|
|
|
// height: 424px; |
|
|
|
overflow-y: auto; |
|
|
|
|
|
|
|
// .ant-steps-vertical .ant-steps-item-content { |
|
|
|
// // min-height: 4.38rem; |
|
|
|
// width: 88%; |
|
|
|
// } |
|
|
|
.ant-steps { |
|
|
|
height: 100%; |
|
|
|
padding-bottom: 20px; |
|
|
|
@ -1070,6 +1010,40 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.ant-card-bordered { |
|
|
|
border: none; |
|
|
|
|
|
|
|
.ant-card-head { |
|
|
|
border-bottom: none; |
|
|
|
} |
|
|
|
} |
|
|
|
.baseInfo{ |
|
|
|
line-height:32px; |
|
|
|
.ant-col-8{ |
|
|
|
padding-left:30px; |
|
|
|
padding-right:30px; |
|
|
|
} |
|
|
|
.leftTitle{ |
|
|
|
float:left; |
|
|
|
font-size:18px; |
|
|
|
color:#888888; |
|
|
|
} |
|
|
|
.rightValue{ |
|
|
|
float:right; |
|
|
|
font-size:18px; |
|
|
|
color:#222; |
|
|
|
} |
|
|
|
|
|
|
|
.midItem{ |
|
|
|
border-left:1px solid #eee; |
|
|
|
border-right:1px solid #eee; |
|
|
|
} |
|
|
|
} |
|
|
|
.report-rsgcb td{ |
|
|
|
font-size:18px; |
|
|
|
color:#3D3D3D; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
</style> |
nicky
5 months ago