固定表头

VisualInspection/css/statistics/atendance_style.css

@@ -9,10 +9,10 @@
 }
 
 .table-head th{
-    border: 1px solid #d9d9d9;
+    border-right: 1px solid #d9d9d9; 
     text-align: center;
     height: 30px;
-    background:#ebf3fd;
+     background:#ebf3fd; 
 }
 
 .table-tbody td{

VisualInspection/js/statistics/appeal.js

@@ -6,7 +6,8 @@ var p_name = null;
 var p_status = null
 var pageindex = 1
 $(function() {
-
+    // 设置滚动表格的高度
+    $("#scrollTable").height($(window).height() - 360);
     setVisit();
     var road_manager;
     if (roleContains("STATION")) {
@@ -133,7 +134,7 @@ function getTableContent(obj, seq) {
 
 
 
-    var content = "<tr><td>" + seq + "</td> <td >" + obj.fee_station_name + "</td> <td >" + (GDV(obj.appeal_num, 0) > 0 ? ("<a href='javascript:void(0)' onclick='getappleTaskList(" + obj.dept_id + ",\"" + obj.fee_station_name + "\",0)'>" + GDV(obj.appeal_num, 0) + "</a>") : GDV(obj.appeal_num, 0)) +
+    var content = "<tr><td width='8%'>" + seq + "</td> <td  width='16%'>" + obj.fee_station_name + "</td> <td  width='16%'>" + (GDV(obj.appeal_num, 0) > 0 ? ("<a href='javascript:void(0)' onclick='getappleTaskList(" + obj.dept_id + ",\"" + obj.fee_station_name + "\",0)'>" + GDV(obj.appeal_num, 0) + "</a>") : GDV(obj.appeal_num, 0)) +
         "</td> <td >" + (GDV(obj.appeal_success_num, 0) > 0 ? ("<a href='javascript:void(0)' onclick='getappleTaskList(" + obj.dept_id + ",\"" + obj.fee_station_name + "\",1)'>" + GDV(obj.appeal_success_num, 0) + "</a>") : GDV(obj.appeal_success_num, 0)) + "</td><td>" + (GDV(obj.appeal_fail_num, 0) > 0 ? ("<a href='javascript:void(0)' onclick='getappleTaskList(" + obj.dept_id + ",\"" + obj.fee_station_name + "\",2)'>" + GDV(obj.appeal_fail_num, 0) + "</a>") : GDV(obj.appeal_fail_num, 0)) + "</td> </tr>";
 
     return content;

VisualInspection/js/statistics/assess_ranking.js

@@ -193,7 +193,7 @@ function getEmployeeInfosClick(url, param, start_score, end_score, start_num, en
 
                 strTbody += "<tr><td width='4%;'>" + (count + 1) + "</td><td width='6%;'>" + data[i].user.fee_station_name + "</td>" +
                     "<td width='6%;'>" + data[i].user.truename + "</td><td width='6%;'>" + data[i].user.position_name + "</td>" +
-                    "<td width='6%;'>" + data[i].user.workno + "</td><td width='4%;'>" + filter(data[i].company_ranking, '/') + "</td>" +
+                    "<td width='7%;'>" + data[i].user.workno + "</td><td width='4%;'>" + filter(data[i].company_ranking, '/') + "</td>" +
                     "<td width='4%;'>" + filter(data[i].center_ranking, '/') + "</td><td width='4%;'>" + filter(data[i].fee_station_ranking, '/') +
                     "</td><td width='4%;'>" + getItemScore(data[i], '环境') + "</td>" +
                     "<td width='4%;'>" + getItemScore(data[i], '仪容仪表') + "</td><td width='4%;'>" + getItemScore(data[i], '表情') + "</td>" +

VisualInspection/js/statistics/assess_situation.js

@@ -80,7 +80,7 @@ function initQuerySituation(){
             for(i=0;i<list.length;i++){       
                 $(".table-tbody").append(gethtml(list[i],i));
             }
-            $(".table-tbody").append(getTotalHtml(data));      
+            $(".table-tbody").append(getTotalHtml(data));
         },function(error){
             return "" ;
      });
@@ -140,25 +140,25 @@ function gethtml(data,i){
             rowspan = 8;
             ranking=rank[i];
         }
-                strTbody +="<tr><td rowspan="+rowspan+">"+name+"</td>";
-                strTbody +="<td>"+ranking+"</td><td>"+data.name+"</td><td>"+filter(data.people_num,0)
-                        +"</td><td>"+filter(data.checked_people_num,0)+"</td><td>"+filter(data.checked_num,0)
-                        +"</td><td>"+(data.checked_people_num-(data.score_fifteen+data.score_fifty+data.score_over_fifty))
-                        +"</td><td>"+data.score_fifteen+"</td><td>"+data.score_fifty+"</td><td>"
-                        +data.score_over_fifty+"</td><td>"+data.all_check_score+"</td><td>"
-                        +filterByZeroHandle(filterJudge(data.all_check_score,data.checked_num),'0')+"</td><td>"
-                        +filterByZeroHandle((1000-filterJudge(data.all_check_score,data.checked_num)),'1000')+"</td>";
-                strTbody += "</tr>";
+        strTbody +="<tr><td rowspan="+rowspan+" width='110px'>"+name+"</td>";
+        strTbody +="<td width='80px'>"+ranking+"</td><td width='90px'>"+data.name+"</td><td width='80px'>"+filter(data.people_num,0)
+                +"</td><td width='80px'>"+filter(data.checked_people_num,0)+"</td><td width='80px'>"+filter(data.checked_num,0)
+                +"</td><td width='80px'>"+(data.checked_people_num-(data.score_fifteen+data.score_fifty+data.score_over_fifty))
+                +"</td><td width='80px'>"+data.score_fifteen+"</td><td width='80px'>"+data.score_fifty+"</td><td width='80px'>"
+                +data.score_over_fifty+"</td><td width='80px'>"+data.all_check_score+"</td><td width='80px'>"
+                +filterByZeroHandle(filterJudge(data.all_check_score,data.checked_num),'0')+"</td><td>"
+                +filterByZeroHandle((1000-filterJudge(data.all_check_score,data.checked_num)),'1000')+"</td>";
+        strTbody += "</tr>";
        }else{
-                strTbody +="<tr>"
-                strTbody +="<td>"+rank[i]+"</td><td>"+data.name+"</td><td>"+filter(data.people_num,'0')
-                        +"</td><td>"+filter(data.checked_people_num,0)+"</td><td>"+filter(data.checked_num,'0')
-                        +"</td><td>"+(data.checked_people_num-(data.score_fifteen+data.score_fifty+data.score_over_fifty))
-                        +"</td><td>"+data.score_fifteen+"</td><td>"+data.score_fifty+"</td><td>"
-                        +data.score_over_fifty+"</td><td>"+data.all_check_score+"</td><td>"
-                        +filterByZeroHandle(filterJudge(data.all_check_score,data.checked_num),'0')+"</td><td>"
-                        +filterByZeroHandle((1000-filterJudge(data.all_check_score,data.checked_num)),'1000')+"</td>";
-                strTbody+="</tr>";
+        strTbody +="<tr>"
+        strTbody +="<td>"+rank[i]+"</td><td>"+data.name+"</td><td>"+filter(data.people_num,'0')
+                +"</td><td>"+filter(data.checked_people_num,0)+"</td><td>"+filter(data.checked_num,'0')
+                +"</td><td>"+(data.checked_people_num-(data.score_fifteen+data.score_fifty+data.score_over_fifty))
+                +"</td><td>"+data.score_fifteen+"</td><td>"+data.score_fifty+"</td><td>"
+                +data.score_over_fifty+"</td><td>"+data.all_check_score+"</td><td>"
+                +filterByZeroHandle(filterJudge(data.all_check_score,data.checked_num),'0')+"</td><td>"
+                +filterByZeroHandle((1000-filterJudge(data.all_check_score,data.checked_num)),'1000')+"</td>";
+        strTbody+="</tr>";
             
       }
       return strTbody;

VisualInspection/js/statistics/assess_type.js

@@ -125,16 +125,16 @@ function gethtml(data,i,avg,lists){
                 }
             }
         }
-        strTbody += "<tr><td rowspan="+rowspan+">"+order+"</td>"+"<td rowspan="+rowspan+">"+name+"</td>";
-        strTbody+="<td>"+ranking+"</td><td>"+data.name+"</td><td>"+filter(data.people_num,'0')
-                   +"</td><td>"+filter(data.checked_people_num,'0')
-                   +"</td><td>"+filter(data.checked_num,'0')+"</td><td>"+getItemScore(data, '环境卫生')
-                   +"</td> <td>"+getItemScore(data, '仪容仪表')+"</td><td>"+getItemScore(data, '表情')
-                   +"</td><td>"+getItemScore(data, '动作')+"</td><td>"+getItemScore(data, '文明用语')
-                   +"</td><td>"+getItemScore(data, '工作纪律')+"</td><td>"+getItemScore(data, '便民服务')
-                   +"</td><td>"+getItemScore(data, '安全管理')+"</td><td>"+data.all_check_score+"</td><td>"
+        strTbody += "<tr><td rowspan="+rowspan+" width='6%'>"+order+"</td>"+"<td rowspan="+rowspan+" width='6%'>"+name+"</td>";
+        strTbody+="<td width='6%'>"+ranking+"</td><td width='8%'>"+data.name+"</td><td width='6%'>"+filter(data.people_num,'0')
+                   +"</td><td width='6%'>"+filter(data.checked_people_num,'0')
+                   +"</td><td width='6%'>"+filter(data.checked_num,'0')+"</td><td width='67px'>"+getItemScore(data, '环境卫生')
+                   +"</td><td width='67px'>"+getItemScore(data, '仪容仪表')+"</td><td width='67px'>"+getItemScore(data, '表情')
+                   +"</td><td width='67px'>"+getItemScore(data, '动作')+"</td><td width='67px'>"+getItemScore(data, '文明用语')
+                   +"</td><td width='67px'>"+getItemScore(data, '工作纪律')+"</td><td width='67px'>"+getItemScore(data, '便民服务')
+                   +"</td><td width='67px'>"+getItemScore(data, '安全管理')+"</td><td width='6%'>"+data.all_check_score+"</td><td width='6%'>"
                    +filterByZeroHandle(filterJudge(data.all_check_score,data.checked_num),'0')
-                   +"</td><td rowspan="+rowspan+">"+avg+"</td>";
+                   +"</td><td rowspan="+rowspan+" width='6%'>"+avg+"</td>";
         strTbody += "</tr>";
     }else{
         strTbody += "<tr><td>"+rank[i]+"</td>";

VisualInspection/js/statistics/change_attendance.js

@@ -154,32 +154,32 @@ function getTableContent(obj,seq){
         for(var i=26; i<=days; i++){
             if( map_class[i+"-"+class_type] !=undefined ){
                 if( map_class[i+"-"+class_type]==1){
-                    class_html[d] += '<td>/</td>' ;
+                    class_html[d] += '<td>/</td width="20px">' ;
                 }else{
-                    class_html[d] += '<td class="b-grey">/</td>' ;
+                    class_html[d] += '<td class="b-grey" width="20px">/</td>' ;
                 }
             }else{
-                class_html[d] += '<td></td>' ;
+                class_html[d] += '<td width="20px"></td>' ;
             }
         }
         for(var i=1; i<=25; i++){
             if( map_class[i+"-"+class_type] !=undefined ){
                 if( map_class[i+"-"+class_type]==1){
-                    class_html[d] += '<td>/</td>' ;
+                    class_html[d] += '<td width="20px">/</td>' ;
                 }else{
-                    class_html[d] += '<td class="b-grey">/</td>' ;
+                    class_html[d] += '<td class="b-grey" width="20px">/</td>' ;
                 }
             }else{
-                class_html[d] += '<td></td>' ;
+                class_html[d] += '<td width="20px"></td>' ;
             }
         }
     }
 
-    var content = "<tr><td rowspan='3'>"+seq+"</td> <td rowspan='3'>"+obj.feeStationName+"</td> <td rowspan='3'>"+obj.userName+
-            "</td> <td rowspan='3'>"+obj.positionName+"</td><td rowspan='3'>"+ obj.workno +"</td><td>夜班</td> "+class_html[0]+"<td rowspan='3'>"+
-            obj.work_days+"</td><td rowspan='3'>"+convertT(obj.work_minutes)+"</td><td rowspan='3'></td> </tr>\
-        <tr><td>早班</td> "+class_html[1]+" </tr>\
-        <tr><td>中班</td> "+ class_html[2] +" </tr>" ;
+    var content = "<tr><td rowspan='3' width='4%'>"+seq+"</td> <td rowspan='3' width='4%'>"+obj.feeStationName+"</td> <td rowspan='3' width='4%'>"+obj.userName+
+            "</td> <td rowspan='3' width='4%'>"+obj.positionName+"</td><td rowspan='3' width='8%'>"+ obj.workno +"</td><td width='4%'>夜班</td> "+class_html[0]+"<td rowspan='3' width='4%'>"+
+            obj.work_days+"</td><td rowspan='3' width='4%'>"+convertT(obj.work_minutes)+"</td><td rowspan='3' width='4%'></td> </tr>\
+        <tr><td width='4%'>早班</td> "+class_html[1]+" </tr>\
+        <tr><td width='4%'>中班</td> "+ class_html[2] +" </tr>" ;
 
     return content;
 }

VisualInspection/js/statistics/change_work.js

@@ -116,8 +116,8 @@ function getTableContent(obj,seq){
         workdays += GDV(obj.subStatisticsFsWork[z].work_days,0);
     }
 
-    var content = "<tr><td>"+seq+"</td> <td >"+obj.feeStationName+"</td> <td >"+obj.userName+
-            "</td> <td >"+obj.positionName+"</td><td>"+ GDV(map_class[3],0) +"</td><td>"+ GDV(map_class[1],0) +"</td><td>"+ GDV(map_class[2],0) +"</td><td>"+workdays+"</td><td>"+"</td> </tr>";
+    var content = "<tr><td width='8%'>" + seq + "</td> <td  width='16%'>" + obj.feeStationName + "</td> <td  width='16%'>" + obj.userName +
+        "</td> <td  width='16%'>" + obj.positionName + "</td><td>" + GDV(map_class[3], 0) + "</td><td>" + GDV(map_class[1], 0) + "</td><td>" + GDV(map_class[2], 0) + "</td><td width='16%'>" + workdays + "</td><td width='16%'>" + "</td> </tr>";
 
     return content;
 }

