修复打印问题。

src/components/inpatient/frontsheet-printpage/HeadPage.vue

@@ -1,6 +1,6 @@
 <template>
-  <div id="page0">
-    <h3 style="width: 100%; font-size: 17px; text-align: center">住 院 病 案 首 页</h3>
+  <div>
+    <div style="width: 100%; font-size: 17px; text-align: center">住 院 病 案 首 页</div>
     <div style="margin-right: 8px; width: 100%; height: 32px; line-height: 32px; font-size: 15px; text-align: center">
       医疗机构:
       <span style="font-weight: 700">湖南泰和医院</span>
@@ -8,124 +8,137 @@
       <span style="font-weight: 700">43010150145</span>
       ）
     </div>
-    <div style="margin-right: 8px; height: 25px; line-height: 25px; display: flex">
-      <div>
+    <div style="margin-right: 8px; height: 25px; line-height: 25px">
+      <span style="display: inline-block">
         医疗付费方式:
         <span style="display: inline-block; width: 180px">{{ filterNameInDic(patient.payMethod, 'getPayMethod') }}</span>
-      </div>
-      <div style="margin-right: 8px; width: 120px; margin-left: 12px">健康卡号: {{ patient.healthCardNo }}</div>
-      <div style="margin-right: 8px; width: 100px">第&nbsp;{{ patient.admissTimes }}&nbsp;次住院</div>
-      <div style="margin-right: 8px; width: 130px">病案号: {{ patient.bah }}</div>
+      </span>
+      <span style="display: inline-block; margin-right: 8px; width: 120px; margin-left: 12px">健康卡号: {{ patient.healthCardNo }}</span>
+      <span style="display: inline-block; margin-right: 8px; width: 100px">第&nbsp;{{ patient.admissTimes }}&nbsp;次住院</span>
+      <span style="display: inline-block; margin-right: 8px; width: 130px">病案号: {{ patient.bah }}</span>
     </div>
   </div>
-  <div id="page1" style="border: 1px solid black; padding: 5px">
-    <div style="display: flex; margin: 10px 8px 10px 0">
+  <div style="border: 1px solid black; padding: 5px">
+    <div style="margin: 10px 8px 10px 0">
       姓名:
-      <div style="padding: 0 4px; margin-right: 8px; width: 70px; border-bottom: 1px solid black">{{ patient.name }}</div>
+      <span style="display: inline-block; padding: 0 4px; margin-right: 8px; width: 70px; border-bottom: 1px solid black">{{ patient.name }}</span>
       性别:
-      <div style="padding: 0 4px; margin-right: 8px; border-bottom: 1px solid black">{{ filterNameInDic(patient.sex, 'getSexCode') }}</div>
+      <span style="display: inline-block; padding: 0 4px; margin-right: 8px; border-bottom: 1px solid black">{{ filterNameInDic(patient.sex, 'getSexCode') }}</span>
       出生日期:
-      <div style="padding: 0 4px; margin-right: 8px; width: 130px; border-bottom: 1px solid black">{{ patient.birthDate }}</div>
+      <span style="display: inline-block; padding: 0 4px; margin-right: 8px; width: 130px; border-bottom: 1px solid black">{{ patient.birthDate }}</span>
       年龄:
-      <div style="padding: 0 4px; margin-right: 8px; width: 30px; border-bottom: 1px solid black">{{ patient.age }}</div>
+      <span style="display: inline-block; padding: 0 4px; margin-right: 8px; width: 30px; border-bottom: 1px solid black">{{ patient.age }}</span>
       国籍:
-      <div style="padding: 0 4px; margin-right: 8px; border-bottom: 1px solid black">{{ filterNameInDic(patient.country, 'getCountry') }}</div>
+      <span style="display: inline-block; padding: 0 4px; margin-right: 8px; border-bottom: 1px solid black">{{ filterNameInDic(patient.country, 'getCountry') }}</span>
     </div>
-    <div style="display: flex; margin: 10px 8px 10px 0">
+    <div style="margin: 10px 8px 10px 0">
       （年龄不足 1 周岁的）年龄:
-      <div style="padding: 0 4px; border-bottom: 1px solid black; width: 50px">{{ patient.ageDays }}</div>
+      <span style="display: inline-block; padding: 0 4px; border-bottom: 1px solid black; width: 50px">{{ patient.ageDays }}</span>
       天<span style="margin-left: 8px">新生儿出生体重:</span>
-      <div style="padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.newBornWeight }}</div>
+      <span style="display: inline-block; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.newBornWeight }}</span>
       克<span style="margin-left: 8px">新生儿入院体重:</span>
-      <div style="padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.newBornAdmissWeight }}</div>
+      <span style="display: inline-block; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.newBornAdmissWeight }}</span>
       克
     </div>
