zhangxc 5 роки тому
батько
коміт
9f1d85ccf4
2 змінених файлів з 57 додано та 37 видалено
  1. 20 3
      src/css/qcList.less
  2. 37 34
      src/html/qcList.html

+ 20 - 3
src/css/qcList.less

@@ -7,11 +7,13 @@ h2{
     font-weight: 600;
     border-bottom: 1px solid #E2E5EF;
 }
+.main-body{
+    margin: 20px 40px;
+}
 table{
-    width: 1080px;
+     width: 100%;
     border:1px solid #E2E5EF;
     border-collapse: collapse;
-    margin: 40px 0 0 20px;
     thead{
         background: #EFF0F9;
        
@@ -28,23 +30,38 @@ table{
     }
     
 }
+.filterBox{
+    margin: 0 0 20px 0;
+}
 .filterItem{
     position: relative;
     display: inline-block;
     margin-right: 20px;
+    height: 40px;
+    line-height: 40px;
 }
 
 
 
+
 .pagination{
-    margin: 0 0 0 30px;
+    margin: 35px 0 0 0  ;
+    text-align: right;
 }
 .activePage{
     color: #5A8EEE;
 }
+.pageNum,.prePage,.nextPage{
+    cursor: pointer;
+}
 .pageNum, .more{
+    display: inline-block;
+    width: 20px;
     margin: 0 20px 0 0;
 }
+.arrowPage{
+    width: 6px;
+}
 
 
 

+ 37 - 34
src/html/qcList.html

@@ -11,41 +11,44 @@
 
 <body>
     <div class="container">
-        病历质控评分
-        <div class="filterBox">
-            <span class="filterItem typeFilter">
-                <span>输入搜索:</span>
-                <input class="moduleItemInp" type="text" placeholder="请输入病案号">
-                <input class="patientNameInp" type="text" placeholder="请输入病人姓名">
-            </span>
-            <span class="filterItem">
-                <span>出院日期</span>
-                <input type="text" id="datepicker">
-            </span>
-            
-            <span class="filter">查询</span>
+        <h2>病历质控评分</h2>
+        <div class="main-body">
+            <div class="filterBox">
+                <span class="filterItem typeFilter">
+                    <span>输入搜索:</span>
+                    <input class="moduleItemInp" type="text" placeholder="请输入病案号">
+                    <input class="patientNameInp" type="text" placeholder="请输入病人姓名">
+                </span>
+                <span class="filterItem">
+                    <span>出院日期</span>
+                    <input type="text" id="datepicker">
+                </span>
+                
+                <span class="filter">查询</span>
+            </div>
+            <table>
+                <thead>
+                    <th class="scoreOpera" data-selectAll=false>未选择</th>
+                    <th class="beHospitalId">病历号</th>
+                    <th class="patientNo">病案号</th>
+                    <th class="patientName">病人姓名</th>
+                    <th class="patientSex">性别</th>
+                    <th class="patientage">年龄</th>
+                    <th class="bedNum">床号</th>
+                    <th class="inHospitalDate">入院日期</th>
+                    <th class="outHospitalDate">出院日期</th>
+                    <th class="doctorName">主治医生</th>
+                    <th class="deptName">科室</th>
+                    <th class="recordLevel">病历等级</th>
+                    <th class="recordScore">病历得分</th>
+                    <th class="scoreTime">评分时间</th>
+                </thead>
+                <tbody>
+    
+                </tbody>
+            </table>
         </div>
-        <table>
-            <thead>
-                <th class="scoreOpera" data-selectAll=false>未选择</th>
-                <th class="beHospitalId">病历号</th>
-                <th class="patientNo">病案号</th>
-                <th class="patientName">病人姓名</th>
-                <th class="patientSex">性别</th>
-                <th class="patientage">年龄</th>
-                <th class="bedNum">床号</th>
-                <th class="inHospitalDate">入院日期</th>
-                <th class="outHospitalDate">出院日期</th>
-                <th class="doctorName">主治医生</th>
-                <th class="deptName">科室</th>
-                <th class="recordLevel">病历等级</th>
-                <th class="recordScore">病历得分</th>
-                <th class="scoreTime">评分时间</th>
-            </thead>
-            <tbody>
-
-            </tbody>
-        </table>
+        
     </div>
 </body>