فهرست منبع

质控评分表格样式修改

zhouna 5 سال پیش
والد
کامیت
95d13cbe1e
2فایلهای تغییر یافته به همراه37 افزوده شده و 18 حذف شده
  1. 14 8
      src/css/qcList.less
  2. 23 10
      src/html/qcList.html

+ 14 - 8
src/css/qcList.less

@@ -1,7 +1,7 @@
 .container{
     width: 100%;
     height: 100%;
-    overflow-y: auto;
+    overflow: auto;
 }
 ul,li{
     list-style: none;
@@ -20,10 +20,14 @@ h2{
     letter-spacing: 1px;
 }
 .main-body{
-    margin: 20px 40px;
+    margin: 20px 0;
+    padding: 0 35px;
+    min-width: 1090px;
+    /*width: 100%;*/
 }
 table{
     width: 100%;
+    min-width: 1090px;
     border:1px solid #E2E5EF;
     border-collapse: collapse;
     thead{
@@ -57,15 +61,15 @@ table{
     
 }
 .tabFoot{
-    height: 50px;
-    border: 1px solid #E2E5EF;
+    height: 40px;
+    /*border: 1px solid #E2E5EF;
     border-top: none;
-    box-sizing: border-box;
+    box-sizing: border-box;*/
 }
 .scoreOpera{
     height: 50px;
     line-height: 50px;
-    margin: 0 20px 0 17px;
+    margin: 0 20px 0 0;
     cursor: pointer;
     img{
         margin: 0 10px 0 0;
@@ -88,14 +92,16 @@ table{
     border: 1px solid #5A8EEE;
     color: #5A8EEE;
 }
-
+.filterBox{
+    margin-bottom: 15px;
+}
 .filterItem{
     position: relative;
     display: inline-block;
     float: left;
     height: 40px;
     line-height: 40px;
-    margin: 0 20px 20px 0;
+    margin: 0 20px 15px 0;
     span{
         display: inline-block;
         line-height: 40px;

+ 23 - 10
src/html/qcList.html

@@ -13,7 +13,7 @@
     <div class="container">
         <h2>质控评分</h2>
         <div class="main-body">
-            <div class="filterBox">
+            <div class="filterBox clearfix">
                 <span class="filterItem typeFilter">
                     <span>病历号:</span>
                     <input class="patientNumInp" type="text" placeholder="请输入病历号">
@@ -41,8 +41,9 @@
                 </span>
                 <span class="filter">查询</span>
             </div>
-            <table>
-                <thead>
+            <div>
+                <table>
+                    <thead>
                     <th class="textCenter" ></th>
                     <th class="recordScoreOpera textCenter" style="width: 65px;">操作</th>
                     <th class="beHospitalId textCenter">病历号</th>
@@ -58,15 +59,27 @@
                     <th class="recordLevel textCenter">病历等级</th>
                     <th class="recordScore textCenter">病历得分</th>
                     <th class="scoreTime textCenter">评分时间</th>
-                </thead>
-                <tbody>
-    
-                </tbody>
-            </table>
-            <div class="tabFoot">
+                    </thead>
+                    <tbody>
+
+                    </tbody>
+                    <tfoot>
+                    <tr>
+                        <td colspan="15">
+                            <div class="tabFoot">
+                                <span class="scoreOpera" data-selectAll=false><img class="iconCheck" src="" alt="checkbox">全选</span>
+                                <span class="recordScoreBtn">评分</span>
+                            </div>
+                        </td>
+                    </tr>
+                    </tfoot>
+                </table>
+            </div>
+
+            <!--<div class="tabFoot">
                 <span class="scoreOpera" data-selectAll=false><img class="iconCheck" src="" alt="checkbox">全选</span>
                 <span class="recordScoreBtn">评分</span>
-            </div>
+            </div>-->
 
             <div class="pagination"></div>
         </div>