-    <div style="display: flex; margin: 10px 8px 10px 0">
+    <div style="margin: 10px 8px 10px 0">
       出生地:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 230px">{{ patient.birthPlaceName }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 230px">{{ patient.birthPlaceName }}</span>
       籍贯:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 230px">{{ patient.nativePlaceName }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 230px">{{ patient.nativePlaceName }}</span>
       民族:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black">{{ filterNameInDic(patient.nation, 'getNation') }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black">{{ filterNameInDic(patient.nation, 'getNation') }}</span>
     </div>
-    <div style="display: flex; margin: 10px 8px 10px 0">
+    <div style="margin: 10px 8px 10px 0">
       身份证号:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 160px">{{ patient.socialNo }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 160px">{{ patient.socialNo }}</span>
       职业:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black">{{ filterNameInDic(patient.occupation, 'getOccupation') }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black">{{ filterNameInDic(patient.occupation, 'getOccupation') }}</span>
       婚姻:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black">{{ filterNameInDic(patient.marriage, 'getMarriageCode') }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black">{{ filterNameInDic(patient.marriage, 'getMarriageCode') }}</span>
     </div>
-    <div style="display: flex; margin: 10px 8px 10px 0">
+    <div style="margin: 10px 8px 10px 0">
       现住址:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 300px">{{ patient.livePlace }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 300px">{{ patient.livePlace }}</span>
       电话:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black">{{ patient.phone }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black">{{ patient.phone }}</span>
       邮编:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.addrZipCode }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.addrZipCode }}</span>
     </div>
-    <div style="display: flex; margin: 10px 8px 10px 0">
+    <div style="margin: 10px 8px 10px 0">
       户口地址:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 300px">{{ patient.hkPlaceName }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 300px">{{ patient.hkPlaceName }}</span>
       邮编:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.hkZipCode }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.hkZipCode }}</span>
     </div>
-    <div style="display: flex; margin: 10px 8px 10px 0">
+    <div style="margin: 10px 8px 10px 0">
       工作单位及地址:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; margin-right: 0; width: 330px">{{ patient.unitName }}/{{ patient.unitPlace }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; margin-right: 0; width: 330px">
+        {{ patient.unitName }}/{{ patient.unitPlace }}
+      </span>
       单位电话:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 80px">{{ patient.unitPhone }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 80px">{{ patient.unitPhone }}</span>
       邮编:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 50px">{{ patient.unitZipCode }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 50px">{{ patient.unitZipCode }}</span>
     </div>
-    <div style="display: flex; margin: 10px 8px 10px 0">
+    <div style="margin: 10px 8px 10px 0">
       联系人姓名:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 90px">{{ patient.contactName }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 90px">{{ patient.contactName }}</span>
       联系人关系:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black">{{ filterNameInDic(patient.contactRelation, 'getRelations') }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black">{{ filterNameInDic(patient.contactRelation, 'getRelations') }}</span>
     </div>
-    <div style="display: flex; margin: 10px 8px 10px 0">
+    <div style="margin: 10px 8px 10px 0">
       联系人地址:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 300px">{{ patient.contactAddrName }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 300px">{{ patient.contactAddrName }}</span>
       联系人电话:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 90px">{{ patient.contactPhone }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 90px">{{ patient.contactPhone }}</span>
     </div>
-    <div style="display: flex; margin: 10px 8px 10px 0">
+    <div style="margin: 10px 8px 10px 0">
       入院途径:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black">{{ filterNameInDic(patient.zyAdmissWay, 'getAdmissWay') }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black">{{ filterNameInDic(patient.zyAdmissWay, 'getAdmissWay') }}</span>
       是否手术:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black">{{ filterNameInDic(patient.hasSurgery, 'getOperations') }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black">{{ filterNameInDic(patient.hasSurgery, 'getOperations') }}</span>
     </div>
-    <div style="display: flex; margin: 10px 8px 10px 0">
+    <div style="margin: 10px 8px 10px 0">
       入院时间:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 135px">{{ patient.admissDate }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 120px">{{ patient.admissDate }}</span>
       入院科别:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 120px">{{ patient.admissDept }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 120px">{{ patient.admissDept }}</span>
       病房:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 80px">{{ patient.admissWard }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 80px">{{ patient.admissWard }}</span>
       转科科别:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 120px">{{ patient.transDept }}</div>
+      <span style="display: inline-block; padding: 0 4px; border-bottom: 1px solid black; width: 120px">{{ patient.transDept }}</span>
     </div>
