ソースを参照

分配样式修改

zhouna 4 年 前
コミット
5d742cac68
3 ファイル変更37 行追加28 行削除
  1. 12 6
      src/css/allotCheckTask.less
  2. 22 20
      src/html/allotCheckTask.html
  3. 3 2
      src/js/allotCheckTask.js

+ 12 - 6
src/css/allotCheckTask.less

@@ -2,7 +2,7 @@
 .container{
     width: 100%;
     height: 100%;
-    overflow: auto;
+    /*overflow: auto;*/
     background: #fff;
     border-bottom: 10px @disColor solid;
     box-sizing: border-box;
@@ -79,7 +79,7 @@ h2{
       }
     
 }
-.table-cont{
+.table-cont,.patient-table-cont{
     overflow-y: auto;
 }
 .taskTable {
@@ -176,7 +176,7 @@ display: inline-block;
 float: left;
 height: 40px;
 line-height: 40px;
-margin-bottom:20px;
+margin-bottom:10px;
 /*margin-left: 20px;*/
 margin-right: 20px!important;
     &:first-child{
@@ -262,15 +262,21 @@ position: relative;
 top: 2px;
 cursor: pointer;
 float: left;
-margin: 0 0px 22px 0;
+margin: 0 0px 10px 0;
 }
 .oper{
     text-align: right;
-    margin:40px auto 0;
+    margin:0 auto 0;
+    border-top: 10px #EFF1F6 solid;
+    border-bottom: 10px #EFF1F6 solid;
+    padding: 10px 20px;
     .save-btn{
         width: 139px;
         float: none;
+        margin-bottom: 4px;
     }
+    background: #fff;
+
 }
 .del-confirm,.cancel{
     width: 68px;
@@ -371,7 +377,7 @@ color: #cfccd6
 
 
 .pagination{
-margin: 35px 0 20px 0  ;
+margin: 15px 0 10px 0 ;
 text-align: right;
 }
 .totalSum{

+ 22 - 20
src/html/allotCheckTask.html

@@ -115,30 +115,32 @@
                                 <!--<span class="export">导出</span>-->
                             </div>
                         </div>
-                        <table class="qctable patientTable">
-                            <thead>
-                            <tr class="tabTitle">
-                                <th class="recordScoreOpera textCenter" style="width: 65px;">操作</th>
-                                <th class="patientName textCenter" style="width: 100px;" valCode="name">病人姓名</th>
-                                <th class="beHospitalId textCenter" valCode="behospitalCode">病人住院序号</th>
-                                <th class="deptName textCenter" valCode="behospitalDept">科室</th>
-                                <th class="doctorName textCenter" valCode="attendingDoctor">主管医生</th>
-                                <th class="outHospitalDate textCenter desc" valCode="leaveHospitalDate" code="leaveHospitalDate">出院日期</th>
-                                <th class="recordScore textCenter" valCode="value" code="value">筛选分值</th>
-                            </tr>
-                            </thead>
-                            <tbody class="tbody">
+                        <div class="patient-table-cont">
+                            <table class="qctable patientTable">
+                                <thead>
+                                <tr class="tabTitle">
+                                    <th class="recordScoreOpera textCenter" style="width: 65px;">操作</th>
+                                    <th class="patientName textCenter" style="width: 100px;" valCode="name">病人姓名</th>
+                                    <th class="beHospitalId textCenter" valCode="behospitalCode">病人住院序号</th>
+                                    <th class="deptName textCenter" valCode="behospitalDept">科室</th>
+                                    <th class="doctorName textCenter" valCode="attendingDoctor">主管医生</th>
+                                    <th class="outHospitalDate textCenter desc" valCode="leaveHospitalDate" code="leaveHospitalDate">出院日期</th>
+                                    <th class="recordScore textCenter" valCode="value" code="value">筛选分值</th>
+                                </tr>
+                                </thead>
+                                <tbody class="tbody">
 
-                            </tbody>
-                            <tfoot>
-                            </tfoot>
-                        </table>
-                        <div class="pagination"></div>
-                        <div class="oper">
-                            <button class="save-btn">保存分配</button>
+                                </tbody>
+                                <tfoot>
+                                </tfoot>
+                            </table>
                         </div>
+                        <div class="pagination"></div>
                     </div>
                 </div>
+                <div class="oper">
+                    <button class="save-btn">保存分配</button>
+                </div>
             </div>
         </div>
         <div class="modal-container">

+ 3 - 2
src/js/allotCheckTask.js

@@ -261,8 +261,9 @@ $(function() {
 //高度适应
 function setBoxHeight() {
     const ht = window.innerHeight;
-    $('.table-cont').height(ht - 319 + 'px');
-    $('.overAuto').height(ht - 174 + 'px');
+    $('.table-cont').height(ht - 299 + 'px');
+    $(".patient-table-cont").height(ht - 414 + 'px');
+    $('.overAuto').height(ht - 239 + 'px');
 }
 
 //病人列表获取筛选值