VisualInspection/js/statistics/common_attendance.js

@@ -158,32 +158,32 @@ function getTableContent(obj,seq){
         for(var i=26; i<=days; i++){
             if( map_class[i+"-"+class_type] !=undefined ){
                 if( map_class[i+"-"+class_type]==1){
-                    class_html[d] += '<td>/</td>' ;
+                    class_html[d] += '<td width="20px">/</td>' ;
                 }else{
-                    class_html[d] += '<td class="b-grey">/</td>' ;
+                    class_html[d] += '<td class="b-grey" width="20px">/</td>' ;
                 }
             }else{
-                class_html[d] += '<td></td>' ;
+                class_html[d] += '<td width="20px"></td>' ;
             }
         }
         for(var i=1; i<=25; i++){
             if( map_class[i+"-"+class_type] !=undefined ){
                 if( map_class[i+"-"+class_type]==1){
-                    class_html[d] += '<td>/</td>' ;
+                    class_html[d] += '<td width="20px">/</td>' ;
                 }else{
-                    class_html[d] += '<td class="b-grey">/</td>' ;
+                    class_html[d] += '<td class="b-grey" width="20px">/</td>' ;
                 }
             }else{
-                class_html[d] += '<td></td>' ;
+                class_html[d] += '<td width="20px"></td>' ;
             }
         }
     }
 
