Selaa lähdekoodia

表格样式修改

zhouna 4 vuotta sitten
vanhempi
commit
1d81a5909d
3 muutettua tiedostoa jossa 35 lisäystä ja 22 poistoa
  1. 13 4
      src/css/allotCheckTask.less
  2. 20 18
      src/html/allotCheckTask.html
  3. 2 0
      src/js/allotCheckTask.js

+ 13 - 4
src/css/allotCheckTask.less

@@ -83,13 +83,16 @@ h2{
     overflow-y: auto;
 }
 .taskTable {
-    .dot-hide{
+    .dot-hide,.dot-long-hide{
         display: inline-block;
         width: 65px;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
     }
+    .dot-long-hide{
+        width: 100px;
+    }
 }
 tbody{
     .job-num,.delete{
@@ -265,7 +268,7 @@ float: left;
 margin: 0 0px 10px 0;
 }
 .oper{
-    text-align: right;
+    text-align: center;
     margin:0 auto 0;
     border-top: 10px #EFF1F6 solid;
     border-bottom: 10px #EFF1F6 solid;
@@ -488,9 +491,15 @@ border-right: 6px solid #4D4D4D;
     width: 800px;
     left: 50%;
     margin-left: -400px;
+    top:50%;
+    margin-top: -216px;
     .modal-body{
-        max-height: 400px;
-        overflow-y: auto;
+        padding: 32px 16px;
+        .task-table-cont{
+            height: 326px;
+            overflow-y: auto;
+            padding-bottom: 2px;
+        }
     }
 }
 

+ 20 - 18
src/html/allotCheckTask.html

@@ -151,25 +151,27 @@
                     <a class="close fr">×</a>
                 </div>
                 <div class="modal-body">
-                    <table class="qctable taskTable">
-                        <thead>
-                        <tr class="tabTitle">
-                            <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>
-                            <th class="recordScore textCenter" valCode="jobDistributorName" code="jobDistributorName">分配人</th>
-                            <th class="recordScoreOpera textCenter" style="width: 65px;">操作</th>
-                        </tr>
-                        </thead>
-                        <tbody class="tbody">
+                    <div class="task-table-cont">
+                        <table class="qctable taskTable">
+                            <thead>
+                            <tr class="tabTitle">
+                                <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>
+                                <th class="recordScore textCenter" valCode="jobDistributorName" code="jobDistributorName">分配人</th>
+                                <th class="recordScoreOpera textCenter" style="width: 65px;">操作</th>
+                            </tr>
+                            </thead>
+                            <tbody class="tbody">
 
-                        </tbody>
-                        <tfoot>
-                        </tfoot>
-                    </table>
+                            </tbody>
+                            <tfoot>
+                            </tfoot>
+                        </table>
+                    </div>
                 </div>
             </div>
         </div>

+ 2 - 0
src/js/allotCheckTask.js

@@ -604,6 +604,8 @@ function renderTaskTable(data) {
             if(docHide.indexOf(code)>-1){
                 str += `<td class="textCenter"><span class="dot-hide" data-index=${i} title="${ item[code]}">${ item[code] || "-"}</span></td>`
 
+            }else if(code === 'leaveHospitalDate'){
+                str += `<td class="textCenter"><span class="dot-long-hide" data-index=${i} title="${ item[code]}">${ item[code] || "-"}</span></td>`
             }else{
                 str += `<td class="textCenter"><span data-index=${i} title="${ item[code]}">${ item[code] || "-"}</span></td>`
             }