Browse Source

弹窗样式

zhouna 4 years ago
parent
commit
e9b4987407
3 changed files with 80 additions and 11 deletions
  1. 42 0
      src/css/common.less
  2. 34 7
      src/html/allotCheckTask.html
  3. 4 4
      src/js/allotCheckTask.js

+ 42 - 0
src/css/common.less

@@ -253,4 +253,46 @@ input:-ms-input-placeholder, textarea:-ms-input-placeholder {
 
 
 input.canEditDept {
 input.canEditDept {
     width: 160px !important;
     width: 160px !important;
+}
+
+/*******弹窗*******/
+.modal-container{
+    position: fixed;
+    width: 100%;
+    height: 100%;
+    top:0;
+    left: 0;
+    z-index: 99;
+    .cover{
+        position: fixed;
+        width: 100%;
+        height: 100%;
+        background: #000;
+        opacity: 0.16;
+
+    }
+    .modal-box{
+        position: fixed;
+        width: 50%;
+        left: 25%;
+        top:100px;
+        background: #fff;
+        border-radius: 4px;
+    }
+    .modal-title{
+        border-bottom: 1px #E2E5EF solid;
+        height: 40px;
+        line-height: 42px;
+        padding: 0 20px;
+        .close{
+            color: #8C8C8C;
+            font-size: 20px;
+            cursor: pointer;
+        }
+    }
+    .modal-body{
+        padding:32px 38px;
+
+    }
+
 }
 }

+ 34 - 7
src/html/allotCheckTask.html

@@ -100,13 +100,12 @@
                             <thead>
                             <thead>
                             <tr class="tabTitle">
                             <tr class="tabTitle">
                                 <th class="recordScoreOpera textCenter" style="width: 65px;">操作</th>
                                 <th class="recordScoreOpera textCenter" style="width: 65px;">操作</th>
-                                <th class="patientName textCenter" style="width: 100px;">病人姓名</th>
-                                <th class="beHospitalId textCenter">病人住院序号</th>
-                                <th class="deptName textCenter">科室</th>
-                                <th class="doctorName textCenter">主管医生</th>
-                                <th class="outHospitalDate textCenter desc" code="leaveHospitalDate">出院日期</th>
-                                <th class="recordScore textCenter" code="value">筛选分值</th>
-                                <th class="patientNo textCenter" code="file_code">状态</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>
                             </tr>
                             </thead>
                             </thead>
                             <tbody class="tbody">
                             <tbody class="tbody">
@@ -120,7 +119,35 @@
                 </div>
                 </div>
             </div>
             </div>
         </div>
         </div>
+        <div class="modal-container">
+            <div class="cover"></div>
+            <div class="modal-box">
+                <div class="modal-title">
+                    <span class="title">任务</span>
+                    <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="recordScoreOpera textCenter" style="width: 65px;">操作</th>
+                        </tr>
+                        </thead>
+                        <tbody class="tbody">
 
 
+                        </tbody>
+                        <tfoot>
+                        </tfoot>
+                    </table>
+                </div>
+            </div>
+        </div>
     </div>
     </div>
 </body>
 </body>
 
 

+ 4 - 4
src/js/allotCheckTask.js

@@ -179,8 +179,9 @@ function renderCheckerTable(data,noTasksUpdate){
         //   initScroll("qcList","YX",1)
         //   initScroll("qcList","YX",1)
         return;
         return;
     }
     }
-    //获取任务列表
+    //获取任务列表数据
     (!noTasksUpdate)&&getTabData(1);
     (!noTasksUpdate)&&getTabData(1);
+
     const titles = $(".checkerTable .tabTitle th[valCode]");
     const titles = $(".checkerTable .tabTitle th[valCode]");
     for(let i = 0; i < data.length; i++){
     for(let i = 0; i < data.length; i++){
         const item = data[i]
         const item = data[i]
@@ -224,10 +225,9 @@ function renderTab(data){
 
 
         str += `
         str += `
             <tr  data-index=${i}>
             <tr  data-index=${i}>
-                <td class="operaItem textCenter" code="${item.doctorId}>${item.hasSelect ? `<img class="iconCheck" src=${iconCheck} />`:`<img class="iconCheck" src=${iconUnCheck} />`}</td>
-                `
+                <td class="operaItem textCenter" code="${item.id}"><i></i></td>`;
         for(let i=0;i<titles.length;i++){
         for(let i=0;i<titles.length;i++){
-            code=$(titles).attr('valCode');
+            code=$(titles[i]).attr('valCode');
             str +=  `<td class="textCenter"><span data-index=${i}>${ item[code] || "-"}<span></td>`
             str +=  `<td class="textCenter"><span data-index=${i}>${ item[code] || "-"}<span></td>`
         }
         }
         str += "</tr>"
         str += "</tr>"