1

src/css/cdssHorizontal.less

@@ -336,4 +336,36 @@
     color: #1E1E1E;
     margin: 10px 0;
     font-weight: 600;
+}
+.followUpWrap {
+    position: absolute;
+    height: 100%;
+    // overflow: hidden;
+    padding: 10px;
+    box-sizing: border-box;
+}
+.operaNameBox {
+    background-color: #EFF1F6;
+    height: 27px;
+    line-height: 27px;
+    color: #777777;
+    margin-bottom: 10px;
+}
+.operaNameBold {
+    color: #333;
+    font-weight: bold;
+}
+.infoWrap .infoBox p {
+    color: #1E1E1E;
+    font-weight: bold;
+    margin-bottom: 10px;
+}
+.checkFront {
+    // float: left;
+    display: inline-block;
+}
+.lisBox {
+    // position: absolute;
+    // left: 50px;
+
 }

src/html/cdssHorizontal.html

@@ -45,7 +45,6 @@
         <div class="qcWrap moduleWrapper">
         
         </div>
-        
         <div class="followUpWrap moduleWrapper">
             
         </div>

src/js/cdssHorizontal.js

@@ -113,7 +113,7 @@ function renderPage(pageSet){
       allInterface++
     }
   if(hasFollowUp){
-    renderFollowUp(msg)
+    renderFollowUp(msg,1)
   }
   }
  }
@@ -515,10 +515,9 @@ function renderLongStr(name,longStr,location){
     <div class="longStrBox" data-location="${location}">
       <span class="longStrBoxTitle">${name}：</span>
       ${longStr}
-    </div>  
+    </div>
   `
   return str
-
 }
 
 

src/js/followUp.js

@@ -4,23 +4,26 @@ var { post,config,getUrlArgObject,openNewWin,isIe8 } = require('./promise.js');
 function getFollowUp(msg){
     return post(config.followUp, msg)
 }
-function renderFollowUp(msg){
+function renderFollowUp(msg,type){
     getFollowUp(msg).then(res =>{
         if(res.data.code === "0"){
             const result = res.data.data&&res.data.data.pushPlans || []
-            renderPage(result)
-          
+            renderPage(result,type)
         }
     })
 }
-function renderPage(data){
+function renderPage(data,type){
     const operaItem = data[0] || {}
     const operaItemName = operaItem.item || {}
-    const operaItemDetail = operaItem.pushPlanDetails || []
+    let operaItemDetail = operaItem.pushPlanDetails || []
     renderName(operaItemName) 
-  
     renderBtn(operaItemDetail)
-    renderDetail(operaItemDetail)
+    if(type){
+        operaItemDetail=operaItemDetail.splice(0,1)
+        renderDetailHorizontal(operaItemDetail)
+    }else{
+        renderDetail(operaItemDetail)
+    }
    
 }
 function renderName(data){
@@ -29,6 +32,35 @@ function renderName(data){
       const str = `<div class="operaNameWrap"><div class="operaNameBox">患者于<span class="operaNameBold">${operationTime}</span>进行<span class="operaNameBold">${operationName}</span>。根据临床路径要求，特制订检验检查计划如下。</div></div>`
       $(".followUpWrap").append(str)
 }
+function renderDetailHorizontal(data){
+   let str = ``
+   for(let i = 0; i < data.length; i++){
+       const item = data[i]
+       const lisArr = item.lis || []
+       const pacsArr = item.pacs || []
+       let lisStr=``
+       let pacsStr=``
+       let title = `<p>${getTime(item.examineDate)}${item.description&&(item.description)}</p>`
+       for(let i = 0; i < lisArr.length; i++){
+        lisStr += `<div><span class="circle"></span>${lisArr[i]}</div>`
+       }
+       for(let i = 0; i < pacsArr.length; i++){
+        pacsStr += `<div><span class="circle"></span>${pacsArr[i]}</div>`
+       }
+       str += `<div class="infoBox">
+            ${title}
+           <div class="lisBox">
+            <span class="checkFront lisStrFront">检验</span>
+            <div>${lisStr}</div>
+           </div>
+           <div class="pacsBox">
+            <span class="checkFront pacsStrFront">检查</span>
+            <div>${pacsStr}</div>
+           </div>
+       </div>`
+   }
+   $(".followUpWrap").append(`<div class="infoWrap">${str}</div>`)
+}
 function renderDetail(data){
    let str = ``
    for(let i = 0; i < data.length; i++){