-    var content = "<tr><td rowspan='3'>"+seq+"</td> <td rowspan='3'>"+obj.feeStationName+"</td> <td rowspan='3'>"+obj.userName+
-            "</td> <td rowspan='3'>"+obj.positionName+"</td><td rowspan='3'>"+ obj.workno +"</td><td>夜班</td> "+class_html[0]+"<td rowspan='3'>"+
-            obj.work_days+"</td><td rowspan='3'>"+convertT(obj.work_minutes)+"</td><td rowspan='3'></td> </tr>\
-        <tr><td>早班</td> "+class_html[1]+" </tr>\
-        <tr><td>中班</td> "+ class_html[2] +" </tr>" ;
+    var content = "<tr><td rowspan='3' width='4%'>"+seq+"</td> <td rowspan='3' width='4%'>"+obj.feeStationName+"</td> <td rowspan='3' width='4%'>"+obj.userName+
+            "</td> <td rowspan='3' width='4%'>"+obj.positionName+"</td><td rowspan='3' width='8%'>"+ obj.workno +"</td><td width='4%'>夜班</td> "+class_html[0]+"<td rowspan='3' width='4%'>"+
+            obj.work_days+"</td><td rowspan='3' width='4%'>"+convertT(obj.work_minutes)+"</td><td rowspan='3' width='3%'></td> </tr>\
+        <tr><td width='4%'>早班</td> "+class_html[1]+" </tr>\
+        <tr><td width='4%'>中班</td> "+ class_html[2] +" </tr>" ;
 
     return content;
 }

