入院记录

src/css/qcScore.less

@@ -100,6 +100,14 @@
       height: 100%;
       overflow-y: auto;
     }
+    .info-item{
+      border-bottom: 1px @borderColor solid;
+      margin-bottom: 10px;
+      .info-title{
+        font-weight: bold;
+        margin-bottom: 10px;
+      }
+    }
     .cont{
       display: inline-block;
       min-width: 33%;

src/html/qcScore.html

@@ -157,7 +157,340 @@
             <p class="warning"><span></span><span class="red">支持≥0的数字输入，最多保留小数点后1位~</span></p>
         </div>
     </script>
-
+    <script type="text/html" id="inHisTmpl">
+        <div class="content-item" code="${title}">
+            <h2 class="title">${title}</h2>
+            <div class="container content-ht">
+                <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>
+                    </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>
+                </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>
+                    </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>
+                    <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>
+                <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>
+                    </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>
+                    <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 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>
+                <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>
+                    </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>
+                    </div>
+                </div>
+                <div class="info-item">
+                    <div class="cont">
+                        <span class="label">两系三代内传染性疾病、遗传性疾病或遗传倾向性疾病:</span>
+                        <span>${家庭成员遗传性疾病}</span>
+                    </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>
+                    </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>
+                </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>
+                <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>
+                <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>
+            </div>
+        </div>
+    </script>
 </head>
 <body>
     <div class="patient-info" id="patientInfo"></div>

src/js/qcScore.js

@@ -80,14 +80,27 @@ function initContent(data){
   const obj = JSON.parse(data);
   //formatData(obj['入院记录'])
   let info=[];//formatData(obj['入院记录']);
-  for(let k in obj){
-    info=formatData(obj[k],k);
-    $("#tableTmpl").tmpl({title:k,info:info}).appendTo("#contentInfo");
+  let nameMap={
+    "入院记录":"#inHisTmpl"
+  };
+  for(let k in obj){console.log(k,nameMap[k],obj[k])
+    info=formatInfoData(k,obj[k][0]);
+    nameMap[k]&&$(nameMap[k]).tmpl(info).appendTo("#contentInfo");
   }
   $(".content-item[code="+global_activeTab+"]").show();
   console.log(obj)
 }
 
+function formatInfoData(k,data){
+  let obj = {},name="";
+  for(let i in data){
+    name=i.replace(/[^\u4e00-\u9fa5|a-zA-Z0-9]+/g,"");    //过滤key中存在的特殊符号，模板会渲染不出来且不报错
+    obj[name]=data[i]||"";
+  }
+  console.log( Object.assign({title:k},obj))
+  return Object.assign({title:k},obj);
+}
+
 function formatData(data,title){
   if(!keyMaps[title]){
     return data;