-    <div style="display: flex; margin: 10px 8px 10px 0">
+    <div style="margin: 10px 8px 10px 0">
       出院时间:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 135px">{{ patient.dismissDate }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 120px">{{ patient.dismissDate }}</span>
       出院科别:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 120px">{{ patient.dismissDept }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 120px">{{ patient.dismissDept }}</span>
       病房:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 80px">{{ patient.dismissWard }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 80px">{{ patient.dismissWard }}</span>
       住院天数:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.admissDays }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 120px">{{ patient.admissDays }}</span>
     </div>
-    <div style="display: flex; margin: 10px 8px 10px 0">
+    <div style="margin: 10px 8px 10px 0">
       门（急）诊诊断:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 350px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden">
+      <span
+        style="
+          display: inline-block;
+          margin-right: 8px;
+          padding: 0 4px;
+          border-bottom: 1px solid black;
+          width: 350px;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+          overflow: hidden;
+        "
+      >
         {{ patient.clinicDiagStr }}
-      </div>
+      </span>
       疾病编码:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 110px">{{ patient.clinicDiagCode }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 110px">{{ patient.clinicDiagCode }}</span>
     </div>
-    <div style="margin-right: 8px; height: max-content; display: flex; width: 720px">
-      <div style="margin-right: 8px; width: 360px">
+    <div style="height: max-content; width: 720px">
+      <span style="display: inline-block; width: 360px">
         <table style="width: 360px; border: 1px solid black; border-collapse: collapse">
           <tr>
             <th>主要诊断</th>
@@ -165,106 +178,113 @@
             </td>
           </tr>
         </table>
-      </div>
-      <div style="margin-right: 8px; width: 360px">
+      </span>
+      <span style="display: inline-block; width: 360px">
         <table style="width: 360px; border: 1px solid black; border-collapse: collapse">
           <tr v-for="n in 14" :key="n">
-            <td>
-              <div style="margin-right: 8px; width: 170px">{{ patient.disdiagList[n + 11].name }}</div>
+            <td style="margin-right: 8px; width: 170px">
+              {{ patient.disdiagList[n + 11].name }}
             </td>
-            <td>
-              <div style="margin-right: 8px; width: 100px">{{ patient.disdiagList[n + 11].code }}</div>
+            <td style="margin-right: 8px; width: 100px">
+              {{ patient.disdiagList[n + 11].code }}
             </td>
-            <td>
-              <div style="margin-right: 8px; width: 30px">{{ patient.disdiagList[n + 11].admissStatus }}</div>
+            <td style="margin-right: 8px; width: 30px">
+              {{ patient.disdiagList[n + 11].admissStatus }}
             </td>
-            <td>
-              <div style="margin-right: 8px; width: 30px">{{ patient.disdiagList[n + 11].dismissStatus }}</div>
+            <td style="margin-right: 8px; width: 30px">
+              {{ patient.disdiagList[n + 11].dismissStatus }}
             </td>
           </tr>
         </table>
-      </div>
+      </span>
     </div>
-    <div style="margin: 4px 0 2px 0; padding: 0 4px; border-bottom: 1px solid black; font-size: 12px; display: flex">
+    <div style="margin: 4px 0 2px 0; padding: 0 4px; border-bottom: 1px solid black; font-size: 12px">
       备注：
-      <div>入院病情：</div>
+      <span style="display: inline-block">入院病情：</span>
       1.有，2.临床未确定，3.情况不明，4.无
-      <div style="margin-right: 8px; margin-left: 10px">出院病情：</div>
+      <span style="display: inline-block; margin-right: 8px; margin-left: 10px">出院病情：</span>
       1.治愈，2.好转，3.未愈，4.死亡，9.其他
     </div>
-    <div style="display: flex; margin: 10px 8px 10px 0">
+    <div style="margin: 10px 8px 10px 0">
       损伤、中毒的外部原因:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 300px">{{ patient.hurtReasonName }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 300px">{{ patient.hurtReasonName }}</span>
       疾病编码:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 110px">{{ patient.hurtReasonCode }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 110px">{{ patient.hurtReasonCode }}</span>
     </div>
-    <div style="display: flex; margin: 10px 8px 10px 0">
+    <div style="margin: 10px 8px 10px 0">
       病理诊断:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 300px">{{ patient.pathologicDiagStr }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 300px">{{ patient.pathologicDiagStr }}</span>
       病理编码:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 90px">{{ patient.pathologicDiagCode }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 90px">{{ patient.pathologicDiagCode }}</span>
       病理号:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.blh }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.blh }}</span>
     </div>
-    <div style="display: flex; margin: 10px 8px 10px 0">
+    <div style="margin: 10px 8px 10px 0">
       药物过敏:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black">{{ filterNameInDic(patient.allergy, 'getHaveOrNot') }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black">{{ filterNameInDic(patient.allergy, 'getHaveOrNot') }}</span>
       ，过敏药物:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 110px">{{ patient.allergicMedicine }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 110px">{{ patient.allergicMedicine }}</span>
       死亡患者尸检:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black">{{ filterNameInDic(patient.autopsy, 'getAutopsies') }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black">{{ filterNameInDic(patient.autopsy, 'getAutopsies') }}</span>
     </div>
