入院记录表格处理

src/css/qcScore.less

@@ -107,6 +107,26 @@
       width: 100%;
       border:1px @tableBorderColor solid;
     }
+    .inline-table{
+      display: inline;
+      border: none;
+      td{
+        border: none;
+      }
+    }
+    .inner-table table{
+      border: none;
+      td{
+        border: none;
+        text-align: left;
+        vertical-align: text-bottom;
+        &[rowspan]{
+          font-weight: bold;
+          width: 100px;
+          padding-left: 0;
+        }
+      }
+    }
     .embed-table{
       border:1px @tableBorderColor solid;
       &>tbody>tr:first-child>td{
@@ -142,6 +162,30 @@
     }
     .info-item{
       border-bottom: 1px @borderColor solid;
+      .cont{
+        display: inline-block;
+        min-width: 33%;
+        margin-bottom: 15px;
+        span{
+          line-height: 20px;
+          vertical-align: middle;
+        }
+        .label{
+          display: inline-block;
+          /*min-width: 70px;*/
+          font-weight: bold;
+          overflow-x: hidden;
+        }
+      }
+      &.cont-2 .cont{
+        min-width: 48%;
+      }
+      &.cont-4 .cont{
+        min-width: 23%;
+      }
+      &.cont-5 .cont{
+        min-width: 19%;
+      }
       &.no-border{
         border-bottom: none;
         margin-bottom: 0;
@@ -152,21 +196,6 @@
         margin-bottom: 10px;
       }
     }
-    .cont{
-      display: inline-block;
-      min-width: 33%;
-      margin-bottom: 15px;
-      span{
-        line-height: 20px;
-        vertical-align: middle;
-      }
-      .label{
-        display: inline-block;
-        min-width: 70px;
-        font-weight: bold;
-        overflow-x: hidden;
-      }
-    }
   }
   .operation{
     width:28%;

src/html/qcScore.html

@@ -208,37 +208,28 @@
                         <span class="label">一般健康状况:</span>
                         <span>${一般健康状况}</span>
                     </div>
-                    <div class="cont">
-                        <span class="label">高血压:</span>
-                        <span>${高血压}</span>
-                    </div>
-                    <div class="cont">
-                        <span class="label">心脏病:</span>
-                        <span>${心脏病}</span>
-                    </div>
-                    <div class="cont">
-                        <span class="label">糖尿病:</span>
-                        <span>${糖尿病}</span>
-                    </div>
-                    <div class="cont">
-                        <span class="label">脑血管疾病:</span>
-                        <span>${脑血管疾病}</span>
-                    </div>
-                    <div class="cont">
-                        <span class="label">呼吸系统疾病:</span>
-                        <span>${呼吸系统疾病}</span>
-                    </div>
-                    <div class="cont">
-                        <span class="label">肾脏疾病:</span>
-                        <span>${肾脏疾病}</span>
-                    </div>
-                    <div class="cont">
-                        <span class="label">肝脏疾病:</span>
-                        <span>${肝脏疾病}</span>
-                    </div>
-                    <div class="cont">
-                        <span class="label">内科疾病史-其它:</span>
-                        <span>${内科疾病史其它}</span>
+                    <div class="inner-table">
+                        <table>
+                            <tbody>
+                            <tr>
+                                <td rowspan="4">内科疾病史</td>
+                                <td>高血压:${高血压}</td>
+                                <td>心脏病:${心脏病}</td>
+                            </tr>
+                            <tr>
+                                <td>糖尿病:${糖尿病}</td>
+                                <td>脑血管疾病:${脑血管疾病}</td>
+                            </tr>
+                            <tr>
+                                <td>呼吸系统疾病:${呼吸系统疾病}</td>
+                                <td>肾脏疾病:${肾脏疾病}</td>
+                            </tr>
+                            <tr>
+                                <td>肝脏疾病:${肝脏疾病}</td>
+                                <td>其它:${内科疾病史其它}</td>
+                            </tr>
+                            </tbody>
+                        </table>
                     </div>
                     <div class="cont">
                         <span class="label">手术外伤史:</span>
@@ -252,17 +243,20 @@
                         <span class="label">药物、食物中毒史:</span>
                         <span>${药物食物中毒史}</span>
                     </div>
-                    <div class="cont">
-                        <span class="label">结核病:</span>
-                        <span>${结核病}</span>
-                    </div>
-                    <div class="cont">
-                        <span class="label">病毒性肝炎:</span>
-                        <span>${病毒性肝炎}</span>
-                    </div>
-                    <div class="cont">
-                        <span class="label">传染病史-其它:</span>
-                        <span>${传染病史}</span>
+                    <div class="inner-table">
+                        <table>
+                            <tbody>
+                            <tr>
+                                <td rowspan="2">传染病史</td>
+                                <td>结核病:${结核病}</td>
+                                <td>病毒性肝炎:${病毒性肝炎}</td>
+                            </tr>
+                            <tr>
+                                <td>其它:${传染病史}</td>
+                                <td></td>
+                            </tr>
+                            </tbody>
+                        </table>
                     </div>
                 </div>
                 <div class="info-item">
@@ -304,20 +298,32 @@
                         <span class="label">化学或放射性毒物接触史:</span>
                         <span>${化学及放射性毒物接触史}</span>
                     </div>
-                    <div class="cont">
-                        <span class="label">吸烟:</span>
-                        <span>${吸烟}</span>
-                    </div>
-                    <div class="cont">
-                        <span class="label">饮酒:</span>
-                        <span>${饮酒}</span>
+                    <div class="inner-table">
+                        <table>
+                            <tbody>
+                            <tr>
+                                <td rowspan="2">个人习惯史</td>
+                                <td style="width: 60px;">吸烟:</td>
+                                <td>${吸烟}</td>
+                            </tr>
+                            <tr>
+                                <td style="width: 60px;">饮酒:</td>
+                                <td>${饮酒}</td>
+                            </tr>
+                            </tbody>
+                        </table>
                     </div>
                 </div>
                 <div class="info-item">
+                    <div class="info-title">婚姻、月经及生育史</div>
                     <div class="cont">
                         <span class="label">婚姻状况:</span>
                         <span>${婚姻状况}</span>
                     </div>
+                    <div class="cont">
+                        <span class="label">结婚年龄:</span>
+                        <span>${结婚年龄}</span>
+                    </div>
                     <div class="cont">
                         <span class="label">婚姻家庭关系和睦:</span>
                         <span>${婚姻家庭关系和睦}</span>
@@ -331,38 +337,21 @@
                         <span>${配偶健康状况}</span>
                     </div>
                     <div class="cont">
-                        <span class="label">生育史（顺产）:</span>
-                        <span>顺产足月</span>
-                    </div>
-                    <div class="cont">
-                        <span class="label">生育史（早产）:</span>
-                        <span>${早产}</span>
-                    </div>
-                    <div class="cont">
-                        <span class="label">生育史（流产）:</span>
-                        <span>${流产}</span>
-                    </div>
-                    <div class="cont">
-                        <span class="label">生育史（存活）:</span>
-                        <span>${存活}</span>
+                        <span class="label">生育史:</span>
+                        <span>${顺产足月} - ${早产} - ${流产} - ${存活}  (足-早-流-存)</span>
                     </div>
                 </div>
                 <div class="info-item">
                     <div class="cont">
-                        <span class="label">月经史（月经初潮年龄）:</span>
-                        <span>${月经初潮年龄}</span>
-                    </div>
-                    <div class="cont">
-                        <span class="label">月经史（经期天数）:</span>
-                        <span>${经期天数}</span>
-                    </div>
-                    <div class="cont">
-                        <span class="label">月经史（月经周期）:</span>
-                        <span>${月经周期}</span>
-                    </div>
-                    <div class="cont">
-                        <span class="label">月经史（绝经年龄）:</span>
-                        <span>${绝经年龄}</span>
+                        <span class="label">月经史:</span>
+                        <table class="inline-table">
+                            <tr>
+                                <td rowspan="2">${月经初潮年龄}</td>
+                                <td colspan="3">${经期天数}</td>
+                                <td rowspan="2">${绝经年龄}</td>
+                            </tr>
+                            <tr><td colspan="3">${月经周期}</td></tr>
+                        </table>
                     </div>
                     <div class="cont">
                         <span class="label">月经量及性质:</span>
@@ -370,18 +359,15 @@
                     </div>
                 </div>
                 <div class="info-item">
+                    <div class="info-title">家族史</div>
                     <div class="cont">
                         <span class="label">家庭成员类似病史:</span>
                         <span>${家庭成员类似病史}</span>
                     </div>
-                </div>
-                <div class="info-item">
                     <div class="cont">
                         <span class="label">家庭成员健康、疾病及死亡情况:</span>
                         <span>${家庭成员健康情况}</span>
                     </div>
-                </div>
-                <div class="info-item">
                     <div class="cont">
                         <span class="label">两系三代内传染性疾病、遗传性疾病或遗传倾向性疾病:</span>
                         <span>${家庭成员遗传性疾病}</span>
@@ -390,48 +376,27 @@
                 <div class="info-item">
                     <div class="info-title">体格检查</div>
                     <div class="cont">
-                        <span class="label">体温:</span>
-                        <span>${体温}</span>
-                    </div>
-                    <div class="cont">
-                        <span class="label">脉搏:</span>
-                        <span>${脉搏}</span>
-                    </div>
-                    <div class="cont">
-                        <span class="label">呼吸:</span>
-                        <span>${呼吸}</span>
-                    </div>
-                    <div class="cont">
-                        <span class="label">血压:</span>
-                        <span>${血压}</span>
+                        <span class="label">生命体征:</span>
+                        <span>体温 ${体温}&nbsp;&nbsp;&nbsp;&nbsp;脉搏 ${脉搏}(次/分)&nbsp;&nbsp;&nbsp;&nbsp;呼吸 ${呼吸}(次/分)&nbsp;&nbsp;&nbsp;&nbsp;血压 ${血压}(mmHg)&nbsp;&nbsp;&nbsp;&nbsp;疼痛${疼痛评分}(')</span>
                     </div>
-                    <div class="cont">
-                        <span class="label">疼痛:</span>
-                        <span>${疼痛评分}</span>
-                    </div>
-                    <div class="cont">
-                        <span class="label">神志:</span>
-                        <span>${神志水平}</span>
-                    </div>
-                    <div class="cont">
-                        <span class="label">查体合作性:</span>
-                        <span>${查体合作性}</span>
-                    </div>
-                    <div class="cont">
-                        <span class="label">体位:</span>
-                        <span>${体位}</span>
-                    </div>
-                    <div class="cont">
-                        <span class="label">面容:</span>
-                        <span>${面容}</span>
-                    </div>
-                    <div class="cont">
-                        <span class="label">身高:</span>
-                        <span>${身高}</span>
-                    </div>
-                    <div class="cont">
-                        <span class="label">体重:</span>
-                        <span>${体重}</span>
+                    <div class="inner-table">
+                        <table>
+                            <tbody>
+                            <tr>
+                                <td rowspan="3">一般情况</td>
+                                <td>神志:${神志水平}</td>
+                                <td>查体合作性:${查体合作性}</td>
+                            </tr>
+                            <tr>
+                                <td>体位:${体位}</td>
+                                <td>面容:${面容}</td>
+                            </tr>
+                            <tr>
+                                <td>身高:${身高}(㎝)</td>
+                                <td>体重:${体重}(㎏)</td>
+                            </tr>
+                            </tbody>
+                        </table>
                     </div>
                 </div>
                 <div class="info-item">
@@ -467,7 +432,7 @@
                         <span class="label">记录医师:</span>
                         <span>${医生}</span>
                     </div>
-                    <div class="cont">
+                    <div class="cont fr">
                         <span class="label">记录日期及时间:</span>
                         <span>${病历日期}</span>
                     </div>
@@ -479,14 +444,14 @@
         <div class="content-item" code="${title}">
             <h2 class="title">${title}</h2>
             <div class="container content-ht">
-                <div class="info-item">
+                <div class="info-item cont-2">
                     <div class="cont">
                         <span class="label">医疗付费方式:</span>
                         <span>${医疗付费方式}</span>
                     </div>
                     <div class="cont">
                         <span class="label">医疗机构:</span>
-                        <span>${医疗机构名称}</span>
+                        <span>${医疗机构名称}(组织机构代码：${组织机构代码}) </span>
                     </div>
                 </div>
                 <div class="info-item">
@@ -503,7 +468,7 @@
                         <span>${病案号}</span>
                     </div>
                 </div>
-                <div class="info-item">
+                <div class="info-item cont-5">
                     <div class="cont">
                         <span class="label">姓名:</span>
                         <span>${姓名}</span>
@@ -581,7 +546,7 @@
                         <span>${现住址邮编}</span>
                     </div>
                 </div>
-                <div class="info-item">
+                <div class="info-item cont-2">
                     <div class="cont">
                         <span class="label">户口地址:</span>
                         <span>${户口地址}</span>
@@ -605,7 +570,7 @@
                         <span>${工作单位邮编}</span>
                     </div>
                 </div>
-                <div class="info-item">
+                <div class="info-item cont-4">
                     <div class="cont">
                         <span class="label">联系人姓名:</span>
                         <span>${联系人姓名}</span>
@@ -629,7 +594,7 @@
                         <span>${入院途径}</span>
                     </div>
                 </div>
-                <div class="info-item">
+                <div class="info-item cont-4">
                     <div class="cont">
                         <span class="label">入院时间:</span>
                         <span>${入院时间}</span>
@@ -647,7 +612,7 @@
                         <span>${转科科别}</span>
                     </div>
                 </div>
-                <div class="info-item">
+                <div class="info-item cont-4">
                     <div class="cont">
                         <span class="label">出院时间:</span>
                         <span>${出院时间}</span>
@@ -665,7 +630,7 @@
                         <span>${实际住院天数}天</span>
                     </div>
                 </div>
-                <div class="info-item no-border">
+                <div class="info-item no-border cont-2">
                     <div class="cont">
                         <span class="label">门（急）诊诊断:</span>
                         <span>${门急诊诊断}</span>
@@ -676,7 +641,7 @@
                     </div>
                 </div>
                 <div class="info-table" id="diagTable"></div>
-                <div class="info-item">
+                <div class="info-item cont-2">
                     <div class="cont">
                         <span class="label">损伤、中毒的外部原因:</span>
                         <span>${损伤中毒因素}</span>
@@ -714,7 +679,7 @@
                         <span>${死亡患者尸检}</span>
                     </div>
                 </div>
-                <div class="info-item">
+                <div class="info-item cont-2">
                     <div class="cont">
                         <span class="label">血型:</span>
                         <span>${血型}</span>
@@ -724,7 +689,7 @@
                         <span>${Rh}</span>
                     </div>
                 </div>
-                <div class="info-item">
+                <div class="info-item cont-4">
                     <div class="cont">
                         <span class="label">科主任:</span>
                         <span>${科主任}</span>
@@ -742,7 +707,7 @@
                         <span>${住院医师}</span>
                     </div>
                 </div>
-                <div class="info-item">
+                <div class="info-item cont-4">
                     <div class="cont">
                         <span class="label">责任护士:</span>
                         <span>${责任护士}</span>
@@ -760,7 +725,7 @@
                         <span>${编码员}</span>
                     </div>
                 </div>
-                <div class="info-item">
+                <div class="info-item cont-4">
                     <div class="cont">
                         <span class="label">病案质量:</span>
                         <span>${病案质量}</span>
@@ -779,7 +744,7 @@
                     </div>
                 </div>
                 <div class="info-table" id="surgeryTable"></div>
-                <div class="info-item">
+                <div class="info-item cont-2">
                     <div class="cont">
                         <span class="label">离院方式:</span>
                         <span>${离院方式}</span>
@@ -789,7 +754,7 @@
                         <span>${接收机构名称}</span>
                     </div>
                 </div>
-                <div class="info-item">
+                <div class="info-item cont-2">
                     <div class="cont">
                         <span class="label">是否有出院31天内再住院计划:</span>
                         <span>${a天内再住院计划}</span>