VisualInspection/js/statistics/common_work.js

@@ -122,8 +122,8 @@ function getTableContent(obj, seq) {
         workdays += GDV(obj.subStatisticsFsWork[z].work_days, 0);
     }
 
-    var content = "<tr><td>" + seq + "</td> <td >" + obj.feeStationName + "</td> <td >" + obj.userName +
-        "</td> <td >" + obj.positionName + "</td><td>" + GDV(map_class[3], 0) + "</td><td>" + GDV(map_class[1], 0) + "</td><td>" + GDV(map_class[2], 0) + "</td><td>" + workdays + "</td><td>" + "</td> </tr>";
+    var content = "<tr><td width='8%'>" + seq + "</td> <td  width='16%'>" + obj.feeStationName + "</td> <td  width='16%'>" + obj.userName +
+        "</td> <td  width='16%'>" + obj.positionName + "</td><td>" + GDV(map_class[3], 0) + "</td><td>" + GDV(map_class[1], 0) + "</td><td>" + GDV(map_class[2], 0) + "</td><td width='16%'>" + workdays + "</td><td width='16%'>" + "</td> </tr>";
 
     return content;
 }

VisualInspection/view/statistics/appeal.html

@@ -49,22 +49,27 @@
 
     <div class="row">
           
-              <div class="table-head" ><table  width="100%" min-height="190px" align="center" >
-                  <thead>
-                    <tr>
-                        <th  width="80px">序号</th>
-                        <th  width="160px">站名</th>
-                        <th  width="160px">申诉次数</th>
-                        <th>申诉成功（次数） </th>
-                        <th>申诉失败（次数）</th>
-                        <!--<th>其他情况（次数）</th>-->
-                    </tr>
-                  </thead>
-                  <tbody class="table-tbody" style="background:white" align="center" height="500px">
+        <div class="table-head" ><table  width="100%" min-height="190px" align="center" >
+            <thead>
+            <tr>
+                <th  width="8%">序号</th>
+                <th  width="16%">站名</th>
+                <th  width="16%">申诉次数</th>
+                <th>申诉成功（次数） </th>
+                <th>申诉失败（次数）</th>
+                <!--<th>其他情况（次数）</th>-->
+            </tr>
+            </thead>
+            <!-- <tbody class="table-tbody" style="background:white" align="center" height="500px">
 
-                  </tbody>
-                  </table>
-                </div>
-         
+            </tbody> -->
+            </table>
+        </div>
+        <div id="scrollTable" style="height:300px;overflow:scroll;margin-right:-10px;">
+            <table style="border-top:0;" border="1" width="100%"  align="center">
+                <tbody class="table-tbody" id="c-a-tbody"  style="background:white; " align="center">
+                </tbody>
+            </table>
+        </div>  
     </div>
 </div>

VisualInspection/view/statistics/assess_situation.html

@@ -24,29 +24,40 @@
 
     <div class="row">
           <!-- 使用一个div来显示数据表格 -->