-    <div style="display: flex; margin: 10px 8px 10px 0">
+    <div style="margin: 10px 8px 10px 0">
       输血前四项: HbsAg
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black">{{ filterNameInDic(patient.hbsAg, 'getHbsag') }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black">{{ filterNameInDic(patient.hbsAg, 'getHbsag') }}</span>
       HCV-Ab
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; margin-left: 8px">{{ filterNameInDic(patient.hcvAb, 'getHbsag') }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; margin-left: 8px">{{
+        filterNameInDic(patient.hcvAb, 'getHbsag')
+      }}</span>
       HIV-Ab
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; margin-left: 8px">{{ filterNameInDic(patient.hivAb, 'getHbsag') }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; margin-left: 8px">{{
+        filterNameInDic(patient.hivAb, 'getHbsag')
+      }}</span>
       TP-Ab
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; margin-left: 8px">{{ filterNameInDic(patient.tpAb, 'getHbsag') }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; margin-left: 8px">{{
+        filterNameInDic(patient.tpAb, 'getHbsag')
+      }}</span>
     </div>
-    <div style="display: flex; margin: 10px 8px 10px 0">
+    <div style="margin: 10px 8px 10px 0">
       血型:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black">{{ filterNameInDic(patient.bloodType, 'getBloodType') }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black">{{ filterNameInDic(patient.bloodType, 'getBloodType') }}</span>
       Rh:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black">{{ filterNameInDic(patient.rh, 'getHbsag') }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black">{{ filterNameInDic(patient.rh, 'getHbsag') }}</span>
     </div>
-    <div style="display: flex; margin: 10px 8px 10px 0">
+    <div style="margin: 10px 8px 10px 0">
       科室主任:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.deptLeaderName }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.deptLeaderName }}</span>
       主任(副主任)医师:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.leaderDoctorName }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.leaderDoctorName }}</span>
       主治医师:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.mainDoctorName }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.mainDoctorName }}</span>
       住院医师:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.admissDoctorName }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.admissDoctorName }}</span>
     </div>
-    <div style="display: flex; margin: 10px 8px 10px 0">
+    <div style="margin: 10px 8px 10px 0">
       责任护士:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.dutyNurseName }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.dutyNurseName }}</span>
       进修医师:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.studyDoctorName }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.studyDoctorName }}</span>
       实习医师:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.internshipDoctorName }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.internshipDoctorName }}</span>
       编码员:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.coderName }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.coderName }}</span>
     </div>
-    <div style="display: flex; margin: 10px 8px 10px 0">
+    <div style="margin: 10px 8px 10px 0">
       病案质量:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black">{{ filterNameInDic(patient.qualityControlLevel, 'getQualityLevel') }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black">
+        {{ filterNameInDic(patient.qualityControlLevel, 'getQualityLevel') }}
+      </span>
       质控医师:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.qualityControlDoctorName }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.qualityControlDoctorName }}</span>
       质控护士:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.qualityControlNurseName }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.qualityControlNurseName }}</span>
       质控日期:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 170px">{{ patient.qualityControlDate }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 170px">{{ patient.qualityControlDate }}</span>
     </div>
   </div>
 </template>
 
 <script>
