<div style="padding: 10px 20px;">
<div style="display: flex;flex-direction: column;align-items: center;margin: 30px 0;width: 98%;">
<p style="font-size: 30px;font-weight: bolder;">{{ hospitalName }}</p>
<p style="font-size: 24px;font-weight: 400;">住院通知单（{{ patientInfo.departmentName }}）住院号：</p>
</div>
<div>
<ul style="display: flex;flex-wrap: wrap;line-height: 30px">
<!--第一行-->
<li style="width: 22%;display: flex;margin: 5px 0;">
<p class="label">姓名：</p>
<div style="flex: 1;text-align: left;border-bottom: 1px solid black;">{{ patientInfo.patientName }}</div>
</li>
<li style="width: 13%;display: flex;margin: 5px 0;">
<p class="label">性别：</p>
<div style="flex: 1;text-align: left;border-bottom: 1px solid black;">{{ patientInfo.gender === 1 ? '男' : '女' }}</div>
</li>
<li style="width: 16%;display: flex;margin: 5px 0;">
<p class="label">年龄：</p>
<div style="flex: 1;text-align: left;border-bottom: 1px solid black;">{{ patientInfo.age | ageFilter }}</div>
</li>
<li style=" width: 22%;display: flex;margin: 5px 0;">
<p class="label">门诊号：</p>
<div style="flex: 1;text-align: left;border-bottom: 1px solid black;">{{ patientInfo.outpatientNumber }}</div>
</li>
<li style=" width: 27%;display: flex;margin: 5px 0;">
<p class="label">职业：</p>
<div style="flex: 1;text-align: left;border-bottom: 1px solid black;">{{ patientInfo?.info?.job || '' }}</div>
</li>
<!--第二行-->
<li style="width: 100%;display: flex;margin: 5px 0;">
<p class="label">地址：</p>
<div style="flex: 1;text-align: left;border-bottom: 1px solid black;">
{{patientInfo.addr ? patientInfo.addr : ''}}
</div>
</li>
<!--第三行-->
<li style="width: 100%;display: flex;margin: 5px 0;">
<p class="label">初步诊断：</p>
<div style="flex: 1;text-align: left;border-bottom: 1px solid black;">
{{patientInfo.outpatientDiagnosisPrefix ? '('+patientInfo.outpatientDiagnosisPrefix +')' : '' }}{{patientInfo.outpatientDiagnosisName}}{{patientInfo.outpatientDiagnosisNameList ? ',' + patientInfo.outpatientDiagnosisNameList : ''}}
</div>
</li>
<!--第四行-->
<li style="width: 100%;display: flex;margin: 5px 0;">
<p class="label">身份证号码：</p>
<div style="flex: 1;text-align: left;">{{patientInfo ? patientInfo.cardNumber : ''}}</div>
</li>
<!--第五行-->
<li style="width: 45%;display: flex;margin: 5px 0;">
<p class="label">收住日期：</p>
<div style="flex: 1;text-align: left;"></div>
</li>
<li style=" width: 25%;display: flex;margin: 5px 0;">
<p class="label">门诊医师：</p>
<div style="flex: 1;text-align: left;border-bottom: 1px solid black;">{{ patientInfo.outpatientDoctorName || '' }}</div>
</li>
<li style=" width: 30%;display: flex;margin: 5px 0;">
<p class="label">日期：</p>
<div style="flex: 1;text-align: left;border-bottom: 1px solid black;">{{ patientInfo.admissionTime | dateYearMonthDayFilter }}</div>
</li>
<!--第六行-->
<li style="width: 30%;display: flex;margin: 5px 0;">
<p class="label">应缴费：</p>
<div style="flex: 1;text-align: left;border-bottom: 1px solid black;">{{ patientInfo && patientInfo.tag == 3 ? 0 : patientInfo.prepay }} 元</div>
</li>
<li style="width: 22%;display: flex;margin: 5px 0;">
<p class="label">联系人：</p>
<div style="flex: 1;text-align: left;border-bottom: 1px solid black;"></div>
</li>
<li style="width: 22%;display: flex;margin: 5px 0;">
<p class="label">本人关系：</p>
<div style="flex: 1;text-align: left;border-bottom: 1px solid black;"></div>
</li>
<li style="width: 26%;display: flex;margin: 5px 0;">
<p class="label">电话：</p>
<div style="flex: 1;text-align: left;border-bottom: 1px solid black;"></div>
</li>
<li style="width: 100%;display: flex;margin: 5px 0;">
<p class="label">门诊处理：</p>
<div style="flex: 1;text-align: left;">住院治疗</div>
</li>
</ul>
</div>
</div>
