4626病案首页样式修改

src/css/qcScore.less

@@ -19,6 +19,7 @@
 }
 .patient-info{
   /*height: 50px;*/
+  background: #fff;
   line-height: 50px;
   border-bottom: 10px #EFF1F6 solid;
   text-align: center;
@@ -261,10 +262,12 @@
 }
 .tab-container{
   margin-left: @menuWt+15px;
+  background: @disColor;
   /*height: 100%;*/
   .content-box{
     width:78%;
     height: 100%;
+    background: #fff;
     position: relative;
     overflow-y: auto;
     border-right: 10px #EFF1F6 solid;
@@ -423,10 +426,11 @@
     }
   }
   .operation{
-    width:20%;
+    width:calc(22% - 11px);
     height: 100%;
     margin-right: 10px;
     position: relative;
+    background: #fff;
     .flaw-title{
       position: absolute;
       top:0;
@@ -651,21 +655,27 @@
 .flaw-table{
   display: none;
   height: 97%;
-  overflow-y: auto;
-  /*margin: 0 30px 0 20px;*/
+  background: #fff;
+  margin: 0 10px 10px;
+  /*overflow-y: auto;
+  margin: 0 30px 0 20px;*/
   .slide-up{
     cursor: pointer;
     color: @activeColor;
     &:before{
       display: inline-block;
       width: 14px;
-      content: "-";
+      height: 14px;
+      content: "";
       font-size: 18px;
       color: @activeColor;
       text-align: center;
+      vertical-align: middle;
+      margin-right: 4px;
+      background: url("../images/slice.png") no-repeat;
     }
     &.down:before{
-      content: "+";
+      background: url("../images/add.png") no-repeat;
     }
   }
   .page-item{
@@ -718,3 +728,50 @@
     }
   }
 }
+.scroll-table{
+  thead,tbody{
+    display: block;
+    width: 100%;
+    box-sizing: border-box;
+    th,td{
+      width: 49%;
+      display: inline-block;
+      box-sizing: border-box;
+      border: none;
+      line-height: 32px;
+      &:first-child{
+        width: 30%;
+        border-right: 1px @tableBorderColor solid;
+      }
+      &:last-child{
+        width: 20%;
+        border-left: 1px @tableBorderColor solid;
+      }
+    }
+    td[colspan]{
+      border-right: none;
+      border-left: none;
+    }
+  }
+  thead{
+    border-bottom: 1px @tableBorderColor solid;
+    tr{
+      width: calc(100% - 18px);
+      border-bottom:none;
+    }
+  }
+  tbody{
+    overflow-y: auto;
+  }
+  tr{
+    display: block;
+    border-bottom: 1px @tableBorderColor solid;
+    &:last-child{
+      border-bottom: none;
+    }
+  }
+  tr,td[colspan]{
+    width: 100%;
+    box-sizing: border-box;
+  }
+}

src/html/qcScore.html

@@ -227,7 +227,7 @@
             </div>
             {{else}}
             {{if title==='缺陷总览'}}
-            <table>
+            <table class="scroll-table">
                 <thead>
                 <tr>
                     <th width="250">来源</th>

src/js/utils.js

@@ -247,8 +247,10 @@ $(".modal .close").click(function(){
 //计算容器高度
 function setBoxHeight(){
   const ht=window.innerHeight;
-  $(".content-box,.flaw-table").height((ht-55)+'px');
+  $(".content-box").height((ht-55)+'px');
+  $(".flaw-table").height((ht-70)+'px');
   $(".content-ht").height((ht-120)+"px");
+  $(".scroll-table tbody").css("max-height",(ht-200)+"px")
 }
 setBoxHeight();
 $(window).resize(function(){