-import { filterDismissStatus } from '@/views/hospitalization/case-front-sheet/common'
 export default {
   props: {
     patient: {

src/components/inpatient/frontsheet-printpage/TailPage.vue

@@ -1,5 +1,5 @@
 <template>
-  <div id="page2" style="border: 1px solid black; padding: 5px">
+  <div style="border: 1px solid black; padding: 5px">
     <table id="surgeryTable" style="border: 1px solid black; border-collapse: collapse; width: 100%">
       <tr>
         <th rowspan="2">手术及操作名称</th>
@@ -49,191 +49,213 @@
         </td>
       </tr>
     </table>
-    <div style="display: flex; margin: 10px 8px 10px 0">
+    <div style="margin: 10px 8px 10px 0">
       离院方式:
-      <div style="padding: 0 4px; border-bottom: 1px solid black">{{ filterNameInDic(patient.zyDismissWay, 'getZyDismissWay') }}</div>
+      <span style="display: inline-block; padding: 0 4px; border-bottom: 1px solid black">{{ filterNameInDic(patient.zyDismissWay, 'getZyDismissWay') }}</span>
       ，拟接收医疗机构名称:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 210px">{{ patient.dismissDestination }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 210px">{{ patient.dismissDestination }}</span>
     </div>
-    <div style="display: flex; margin: 10px 8px 10px 0">
+    <div style="margin: 10px 8px 10px 0">
       是否有出院31天内再住院计划:
-      <div style="padding: 0 4px; border-bottom: 1px solid black">{{ filterNameInDic(patient.admissAgainInOneMonth, 'getHaveOrNot') }}</div>
+      <span style="display: inline-block; padding: 0 4px; border-bottom: 1px solid black">{{ filterNameInDic(patient.admissAgainInOneMonth, 'getHaveOrNot') }}</span>
       ，目的:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 300px">{{ patient.admissAgainPurpose }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 300px">{{ patient.admissAgainPurpose }}</span>
     </div>
-    <div style="display: flex; margin: 10px 8px 10px 0">
+    <div style="margin: 10px 8px 10px 0">
       颅脑损伤患者昏迷时间: 入院前
-      <div style="padding: 0 4px; border-bottom: 1px solid black; width: 30px">{{ patient.comaDaysBeforeAdmiss }}</div>
+      <span style="display: inline-block; padding: 0 4px; border-bottom: 1px solid black; width: 30px">{{ patient.comaDaysBeforeAdmiss }}</span>
       天
-      <div style="padding: 0 4px; border-bottom: 1px solid black; width: 30px">{{ patient.comaHoursBeforeAdmiss }}</div>
+      <span style="display: inline-block; padding: 0 4px; border-bottom: 1px solid black; width: 30px">{{ patient.comaHoursBeforeAdmiss }}</span>
       小时
-      <div style="padding: 0 4px; border-bottom: 1px solid black; width: 30px">{{ patient.comaMinutesBeforeAdmiss }}</div>
+      <span style="display: inline-block; padding: 0 4px; border-bottom: 1px solid black; width: 30px">{{ patient.comaMinutesBeforeAdmiss }}</span>
       分钟 <span style="margin-left: 8px">入院后</span>
-      <div style="padding: 0 4px; border-bottom: 1px solid black; width: 30px">{{ patient.comaDaysAfterAdmiss }}</div>
+      <span style="display: inline-block; padding: 0 4px; border-bottom: 1px solid black; width: 30px">{{ patient.comaDaysAfterAdmiss }}</span>
       天
-      <div style="padding: 0 4px; border-bottom: 1px solid black; width: 30px">{{ patient.comaHoursAfterAdmiss }}</div>
+      <span style="display: inline-block; padding: 0 4px; border-bottom: 1px solid black; width: 30px">{{ patient.comaHoursAfterAdmiss }}</span>
       小时
-      <div style="padding: 0 4px; border-bottom: 1px solid black; width: 30px">{{ patient.comaMinutesAfterAdmiss }}</div>
+      <span style="display: inline-block; padding: 0 4px; border-bottom: 1px solid black; width: 30px">{{ patient.comaMinutesAfterAdmiss }}</span>
       分钟
     </div>
-    <div style="display: flex; margin: 10px 8px 10px 0">
+    <div style="margin: 10px 8px 10px 0">
       住院费用（元）: 总费用
-      <div style="padding: 0 4px; border-bottom: 1px solid black; width: 110px">{{ patient.totalCost }}</div>
+      <span style="display: inline-block; padding: 0 4px; border-bottom: 1px solid black; width: 110px">{{ patient.totalCost }}</span>
       (自付金额:
-      <div style="padding: 0 4px; border-bottom: 1px solid black; width: 110px">{{ patient.selfPay }}</div>
+      <span style="display: inline-block; padding: 0 4px; border-bottom: 1px solid black; width: 110px">{{ patient.selfPay }}</span>
       )
     </div>
-    <div style="display: flex; margin: 10px 8px 10px 0">
+    <div style="margin: 10px 8px 10px 0">
       1.综合医疗服务类: (1)一般医疗服务费:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.generalMedicalServiceFee }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.generalMedicalServiceFee }}</span>
       (2)一般治疗操作费:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.generalTreatmentOperatingFee }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.generalTreatmentOperatingFee }}</span>
       (3)护理费:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 50px">{{ patient.careFee }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 50px">{{ patient.careFee }}</span>
     </div>
-    <div style="display: flex; margin: 10px 8px 10px 0">
+    <div style="margin: 10px 8px 10px 0">
       (4)其他费:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.elseFee }}</div>
+      <span style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.elseFee }}</span>
     </div>
-    <div style="display: flex; margin: 10px 8px 10px 0">
+    <div style="margin: 10px 8px 10px 0">
       2.诊断类: (5)病理诊断费:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.pathologicDiagFee }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.pathologicDiagFee }}</span>
       (6)实验室诊断费:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.experimentDiagFee }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.experimentDiagFee }}</span>
       (7)影像学诊断费:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.ctDiagFee }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.ctDiagFee }}</span>
     </div>
