基本完成

src/css/index.less

@@ -105,6 +105,9 @@
       height: 6px;
       background: url("../images/icon_down.png") no-repeat;
     }
+    p:hover {
+      color: @activeColor;
+    }
     &.slide-up:after{
       transform: rotate(180deg);
       -webkit-transform: rotate(180deg);
@@ -113,9 +116,15 @@
       display: none;
       li.page{
         text-indent: 30px;
+        &:hover {
+          color: @activeColor;
+        }
       }
     }
   }
+  .page:hover {
+    color: @activeColor;
+  }
   li{
     line-height: @menuLiHt;
     text-indent: 15px;

src/css/qcScore.less

@@ -299,8 +299,22 @@
 
 .wardRoundWrap {
   .container {
+    .lineBlock {
+      line-height: 22px;
+      .lineTitle {
+        color:#333;
+        font-weight: bold;
+      }
+    }
+    .contentH4 {
+      margin-top: 15px ;
+      margin-bottom: 5px ;
+    }
+    .contentDetail {
+      padding-left: 15px;
+    }
     .wardRound {
-      margin-right: 50px;
+      margin-right: 40px;
       padding: 7px  0;
       display: inline-block;
       i {
@@ -309,6 +323,7 @@
       }
     }
     .cont {
+      margin-bottom: 20px;
       .wardRound-table {
         border: 0 none;
         td {
@@ -316,6 +331,7 @@
           text-align: left;
           padding-left: 0;
           color: #333333;
+          padding: 0 8px 3px 0;
         }
         .tdFstTitle {
           vertical-align: top;

src/html/index.html

@@ -8,7 +8,7 @@
 </head>
 <script type="text/html" id="menuTmpl">
     {{if subMenuList.length}}
-        <li class="list-1">${name}
+        <li class="list-1"><p>${name}</p>
     {{else}}
         <li class="page" code="${code}">${name}
     {{/if}}

src/html/qcScore.html

@@ -160,54 +160,215 @@
             </div>
         </div>
     </script>
-    <!-- 术前 -->
+    <!-- 术前讨论、术前小结 -->
     <script type="text/html" id="preoperation">
         <div class="content-item wardRoundWrap" code="${title}">
             <h2 class="title">${title}</h2>
             <div class="container content-ht">
                 {{each(i,val) info}}
-                    {{if val['查房类别'].indexOf('主刀')!=-1}}<!-- 非soap -->
-     
-                    {{/if}}
-                    {{if val['VTE评分']!=undefined&&(val['查房类别'].indexOf('主刀')==-1)}}
                         <div class="cont">
-                            <span class="wardRound">${val['事件日期']}</span>
-                            <span class="wardRound">${val['查房医师']}</span>
-                            <span class="wardRound">${val['查房类别']||val['上级查房医生职称']+'查房'}</span>
-                            <table class="wardRound-table">
-                                <tr>
-                                    <td class="tdFstTitle">S:</td>
-                                    <td>${val['主诉']}</td>
-                                </tr>
-
-                                
-                                <tr>
-                                    <td class="tdFstTitle">O:</td>
-                                    <td>${val['体检']}</td>
-                                </tr>
-                                <tr>
-                                    <td class="tdFstTitle">A:</td>
-                                    <td>${val['简要病情']}</td>
-                                </tr>
-                                <tr>
-                                    <td class="tdFstTitle">P:</td>
-                                    <td>${val['治疗计划和措施']}</td>
-                                </tr>
-                            </table>
-                            <span class="wardRound"><i>记录医师：</i>${val['查房医师']}</span>
-                            <span class="wardRound"><i>上级医师审核：</i>${val['审核人']}</span>
-                            <span class="wardRound"><i>审核时间：</i>${val['审核日期']}</span>
+                            <span class="wardRound"><i>姓名：</i>${val['本人姓名']}</span>
+                            <span class="wardRound"><i>性别：</i>${val['性别']}</span>
+                            <span class="wardRound"><i>科别：</i>${val['临床科室']}</span>
+                            <span class="wardRound"><i>床号：</i>${val['床号']}</span>
+                            <span class="wardRound"><i>病案号：</i>${val['病历号']}</span>
+                            <p class="lineBlock">
+                                <span class="lineTitle">讨论时间：</span>
+                                <span>${val['讨论时间']}</span>
+                            </p>
+                            <p class="lineBlock">
+                                <span class="lineTitle">讨论方式：</span>
+                                <span>${val['术前诊断']}</span>
+                            </p>
+                            <p class="lineBlock">
+                                <span class="lineTitle">参加人员（姓名+职称）：</span>
+                                <span>${val['参加人员及职称']}</span>
+                            </p>
+                            <h4 class="contentH4">一、简要病情： </h4>
+                            <div class="contentDetail">
+                                <p class="lineBlock">
+                                    <span class="lineTitle">主诉：</span>
+                                    <span>${val['主诉']}</span>
+                                </p>
+                                <p class="lineBlock">
+                                    <span class="lineTitle">发病经过：</span>
+                                    <span>${val['现病史-发病情况']}</span>
+                                </p>
+                                <p class="lineBlock">
+                                    <span class="lineTitle">体格检查：</span>
+                                    <span>${val['专科检查']}</span>
+                                </p>
+                                <p class="lineBlock">
+                                    <span class="lineTitle">辅助检查：</span>
+                                    <span>${val['辅助检查结果']}</span>
+                                </p>
+                            </div>
+                            <h4 class="contentH4">二、讨论结论： </h4>
+                            <div class="contentDetail">
+                                <p class="lineBlock">
+                                    <span class="lineTitle">1.术前诊断：</span>
+                                    <span>${val['主诉']}</span>
+                                </p>
+                                <p class="lineBlock">
+                                    <span class="lineTitle">2.手术指征与禁忌征：</span>
+                                    <span>${val['现病史-发病情况']}</span>
+                                </p>
+                                <p class="lineBlock">
+                                    <span class="lineTitle">3.可替代方案：</span>
+                                    <span>${val['可替代方案']}</span>
+                                </p>
+                                <p class="lineBlock">
+                                    <span class="lineTitle">4.拟施手术方式、名称及可能的变更：</span>
+                                    <span>${val['可能的变更']}</span>
+                                </p>
+                                <p class="lineBlock">
+                                    <span class="lineTitle">5.计划多次手术：</span>
+                                    <span>${val['辅助检查结果']}</span>
+                                </p>
+                                <p class="lineBlock">
+                                    <span class="lineTitle">6.拟施麻醉方式：</span>
+                                    <span>${val['麻醉方式']}</span>
+                                </p>
+                                <p class="lineBlock">
+                                    <span class="lineTitle">7.术前特殊准备：</span>
+                                    <span>${val['手术禁忌症']}</span>
+                                </p>
+                                <p class="lineBlock">
+                                    <span class="lineTitle">8.主要术中、术后风险及防范措施：</span>
+                                    <span>${val['术中、术后防范措施']}</span>
+                                </p>
+                                <p class="lineBlock">
+                                    <span class="lineTitle">9.术中、术后注意事项（含护理事项）：</span>
+                                    <span>${val['术中、术后注意事项']}</span>
+                                </p>
+                            </div>
+                            <span class="wardRound"><i>医生签名：</i>${val['医生']}</span>
+                            <span class="wardRound"><i>书写日期：</i>${val['病历日期']}</span>
+                            <span class="wardRound"><i>主刀医生签名：</i>${val['主刀医师']}</span>
+                            <span class="wardRound"><i>签字日期：</i>${val['主刀医师签字时间']}</span>
                         </div>
-                    {{/if}}
-                    {{if val['VTE评分']==undefined&&(val['查房类别'].indexOf('主刀')==-1)}}
+                {{/each}}
+            </div>
+        </div>
+    </script>
+    <!-- 阶段小结 -->
+    <script type="text/html" id="summary">
+        <div class="content-item wardRoundWrap" code="${title}">
+            <h2 class="title">${title}</h2>
+            <div class="container content-ht">
+                {{each(i,val) info}}
                         <div class="cont">
-                            <span class="wardRound">${val['事件日期']}</span>
-                            <span class="wardRound">${val['查房医师']}</span>
-                            <span class="wardRound">${val['查房备注']}</span>
-                            <p>${val['查房记录']}</p>
-                            <span class="wardRound"><i>记录医师：</i>${val['医生']}</span>
+                            <span>${val['本人姓名']}</span>
+                        </div>
+                {{/each}}
+            </div>
+        </div>
+    </script>
+    <!-- 手术记录单 -->
+    <script type="text/html" id="operationRecord">
+        <div class="content-item wardRoundWrap" code="${title}">
+            <h2 class="title">${title}</h2>
+            <div class="container content-ht">
+                {{each(i,val) info}}
+                        <div class="cont">
+                            <span class="wardRound"><i>姓名：</i>${val['本人姓名']}</span>
+                            <span class="wardRound"><i>性别：</i>${val['性别']}</span>
+                            <span class="wardRound"><i>科别：</i>${val['临床科室']}</span>
+                            <span class="wardRound"><i>床号：</i>${val['床号']}</span>
+                            <span class="wardRound"><i>病案号：</i>${val['病历号']}</span>
+                            <p class="lineBlock">
+                                <span class="lineTitle">手术开始时间：</span>
+                                <span>${val['开始时间']}</span>
+                            </p>
+                            <p class="lineBlock">
+                                <span class="lineTitle">手术结束时间：</span>
+                                <span>${val['结束时间']}</span>
+                            </p>
+                            <p class="lineBlock">
+                                <span class="lineTitle">切口类别：</span>
+                                <span>${val['切口类别']}</span>
+                            </p>
+                            <p class="lineBlock">
+                                <span class="lineTitle">手术时数：</span>
+                                <span>${val['手术时数']}</span>
+                            </p>
+                            <p class="lineBlock">
+                                <span class="lineTitle">术前诊断：</span>
+                                <span>${val['术前诊断']}</span>
+                            </p>
+                            <p class="lineBlock">
+                                <span class="lineTitle">手术名称：</span>
+                                <span>${val['手术名称']}</span>
+                            </p>
+                            <p class="lineBlock">
+                                <span class="lineTitle">术（中）后诊断：</span>
+                                <span>${val['术后诊断']}</span>
+                            </p>
+                            <p class="lineBlock">
+                                <span class="lineTitle">手术医师：</span>
+                                <span>${val['手术医师']}</span>
+                            </p>
+                            <p class="lineBlock">
+                                <span class="lineTitle">助手I：</span>
+                                <span>${val['助手']}</span>
+                            </p>
+                            <p class="lineBlock">
+                                <span class="lineTitle">助手II：</span>
+                                <span>${val['助手II']}</span>
+                            </p>
+                            <p class="lineBlock">
+                                <span class="lineTitle">麻醉方式：</span>
+                                <span>${val['麻醉方式']}</span>
+                            </p>
+                            <p class="lineBlock">
+                                <span class="lineTitle">麻醉医师：</span>
+                                <span>${val['麻醉医师']}</span>
+                            </p>
+                            <p class="lineBlock">
+                                <span class="lineTitle">手术切口描述：</span>
+                                <span>${val['手术切口']}</span>
+                            </p>
+                            <p class="lineBlock">
+                                <span class="lineTitle">皮肤消毒描述：</span>
+                                <span>${val['皮肤消毒']}</span>
+                            </p>
+                            <p class="lineBlock">
+                                <span class="lineTitle">手术经过及处理（包括患者的体位、切口处理、病灶所见及手术步骤等）：</span>
+                                <span>${val['手术经过']}</span>
+                            </p>
+                            <p class="lineBlock">
+                                <span class="lineTitle">手术标本：</span>
+                                <span>${val['手术标本']}</span>
+                            </p>
+                            <p class="lineBlock">
+                                <span class="lineTitle">冰冻切片结果：</span>
+                                <span>${val['冰冻切片结果']}</span>
+                            </p>
+                            <p class="lineBlock">
+                                <span class="lineTitle">术中并发症：</span>
+                                <span>${val['是否术中并发症']}</span>
+                            </p>
+                            <p class="lineBlock">
+                                <span class="lineTitle">术中失血量：</span>
+                                <span>${val['失血']}</span>
+                            </p>
+                            <p class="lineBlock">
+                                <span class="lineTitle">输血情况：</span>
+                                <span>${val['输血情况']}</span>
+                            </p>
+                            <p class="lineBlock">
+                                <span class="lineTitle">主刀医师签名：</span>
+                                <span>${val['医生']}</span>
+                            </p>
+                            <p class="lineBlock">
+                                <span class="lineTitle">外院专家：</span>
+                                <span>${val['被邀请专家']}</span>
+                            </p>
+                            <p class="lineBlock">
+                                <span class="lineTitle">记录时间：</span>
+                                <span>${val['病历日期']}</span>
+                            </p>
                         </div>
-                    {{/if}}
                 {{/each}}
             </div>
         </div>

src/js/console.js

@@ -19,6 +19,9 @@ $(function(){
   initConsole()//质控列表
   getBarData()//图标数据获取
   dateChange()
+  $(window).click(function(){
+    window.parent.userActionHide()
+  })
 })
 //所有数据切换日期筛选
 function dateChange(){

src/js/index.js

@@ -15,8 +15,16 @@ $(function(){
   $("body").on('focus',".modalAction input",function(){
     $(this).attr("type","password")
   })
+  $(window).click(function(e){
+    e.stopPropagation()
+    $(".userAction").css("display","none")
+  })
 });
 
+function userActionHide(e){
+  $(".userAction").css("display","none")
+}
+window.userActionHide = userActionHide
 function initMenu(data,userInfo){
   //菜单数据填充
   $("#menuTmpl").tmpl(data).appendTo(".menu ul");
@@ -25,8 +33,8 @@ function initMenu(data,userInfo){
   //菜单收起展开
   $(".menu .page").eq(0).addClass("active")
   $(".list-1").on("click",function(){
-    $(".list-1 .slide-up").removeClass('slide-up');
-    $(this).toggleClass('slide-up');
+    // $(".list-1 .slide-up").removeClass('slide-up');
+    // $(this).toggleClass('slide-up');
     $(this).find("ul").slideToggle();
   });
   $(".list-1 li").on("click",function(e){
@@ -41,7 +49,6 @@ function initMenu(data,userInfo){
     $("#contentIframe").attr("src",url);
   });
 }
-
 function getMenu(){
   post(api.getMenu).then(function(res){
     if(res.data.code==='0'){
@@ -88,7 +95,8 @@ function changeWord(oldword,newword){
   });
 }
 //用户信息下拉事件
-$(".login").click(function(){
+$(".login").click(function(e){
+  e.stopPropagation()
   $(".userAction").slideToggle();
 })
 //点击修改密码

src/js/qcScore.js

@@ -4,7 +4,7 @@ require('jquery-templates');
 require('./modal.js');
 const {api,post,getUrlArgObject,setBoxHeight} = require('./utils.js');
 const {keyMaps} = require('./maps.js');
-const {wardRound,preoperation} = require("./qcScore_byll.js")
+const {wardRound,preoperation,summary,operationRecord} = require("./qcScore_byll.js")
 //本页全局变量
 let global_flawData = {};    //缺陷数据
 const global_id=getUrlArgObject("id");
@@ -60,6 +60,8 @@ function getRecordDetail(){
       let obj = JSON.parse(result.pageData)
       wardRound(obj['查房记录'],'查房记录')
       preoperation(obj['术前讨论、术前小结'],'术前讨论、术前小结')
+      summary(obj['阶段小结'],'阶段小结')
+      operationRecord(obj['手术记录'],'手术记录')
     }
   });
 }
@@ -85,7 +87,7 @@ function initContent(data){
     "危急值记录":"#dangerRecore",
   };
   for(let k in obj){
-    for(let i in obj[k]){console.log(i,k)
+    for(let i in obj[k]){
       info=formatInfoData(k,obj[k][i]);
       nameMap[k]&&$(nameMap[k]).tmpl(info).appendTo("#contentInfo");
     }

src/js/qcScore_byll.js

@@ -1,15 +1,24 @@
 const $ = require('jquery');
 
 function wardRound(data,title){//查房记录
-    console.log(data,title)
     $("#wardRound").tmpl({info:data,title:title,}).appendTo("#contentInfo");
 }
 function preoperation(data,title){//术前
-    console.log(data,title)
+    console.log(data,title,'术前讨论、术前小结')
     $("#preoperation").tmpl({info:data,title:title,}).appendTo("#contentInfo");
 }
+function summary(data,title){
+    console.log(data,title,'阶段小结')
+    $("#summary").tmpl({info:data,title:title,}).appendTo("#contentInfo");
+}
+function operationRecord(data,title){
+    console.log(data,title,'手术记录')
+    $("#operationRecord").tmpl({info:data,title:title,}).appendTo("#contentInfo");
+}
 
 module.exports = {
     wardRound,
-    preoperation
+    preoperation,
+    summary,
+    operationRecord
 }

webpack.config.js

@@ -6,7 +6,7 @@ const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const CopyWebpackPlugin = require('copy-webpack-plugin');
 const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
 const webpack = require('webpack');
-const proxyHost = "http://192.168.2.241:5858";
+const proxyHost = "http://192.168.2.236:5858";
 module.exports = {
   entry: {
     index: path.resolve(__dirname, 'src/js', 'index.js'),