-          <div class="datatable" data-checkable="false" data-sortable="false">
-              <div class="table-head" ><table border="1" width="100%" height="90px" align="center" class="a">
-                  <thead>
-                  <tr>
-                  <th rowspan="2" width="110px">道管</th><th rowspan="2" width="80px">道管内排名</th><th rowspan="2" width="90px">站名</th>
-                  <th rowspan="2" width="80px">收费值机人数</th><th rowspan="2" width="80px">受检人数</th>
-                  <th rowspan="2" width="80px">受检次数</th><th colspan="6" height="40px">扣分情况</th><th rowspan="2" width="85px">平均得分(千分)</th>
-                  </tr>
-                <tr> 
-                  <th width="80px">满分（人）</th><th width="80px">≤15分（人）</th><th width="80px">≤50分（人）</th>
-                  <th width="80px">>50分（人）</th><th width="80px">总扣分（分）</th><th width="80px">平均每人次扣分（分）</th>
-                  </tr>
-                  </thead>
-                  <tbody class="table-tbody" style="background:white" align="center" height="500px">
-                    
-                  </tbody>
-                  </table></div>
-                  
+          <div class="datatable" data-checkable="false" data-sortable="false" style="margin-bottom:0px;">
+              <div class="table-head" >
+                  <table border="1" width="100%" height="90px" align="center" class="a">
+                    <thead>
+                        <tr>
+                            <th rowspan="2" width="110px">道管</th><th rowspan="2" width="80px">道管内排名</th><th rowspan="2" width="90px">站名</th>
+                            <th rowspan="2" width="80px">收费值机人数</th><th rowspan="2" width="80px">受检人数</th>
+                            <th rowspan="2" width="80px">受检次数</th><th colspan="6" height="40px">扣分情况</th><th rowspan="2" width="85px">平均得分(千分)</th>
+                        </tr>
+                        <tr> 
+                        <th width="80px">满分（人）</th><th width="80px">≤15分（人）</th><th width="80px">≤50分（人）</th>
+                        <th width="80px">>50分（人）</th><th width="80px">总扣分（分）</th><th width="80px">平均每人次扣分（分）</th>
+                        </tr>
+                    </thead>
+                    <!-- <tbody class="table-tbody" style="background:white" align="center" height="500px">
+                        
+                    </tbody> -->
+                  </table>
+                </div>  
+          </div>
+          <div id="scrollTable" style="height:300px;overflow:scroll;margin-right:-10px;">
+              <div class="table-head"  style="margin:0px;">
+                  <table border="1" width="100%" height="90px" align="center" class="a" style="border-top:0px;">
+                    <tbody class="table-tbody" style="background:white" align="center" height="500px">                       
+                    </tbody>
+                  </table>
+                </div>  
           </div>
     </div>
 </div>
 <script>
     $(document).ready(function() {
+        // 设置滚动表格的高度
+        $("#scrollTable").height($(window).height() - 360);
         // 仅选择日期
         $("#start-time").datetimepicker(
         {

VisualInspection/view/statistics/assess_type.html

@@ -24,14 +24,14 @@
 
     <div class="row">
           <!-- 使用一个div来显示数据表格 -->
-          <div class="datatable" data-checkable="false" data-sortable="false">
+          <div class="datatable" data-checkable="false" data-sortable="false"  style="margin-bottom:0px;">
               <div class="table-head" ><table border="1" width="100%" height="90px" align="center">
                  <thead>
                         <tr>
-                        <th rowspan="2" width="67px">道管整体排名</th><th rowspan="2" width="67px">单位</th><th rowspan="2" width="67px">管道内收费站排名</th>
-                        <th rowspan="2" width="85px">单位</th><th rowspan="2" width="67px">收费值机岗位人数</th><th rowspan="2" width="67px">受检人数</th>
-                        <th rowspan="2" width="67px">受检次数</th><th colspan="9" height="40px">存在问题扣分详情</th>
-                        <th rowspan="2" width="67px">受检人平均每人次扣分（千分制）</th><th rowspan="2" width="67px">管道中心受检人平均每人次扣分（千分制）</th>
+                        <th rowspan="2" width="6%">道管整体排名</th><th rowspan="2" width="6%">道管</th><th rowspan="2" width="6%">管道内收费站排名</th>
+                        <th rowspan="2" width="8%">站名</th><th rowspan="2" width="6%">收费值机岗位人数</th><th rowspan="2" width="6%">受检人数</th>
+                        <th rowspan="2" width="6%">受检次数</th><th colspan="9" height="40px">存在问题扣分详情</th>
+                        <th rowspan="2" width="6%">受检人平均每人次扣分（千分制）</th><th rowspan="2" width="6%">管道中心受检人平均每人次扣分（千分制）</th>
                         </tr>
                         <tr> 
                         <th width="67px">环境卫生</th><th width="67px">仪容仪表</th><th width="67px">表情</th>
@@ -39,6 +39,14 @@
                         <th width="67px">便民服务</th><th width="67px">安全管理</th><th width="67px">扣分合计</th>
                         </tr>
                  </thead>
+                    <!-- <tbody class="table-tbody" style="background:white" align="center">
+               
+                    </tbody> -->
+                </table></div>
+          </div>
+          <div id="scrollTable" style="height:300px;overflow:scroll;margin-right:-10px;">
+              <div class="table-head" style="margin:0px;">
+                  <table border="1" width="100%" height="90px" align="center" style="border-top:0px;">
                     <tbody class="table-tbody" style="background:white" align="center">
                
                     </tbody>
@@ -49,6 +57,8 @@
 <script>
    
     $(document).ready(function() {
+        // 设置滚动表格的高度
+        $("#scrollTable").height($(window).height() - 360);
         // 仅选择日期
         $("#start-time").datetimepicker(
         {

VisualInspection/view/statistics/change_attendance.html

@@ -53,66 +53,71 @@
 
     <div class="table-title"><span id="month_name"></span><span>月份机动人员顶岗明细统计表</span></div>
 
-    <div class="row">
-          
-              <div class="table-head" ><table  width="100%" min-height="190px" align="center" >
-                  <thead>
-                    <tr>
-                        <th rowspan="2" width="45px">序号</th>
-                        <th rowspan="2" width="80px">站名</th>
-                        <th rowspan="2" width="90px">姓名</th>
-                        <th rowspan="2" width="80px">岗位</th>
-                        <th rowspan="2" width="80px">工号</th>
-                        <th width="80px">日期</th>
-                        <th  rowspan="2">26</th>
-                        <th  rowspan="2">27</th>
-                        <th  rowspan="2">28</th>
-                        <th class="m28"  rowspan="2">29</th>
-                        <th class="m28 m29"  rowspan="2">30</th>
-                        <th class="m28 m29 m30"  rowspan="2">31</th>
-                        <th  rowspan="2">01</th>
-                        <th  rowspan="2">02</th>
-                        <th  rowspan="2">03</th>
-                        <th rowspan="2">04</th>
-                        <th  rowspan="2">05</th>
-                        <th  rowspan="2">06</th>
-                        <th  rowspan="2">07</th>
-                        <th rowspan="2">08</th>
-                        <th  rowspan="2">09</th>
-                        <th rowspan="2">10</th>
-                        <th  rowspan="2">11</th>
-                        <th rowspan="2">12</th>
-                        <th  rowspan="2">13</th>
-                        <th  rowspan="2">14</th>
-                        <th  rowspan="2">15</th>
-                        <th  rowspan="2">16</th>
-                        <th  rowspan="2">17</th>
-                        <th  rowspan="2">18</th>
-                        <th  rowspan="2">19</th>
-                        <th  rowspan="2">20</th>
-                        <th  rowspan="2">21</th>
-                        <th  rowspan="2">22</th>
-                        <th  rowspan="2">23</th>
-                        <th  rowspan="2">24</th>
-                        <th  rowspan="2">25</th>
-                        <th  rowspan="2"  width="60px">出勤天数</th>
-                        <th  rowspan="2"  width="60px">在亭时长</th>
-                        <th  rowspan="2"  width="45px">备注</th>
-                    </tr>
-                    <tr> 
-                        <th>班次</th>
-                    </tr>
-                  </thead>
-                  <tbody class="table-tbody" id="ca-a-table" style="background:white" align="center" height="500px">
+    <div class="row">         
+        <div class="table-head" ><table  width="100%" min-height="190px" align="center" >
+            <thead>
+            <tr>
+                <th rowspan="2" width="4%">序号</th>
+                <th rowspan="2" width="4%">站名</th>
+                <th rowspan="2" width="4%">姓名</th>
+                <th rowspan="2" width="4%">岗位</th>
+                <th rowspan="2" width="8%">工号</th>
+                <th width="4%">日期</th>
+                <th  rowspan="2" width="20px">26</th>
+                <th  rowspan="2" width="20px">27</th>
+                <th  rowspan="2" width="20px">28</th>
+                <th class="m28"  rowspan="2" width="20px">29</th>
+                <th class="m28 m29"  rowspan="2" width="20px">30</th>
+                <th class="m28 m29 m30"  rowspan="2" width="20px">31</th>
+                <th  rowspan="2" width="20px">01</th>
+                <th  rowspan="2" width="20px">02</th>
+                <th  rowspan="2" width="20px">03</th>
+                <th rowspan="2" width="20px">04</th>
+                <th  rowspan="2" width="20px">05</th>
+                <th  rowspan="2" width="20px">06</th>
+                <th  rowspan="2" width="20px">07</th>
+                <th rowspan="2" width="20px">08</th>
+                <th  rowspan="2" width="20px">09</th>
+                <th rowspan="2" width="20px">10</th>
+                <th  rowspan="2" width="20px">11</th>
+                <th rowspan="2" width="20px">12</th>
+                <th  rowspan="2" width="20px">13</th>
+                <th  rowspan="2" width="20px">14</th>
+                <th  rowspan="2" width="20px">15</th>
+                <th  rowspan="2" width="20px">16</th>
+                <th  rowspan="2" width="20px">17</th>
+                <th  rowspan="2" width="20px">18</th>
+                <th  rowspan="2" width="20px">19</th>
+                <th  rowspan="2" width="20px">20</th>
+                <th  rowspan="2" width="20px">21</th>
+                <th  rowspan="2" width="20px">22</th>
+                <th  rowspan="2" width="20px">23</th>
+                <th  rowspan="2" width="20px">24</th>
+                <th  rowspan="2" width="20px">25</th>
+                <th  rowspan="2"  width="4%">出勤天数</th>
+                <th  rowspan="2"  width="4%">在亭时长</th>
+                <th  rowspan="2"  width="4%">备注</th>
+            </tr>
+            <tr> 
+                <th>班次</th>
+            </tr>
+            </thead>
+            <!-- <tbody class="table-tbody" id="ca-a-table" style="background:white" align="center" height="500px">
 
-                  </tbody>
-                  </table>
-                </div>
-         
+            </tbody> -->
+            </table>
+        </div>
+        <div id="scrollTable" style="height:300px;overflow:scroll;margin-right:-10px;">
+            <table style="border-top:0px;" border="1" width="100%"  align="center">
+                <tbody class="table-tbody" id="ca-a-table"  style="background:white; " align="center">
+                </tbody>
+            </table>
+        </div>
     </div>
 </div>
 <script>
     $(document).ready(function() {
-
+        // 设置滚动表格的高度
+        $("#scrollTable").height($(window).height() - 360);
     });
 </script>

VisualInspection/view/statistics/change_work.html

@@ -63,30 +63,37 @@
 
     <div class="row">
           
-              <div class="table-head" ><table  width="100%" min-height="190px" align="center" >
-                  <thead>
-                    <tr>
-                        <th  width="80px">序号</th>
-                        <th width="120px">站名</th>
-                        <th  width="120px">姓名</th>
-                        <th  width="120px">岗位</th>
-                        <th>夜</th>
-                        <th>早</th>
-                        <th>中</th>
-                        <th  min-width="120px">合计</th>
-                        <th   >备注</th>
-                    </tr>
-                  </thead>
-                  <tbody class="table-tbody" style="background:white" align="center" height="500px">
+        <div class="table-head" ><table  width="100%" min-height="190px" align="center" >
+            <thead>
+            <tr>
+                <th  width="8%">序号</th>
+                <th  width="16%">站名</th>
+                <th  width="16%">姓名</th>
+                <th  width="16%">岗位</th>
+                <th>夜</th>
+                <th>早</th>
+                <th>中</th>
+                <th  width="16%">合计</th>
+                <th  width='16%'>备注</th>
+            </tr>
+            </thead>
+            <!-- <tbody class="table-tbody" style="background:white" align="center" height="500px">
 
-                  </tbody>
-                  </table>
-                </div>
-         
+            </tbody> -->
+            </table>
+        </div>
+        <div id="scrollTable" style="height:300px;overflow:scroll;margin-right:-10px;">
+            <table style="border-top:0px;" border="1" width="100%"  align="center">
+                <tbody class="table-tbody" style="background:white; " align="center">
+                </tbody>
+            </table>
+        </div>  
     </div>
 </div>
 <script>
     $(document).ready(function() {
+        // 设置滚动表格的高度
+        $("#scrollTable").height($(window).height() - 360);
         // 仅选择日期 开始 ，结束时间
         $("#start-time,#end-time").datetimepicker(
         {

VisualInspection/view/statistics/common_attendance.html

@@ -54,65 +54,70 @@
     <div class="table-title"><span id="month_name"></span><span>月份正常出勤明细统计表</span></div>
 
     <div class="row">
-          
-              <div class="table-head" ><table  width="100%" min-height="190px" align="center" >
-                  <thead>
-                    <tr>
-                        <th rowspan="2" width="45px">序号</th>
-                        <th rowspan="2" width="80px">站名</th>
-                        <th rowspan="2" width="90px">姓名</th>
-                        <th rowspan="2" width="80px">岗位</th>
-                        <th rowspan="2" width="80px">工号</th>
-                        <th width="80px">日期</th>
-                        <th  rowspan="2">26</th>
-                        <th  rowspan="2">27</th>
-                        <th  rowspan="2">28</th>
-                        <th class="m28"  rowspan="2">29</th>
-                        <th class="m28 m29"  rowspan="2">30</th>
-                        <th class="m28 m29 m30"  rowspan="2">31</th>
-                        <th  rowspan="2">01</th>
-                        <th  rowspan="2">02</th>
-                        <th  rowspan="2">03</th>
-                        <th rowspan="2">04</th>
-                        <th  rowspan="2">05</th>
-                        <th  rowspan="2">06</th>
-                        <th  rowspan="2">07</th>
-                        <th rowspan="2">08</th>
-                        <th  rowspan="2">09</th>
-                        <th rowspan="2">10</th>
-                        <th  rowspan="2">11</th>
-                        <th rowspan="2">12</th>
-                        <th  rowspan="2">13</th>
-                        <th  rowspan="2">14</th>
-                        <th  rowspan="2">15</th>
-                        <th  rowspan="2">16</th>
-                        <th  rowspan="2">17</th>
-                        <th  rowspan="2">18</th>
-                        <th  rowspan="2">19</th>
-                        <th  rowspan="2">20</th>
-                        <th  rowspan="2">21</th>
-                        <th  rowspan="2">22</th>
-                        <th  rowspan="2">23</th>
-                        <th  rowspan="2">24</th>
-                        <th  rowspan="2">25</th>
-                        <th  rowspan="2"  width="60px">出勤天数</th>
-                        <th  rowspan="2"  width="60px">在亭时长</th>
-                        <th  rowspan="2"  width="45px">备注</th>
-                    </tr>
-                    <tr> 
-                        <th>班次</th>
-                    </tr>
-                  </thead>
-                  <tbody class="table-tbody" id="c-a-tbody" style="background:white" align="center" height="500px">
+        <div class="table-head" ><table  width="100%" min-height="190px" align="center" >
+            <thead>
+            <tr>
+                <th rowspan="2" width="4%">序号</th>
+                <th rowspan="2" width="4%">站名</th>
+                <th rowspan="2" width="4%">姓名</th>
+                <th rowspan="2" width="4%">岗位</th>
+                <th rowspan="2" width="8%">工号</th>
+                <th width="4%">日期</th>
+                <th  rowspan="2" width="20px">26</th>
+                <th  rowspan="2" width="20px">27</th>
+                <th  rowspan="2" width="20px">28</th>
+                <th class="m28" rowspan="2" width="20px">29</th>
+                <th class="m28 m29" rowspan="2" width="20px">30</th>
+                <th class="m28 m29 m30" rowspan="2" width="20px">31</th>
+                <th  rowspan="2" width="20px">01</th>
+                <th  rowspan="2" width="20px">02</th>
+                <th  rowspan="2" width="20px">03</th>
+                <th rowspan="2" width="20px">04</th>
+                <th  rowspan="2" width="20px">05</th>
+                <th  rowspan="2" width="20px">06</th>
+                <th  rowspan="2" width="20px">07</th>
+                <th rowspan="2" width="20px">08</th>
+                <th  rowspan="2" width="20px">09</th>
+                <th rowspan="2" width="20px">10</th>
+                <th  rowspan="2" width="20px">11</th>
+                <th rowspan="2" width="20px">12</th>
+                <th  rowspan="2" width="20px">13</th>
+                <th  rowspan="2" width="20px">14</th>
+                <th  rowspan="2" width="20px">15</th>
+                <th  rowspan="2" width="20px">16</th>
+                <th  rowspan="2" width="20px">17</th>
+                <th  rowspan="2" width="20px">18</th>
+                <th  rowspan="2" width="20px">19</th>
+                <th  rowspan="2" width="20px">20</th>
+                <th  rowspan="2" width="20px">21</th>
+                <th  rowspan="2" width="20px">22</th>
+                <th  rowspan="2" width="20px">23</th>
+                <th  rowspan="2" width="20px">24</th>
+                <th  rowspan="2" width="20px">25</th>
+                <th  rowspan="2"  width="4%">出勤天数</th>
+                <th  rowspan="2"  width="4%">在亭时长</th>
+                <th  rowspan="2"  width="3%">备注</th>
+            </tr>
+            <tr> 
+                <th>班次</th>
+            </tr>
+            </thead>
+            <!-- <tbody class="table-tbody" id="c-a-tbody" style="background:white" align="center" height="500px">
 
-                  </tbody>
-                  </table>
-                </div>
-         
+            </tbody> -->
+            </table>
+        </div>
+        <div id="scrollTable" style="height:300px;overflow:scroll;margin-right:-10px;">
+            <table style="border-top:0;" border="1" width="100%"  align="center">
+                <tbody class="table-tbody" id="c-a-tbody"  style="background:white; " align="center">
+                </tbody>
+            </table>
+        </div>        
     </div>
 </div>
 <script>
     $(document).ready(function() {
-
+        // 设置滚动表格的高度
+        $("#scrollTable").height($(window).height() - 360);
     });
 </script>

VisualInspection/view/statistics/common_work.html

@@ -58,32 +58,39 @@
 
     <div class="table-title"><span id="month_name"></span><span>正常在岗人员出勤统计</span></div>
 
-    <div class="row">
-          
-              <div class="table-head" ><table  width="100%" min-height="190px" align="center" >
-                  <thead>
-                    <tr>
-                        <th  width="80px">序号</th>
-                        <th  width="160px">站名</th>
-                        <th  width="160px">姓名</th>
-                        <th  width="160px">岗位</th>
-                        <th>夜</th>
-                        <th>早</th>
-                        <th>中</th>
-                        <th  min-width="160px">合计</th>
-                        <th  >备注</th>
-                    </tr>
-                  </thead>
-                  <tbody class="table-tbody" style="background:white" align="center" height="500px">
+    <div class="row">        
+        <div class="table-head">
+            <table  width="100%" min-height="190px" align="center">
+            <thead>
+            <tr>
+                <th  width="8%">序号</th>
+                <th  width="16%">站名</th>
+                <th  width="16%">姓名</th>
+                <th  width="16%">岗位</th>
+                <th>夜</th>
+                <th>早</th>
+                <th>中</th>
+                <th  width="16%">合计</th>
+                <th  width='16%'>备注</th>
+            </tr>
+            </thead>
+            <!-- <tbody class="table-tbody" style="background:white" align="center" height="500px">
 
-                  </tbody>
-                  </table>
-                </div>
-         
+            </tbody> -->
+            </table>
+        </div>
+        <div id="scrollTable" style="height:300px;overflow:scroll;margin-right:-10px;">
+            <table style="border-top:0px;" border="1" width="100%"  align="center">
+                <tbody class="table-tbody" style="background:white; " align="center">
+                </tbody>
+            </table>
+        </div> 
     </div>
 </div>
 <script>
     $(document).ready(function() {
+        // 设置滚动表格的高度
+        $("#scrollTable").height($(window).height() - 360);
         // 仅选择日期 开始 ，结束时间
         $("#start-time,#end-time").datetimepicker(
         {

VisualInspection/view/statistics/emp_ranking.html

@@ -83,7 +83,7 @@
                             <th rowspan="2" width="4%">道管排名</th>
                             <th rowspan="2" width="4%">收费站排名</th>
                             <th colspan="9" height="40px">考核扣分</th>
-                            <th rowspan="2" width="4%">受检次数
+                            <th rowspan="2" width="6%">受检次数
                                 <div class="switch switch-inline hidden" id="show_check_div" data-toggle="tooltip" data-placement="right" title="收费站是否显示该列数据">
                                     <input type="checkbox" id="show_check" onchange="show_check_fun()">
                                     <label style="color: #000;" id="show_check_text">显示</label>
@@ -106,41 +106,23 @@
                             <th width="4%">扣分合计</th>
                         </tr>
                     </thead>
-                    <tbody class="table-tbody" style="background:white; " align="center">
+                    <!-- <tbody class="table-tbody" style="background:white; " align="center">
 
-                    </tbody>
+                    </tbody> -->
                 </table>
             </div>
         </div>
-        <!--<div id="scrollTable" style="height:300px;overflow:scroll;">
-                 <table style="border-top:0;" border="1" width="100%"  align="center">
-                    <thead class="table-thead" style="height:0;" align="center">
-                        <tr style="display:none;">
-                            <th rowspan="2" width="4%;">序号</th><th rowspan="2" width="6%">站名</th>
-                            <th rowspan="2" width="6%">姓名</th><th rowspan="2" width="6%">岗位</th>
-                            <th rowspan="2" width="7%">工号</th><th rowspan="2" width="4%">公司排名</th>
-                            <th rowspan="2" width="4%">道管排名</th><th rowspan="2" width="4%">收费站排名</th>
-                            <th colspan="9" height="40px">考核扣分</th><th rowspan="2" width="4%">受检次数</th>
-                            <th rowspan="2" width="4%">平均扣分（千分制）</th><th rowspan="2" width="4%">得分</th>
-                            <th rowspan="2" width="4%">服务评价</th><th rowspan="2" width="4%">备注</th>
-                        </tr>
-                        <tr style="display:none;">
-                            <th width="4%">环境卫生</th><th width="4%">仪容仪表</th><th width="4%">表情</th>
-                            <th width="4%">收费动作</th><th width="4%">文明用语</th><th width="4%">工作纪律</th>
-                            <th width="4%">便民服务</th><th width="4%">安全管理</th>
-                            <th width="4%">扣分合计</th>
-                        </tr>
-                    </thead>
-                    <tbody class="table-tbody" style="background:white; " align="center">
+        <div id="scrollTable" style="height:300px;overflow:scroll;">
+                <table style="border-top:0;" border="1" width="100%"  align="center">
+                <tbody class="table-tbody" style="background:white; " align="center">
 
-                    </tbody>
-                 </table>
-            </div>-->
+                </tbody>
+                </table>
+        </div>
     </div>
 </div>
 <script>
     $(document).ready(function() {
-
         // 设置滚动表格的高度
         $("#scrollTable").height($(window).height() - 360);