-    <div style="display: flex; margin: 10px 8px 10px 0">
+    <div style="margin: 10px 8px 10px 0">
       (8)临床诊断项目费:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.clinicalDiagFee }}</div>
+      <span style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.clinicalDiagFee }}</span>
     </div>
-    <div style="display: flex; margin: 10px 8px 10px 0">
+    <div style="margin: 10px 8px 10px 0">
       3.治疗类: (9)非手术治疗项目费:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.notSurgicalFee }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.notSurgicalFee }}</span>
       (临床物理治疗费:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.clinicalPhysicalFee }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.clinicalPhysicalFee }}</span>
       )
     </div>
-    <div style="display: flex; margin: 10px 8px 10px 0">
+    <div style="margin: 10px 8px 10px 0">
       (10)手术治疗费:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.surgicalFee }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.surgicalFee }}</span>
       (麻醉费:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.anesthetizeFee }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.anesthetizeFee }}</span>
       &nbsp;&nbsp;手术费:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.surgeryFee }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.surgeryFee }}</span>
       )
     </div>
-    <div style="display: flex; margin: 10px 8px 10px 0">
+    <div style="margin: 10px 8px 10px 0">
       4.康复类: (11)康复费:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.recoverFee }}</div>
+      <span style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.recoverFee }}</span>
     </div>
-    <div style="display: flex; margin: 10px 8px 10px 0">
+    <div style="margin: 10px 8px 10px 0">
       5.中医类: (12)中医治疗费:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.tcmTreatmentFee }}</div>
+      <span style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.tcmTreatmentFee }}</span>
     </div>
-    <div style="display: flex; margin: 10px 8px 10px 0">
+    <div style="margin: 10px 8px 10px 0">
       6.西药类: (13)西药费:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.westMedicineFee }}</div>
+      <span style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.westMedicineFee }}</span>
     </div>
-    <div style="display: flex; margin: 10px 8px 10px 0">
+    <div style="margin: 10px 8px 10px 0">
       7.中药类: (14)中成药费:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.chinesePatentMedicineFee }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.chinesePatentMedicineFee }}</span>
       (15)中草药费:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.chineseHerbalMedicineFee }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.chineseHerbalMedicineFee }}</span>
     </div>
-    <div style="display: flex; margin: 10px 8px 10px 0">
+    <div style="margin: 10px 8px 10px 0">
       8.血液和血液制品类: (16)血费:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 50px">{{ patient.bloodFee }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 50px">{{ patient.bloodFee }}</span>
       (17)白蛋白类制品费:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 50px">{{ patient.albuminProductsFee }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 50px">{{ patient.albuminProductsFee }}</span>
       (18)球蛋白类制品费:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 50px">{{ patient.globulinProductsFee }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 50px">{{ patient.globulinProductsFee }}</span>
     </div>
-    <div style="display: flex; margin: 10px 8px 10px 0">
+    <div style="margin: 10px 8px 10px 0">
       (19)凝血因子类制品费:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.coagulationFactorProductsFee }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.coagulationFactorProductsFee }}</span>
       (20)细胞因子类制品费:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.cytokineProductsFee }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.cytokineProductsFee }}</span>
     </div>
-    <div style="display: flex; margin: 10px 8px 10px 0">
+    <div style="margin: 10px 8px 10px 0">
       9.耗材类: (21)检查用一次性医用材料费:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.costOfDisposableMedicalMaterialsForExamination }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">
+        {{ patient.costOfDisposableMedicalMaterialsForExamination }}
+      </span>
       (22)治疗用一次性医用材料费:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.costOfDisposableMedicalMaterialsForTreatment }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">
+        {{ patient.costOfDisposableMedicalMaterialsForTreatment }}
+      </span>
     </div>
-    <div style="display: flex; margin: 10px 8px 10px 0">
+    <div style="margin: 10px 8px 10px 0">
       (23)手术用一次性医用材料费:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.costOfDisposableMedicalMaterialsForOperation }}</div>
+      <span style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.costOfDisposableMedicalMaterialsForOperation }}</span>
     </div>
-    <div style="display: flex; margin: 10px 8px 10px 0">
+    <div style="margin: 10px 8px 10px 0">
       10.其他类: (24)其他费:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.otherFees }}</div>
+      <span style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; width: 70px">{{ patient.otherFees }}</span>
     </div>
-    <div style="display: flex; margin: 10px 8px 10px 0">
+    <div style="margin: 10px 8px 10px 0">
       主要诊断治愈好转情况:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; padding: 0 5px">
+      <span style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black; padding: 0 5px">
         {{ dismissStatusText(patient.disdiagList[0].dismissStatus) }}
-      </div>
+      </span>
     </div>
