竖版随访计划样式

src/css/followUpV.less

@@ -3,7 +3,7 @@
 .operaNameBox{
     background: #EFF1F6;
     line-height: 22px;
-    padding: 0px 14px;
+    padding: 5px 6px 5px 9px;
     font-size: 12px;
     color: @txtColor;
     border-radius: 2px;
@@ -15,7 +15,7 @@
 }
 .btnBox{
     text-align: center;
-    padding: 15px 0;
+    padding: 15px 0  2px;
 }
 .btnName{
     display: inline-block;
@@ -28,14 +28,15 @@
 }
 .infoWrap{
     overflow-y: auto;
-    padding: 0 15px;
 }
 .infoBoxTitle{
-    line-height: 40px;
+    line-height: 32px;
     color: @markFontColor;
+    font-weight: bold;
     font-size: 14px;
     position: relative;
     cursor: pointer;
+    margin-top: 8px;
 }
 .historyBox .infoBoxTitle{
     color: #AAAAAA;
@@ -44,23 +45,29 @@
     display: none;
 }
 .lisBox,.pacsBox{
-    padding-left: 68px;
     position: relative;
 }
+.lisBox .itemBoxTitle{
+    background: url("../images/lis.png") 4px 2px no-repeat;
+}
+.pacsBox .itemBoxTitle{
+    background: url("../images/pace.png") 4px 2px no-repeat;
+}
 .circle{
     display: inline-block;
     width: 5px;
     height: 5px;
-    background: #89C5E3;
+    background: #4B96FF;
     border-radius: 50%;
     position: absolute;
     left: 0;
     top: 6px;
 }
 .lisItem,.pacsItem{
-    padding: 0 10px;
+    padding: 0 12px;
     position: relative;
     line-height: 20px;
+    margin-bottom: 3px;
 }
 .pacsBox{
     margin-top: 10px;
@@ -73,22 +80,21 @@
     }
 }*/
 .itemBoxTitle{
-    position: absolute;
-    left: 0;
     display: inline-block;
-    width: 38px;
-    height: 18px;
-    border-radius: 10px;
-    border: 1px solid #3B9ED0;
-    color: #3B9ED0;
-    text-align: center;
-    line-height: 18px;
+    width: 62px;
+    height: 22px;
+    line-height: 22px;
+    text-indent: 24px;
+    border-radius: 4px;
+    border: 1px solid #0078FF;
+    color: #0078FF;
+    margin-bottom: 6px;
 }
 .toggleInfo{
-    width: 10px;
+    width: 16px;
     position: absolute;
     right: 10px;
-    top: 15px;
+    top: 10px;
 }
 .childrenBox{
     display: none;

src/js/followUp.js

@@ -1,7 +1,7 @@
 var $ = require("jquery");
 var { post,config,getUrlArgObject,openNewWin,isIe8 ,openNewWin} = require('./promise.js');
-let showImg = require('./../images/show2.png').replace(/^undefined/g, '')
-let collapseImg = require('./../images/collapse2.png').replace(/^undefined/g, '')
+let showImg = require('./../images/show.png').replace(/^undefined/g, '')
+let collapseImg = require('./../images/collapse.png').replace(/^undefined/g, '')
 let emptyImg = require('./../images/empty3.png').replace(/^undefined/g, '')
 function getFollowUp(msg){
     return post(config.followUp, msg)
@@ -134,7 +134,7 @@ function adjustHeight() {
     var containerHt = $(".contentWrapper").height()
     var ht1 = $(".operaNameWrap").height()
     var ht2 = $(".btnBox").height()
-    $(".followUpWrap  .infoWrap").height(containerHt -ht1- ht2-30 + "px");
+    $(".followUpWrap  .infoWrap").height(containerHt -ht1- ht2 + "px");
     $(".infoWrap").preventScroll();  
 }
 function getTime(time){
@@ -181,7 +181,7 @@ function bindToggleHistory(){
     })
 }
 function bindToggleInfo(){
-    $(document).on("click",".infoBoxTitle",function(){
+    $(document).off("click").on("click",".infoBoxTitle",function(){
         const img =  $(this).parents(".infoBox").find(".toggleInfo").attr("src")
         if(img === showImg){
             $(this).parents(".infoBox").find(".toggleInfo").attr("src",collapseImg)