-    <div style="display: flex; margin: 10px 8px 10px 0">
+    <div style="margin: 10px 8px 10px 0">
       诊断符合情况: 门诊与出院
-      <div style="padding: 0 4px; border-bottom: 1px solid black; margin-right: 12px">{{ filterNameInDic(patient.diagConform1, 'getDiagConform') }}</div>
+      <span style="display: inline-block; padding: 0 4px; border-bottom: 1px solid black; margin-right: 12px">{{ filterNameInDic(patient.diagConform1, 'getDiagConform') }}</span>
       入院与出院
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black">{{ filterNameInDic(patient.diagConform2, 'getDiagConform') }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black">{{ filterNameInDic(patient.diagConform2, 'getDiagConform') }}</span>
     </div>
-    <div style="display: flex; margin: 10px 8px 10px 0">
+    <div style="margin: 10px 8px 10px 0">
       术前与术后
-      <div style="padding: 0 4px; border-bottom: 1px solid black; margin-right: 12px">{{ filterNameInDic(patient.diagConform3, 'getDiagConform') }}</div>
+      <span style="display: inline-block; padding: 0 4px; border-bottom: 1px solid black; margin-right: 12px">{{ filterNameInDic(patient.diagConform3, 'getDiagConform') }}</span>
       临床与病理
-      <div style="padding: 0 4px; border-bottom: 1px solid black; margin-right: 12px">{{ filterNameInDic(patient.diagConform4, 'getDiagConform') }}</div>
+      <span style="display: inline-block; padding: 0 4px; border-bottom: 1px solid black; margin-right: 12px">{{ filterNameInDic(patient.diagConform4, 'getDiagConform') }}</span>
       放射与病理
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black">{{ filterNameInDic(patient.diagConform5, 'getDiagConform') }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black">{{ filterNameInDic(patient.diagConform5, 'getDiagConform') }}</span>
     </div>
-    <div style="display: flex; margin: 10px 8px 10px 0">
+    <div style="margin: 10px 8px 10px 0">
       抢救情况: 抢救
-      <div style="padding: 0 4px; border-bottom: 1px solid black; width: 90px">{{ patient.rescueTimes }}</div>
+      <span style="display: inline-block; padding: 0 4px; border-bottom: 1px solid black; width: 90px">{{ patient.rescueTimes }}</span>
       次， 成功
-      <div style="padding: 0 4px; border-bottom: 1px solid black; width: 90px">{{ patient.rescueSuccessTimes }}</div>
+      <span style="display: inline-block; padding: 0 4px; border-bottom: 1px solid black; width: 90px">{{ patient.rescueSuccessTimes }}</span>
       次
     </div>
-    <div style="display: flex; margin: 10px 8px 10px 0">
+    <div style="margin: 10px 8px 10px 0">
       病例分型:
-      <div style="padding: 0 4px; border-bottom: 1px solid black; margin-right: 12px">{{ filterNameInDic(patient.caseClassification, 'getCaseClassification') }}</div>
+      <span style="display: inline-block; padding: 0 4px; border-bottom: 1px solid black; margin-right: 12px">
+        {{ filterNameInDic(patient.caseClassification, 'getCaseClassification') }}
+      </span>
       实施重症监护:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black">{{ filterNameInDic(patient.hasIcu, 'getHaveOrNot') }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black">{{ filterNameInDic(patient.hasIcu, 'getHaveOrNot') }}</span>
       ，监护总时间:
-      <div style="padding: 0 4px; border-bottom: 1px solid black; width: 30px">{{ patient.icuDays }}</div>
+      <span style="display: inline-block; padding: 0 4px; border-bottom: 1px solid black; width: 30px">{{ patient.icuDays }}</span>
       天
-      <div style="padding: 0 4px; border-bottom: 1px solid black; width: 30px">{{ patient.icuHours }}</div>
+      <span style="display: inline-block; padding: 0 4px; border-bottom: 1px solid black; width: 30px">{{ patient.icuHours }}</span>
       小时
     </div>
-    <div style="display: flex; margin: 10px 8px 10px 0">
+    <div style="margin: 10px 8px 10px 0">
       单病种管理:
-      <div style="padding: 0 4px; border-bottom: 1px solid black; margin-right: 12px">{{ filterNameInDic(patient.monopathyManagement, 'getYesOrNo') }}</div>
+      <span style="display: inline-block; padding: 0 4px; border-bottom: 1px solid black; margin-right: 12px">{{
+        filterNameInDic(patient.monopathyManagement, 'getYesOrNo')
+      }}</span>
       实施临床路径管理:
-      <div style="padding: 0 4px; border-bottom: 1px solid black; margin-right: 12px">{{ filterNameInDic(patient.clinicalPathwayManagement, 'getClinicalPathwayManagement') }}</div>
+      <span style="display: inline-block; padding: 0 4px; border-bottom: 1px solid black; margin-right: 12px">
+        {{ filterNameInDic(patient.clinicalPathwayManagement, 'getClinicalPathwayManagement') }}
+      </span>
       实施DRGs管理:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black">{{ filterNameInDic(patient.drgsManagement, 'getDrgsManagement') }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black">{{
+        filterNameInDic(patient.drgsManagement, 'getDrgsManagement')
+      }}</span>
     </div>
-    <div style="display: flex; margin: 10px 8px 10px 0">
+    <div style="margin: 10px 8px 10px 0">
       抗生素使用:
-      <div style="padding: 0 4px; border-bottom: 1px solid black; margin-right: 12px">{{ filterNameInDic(patient.useAntibiotic, 'getYesOrNo') }}</div>
+      <span style="display: inline-block; padding: 0 4px; border-bottom: 1px solid black; margin-right: 12px">{{ filterNameInDic(patient.useAntibiotic, 'getYesOrNo') }}</span>
       细菌培养标本送检:
-      <div style="padding: 0 4px; border-bottom: 1px solid black; margin-right: 12px">{{ filterNameInDic(patient.bacilliculture, 'getYesOrNo') }}</div>
+      <span style="display: inline-block; padding: 0 4px; border-bottom: 1px solid black; margin-right: 12px">{{ filterNameInDic(patient.bacilliculture, 'getYesOrNo') }}</span>
       法定传染病:
-      <div style="margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black">{{ filterNameInDic(patient.statutoryEpidemic, 'getStatutoryEpidemic') }}</div>
+      <span style="display: inline-block; margin-right: 8px; padding: 0 4px; border-bottom: 1px solid black">
+        {{ filterNameInDic(patient.statutoryEpidemic, 'getStatutoryEpidemic') }}
+      </span>
     </div>
-    <div style="display: flex; margin: 10px 8px 10px 0">
+    <div style="margin: 10px 8px 10px 0">
       肿瘤分期: T
-      <div style="width: 30px; padding: 0 4px; border-bottom: 1px solid black; margin-right: 12px">{{ filterNameInDic(patient.tumorLevelT, 'getTumorLevelT') }}</div>
+      <span style="display: inline-block; width: 30px; padding: 0 4px; border-bottom: 1px solid black; margin-right: 12px">
+        {{ filterNameInDic(patient.tumorLevelT, 'getTumorLevelT') }}
+      </span>
       N
-      <div style="width: 30px; padding: 0 4px; border-bottom: 1px solid black; margin-right: 12px">{{ filterNameInDic(patient.tumorLevelN, 'getTumorLevelN') }}</div>
+      <span style="display: inline-block; width: 30px; padding: 0 4px; border-bottom: 1px solid black; margin-right: 12px">
+        {{ filterNameInDic(patient.tumorLevelN, 'getTumorLevelN') }}
+      </span>
       M
-      <div style="width: 30px; padding: 0 4px; border-bottom: 1px solid black; margin-right: 12px">{{ filterNameInDic(patient.tumorLevelM, 'getTumorLevelM') }}</div>
+      <span style="display: inline-block; width: 30px; padding: 0 4px; border-bottom: 1px solid black; margin-right: 12px">
+        {{ filterNameInDic(patient.tumorLevelM, 'getTumorLevelM') }}
+      </span>
       分期
-      <div style="width: 30px; padding: 0 4px; border-bottom: 1px solid black; margin-right: 18px">{{ filterNameInDic(patient.tumorLevel, 'getTumorLevel') }}</div>
+      <span style="display: inline-block; width: 30px; padding: 0 4px; border-bottom: 1px solid black; margin-right: 18px">
+        {{ filterNameInDic(patient.tumorLevel, 'getTumorLevel') }}
+      </span>
       新生儿Apgar评分:
-      <div style="padding: 0 4px; border-bottom: 1px solid black; width: 50px">{{ patient.xxeApgar }}</div>
+      <span style="display: inline-block; padding: 0 4px; border-bottom: 1px solid black; width: 50px">{{ patient.xxeApgar }}</span>
       分
     </div>
   </div>

src/views/hospitalization/case-front-sheet/FillCaseFrontSheet.vue

@@ -756,7 +756,7 @@
 
 <script>
 import { yesOrNo, haveOrNot, searchMethods, autopsies, initShowDel, filterDismissStatus, clone } from './common'
-import { computed, onMounted, reactive, ref, unref, watchEffect } from 'vue'
+import { computed, onMounted, reactive, ref, watchEffect } from 'vue'
 import store from '@/store'
 import { operations } from '@/data/index'
 import { initLodop, getLodop } from '@/utils/c-lodop'