清障查询样式

VisualInspection/view/statistics/wrecker.html

@@ -2,18 +2,21 @@
 <link rel="stylesheet" type="text/css" href="/css/statistics/assess_situation.css?__inline">
 <div class="container-fluid ">
     <div class="form-div">
-        <form  class="form-horizontal">
+        <form class="form-horizontal">
             <div class="form-group">
-                <div class="from-label"><label>查询日期</label></div>
-                <div class="col-sm-2">
-                    <input type="text" id="start-time" class="form-control form-date" placeholder="开始日期">
-                </div>
-                <div class="col-sm-2">
-                    <input type="text" id="end-time" class="form-control form-date" placeholder="结束日期">
-                </div>
-                <div class="col-sm-1">
-                    <button class="btn btn-primary " type="button" onclick="queryTypeClick()">查询</button>
+                <div class="from-label">
+                    <div class="col-sm-1" style="width: 80px;line-height: 30px;"><label>查询日期</label></div>
+                    <div class="col-sm-2">
+                        <input type="text" id="start-time" class="form-control form-date" placeholder="开始日期">
+                    </div>
+                    <div class="col-sm-2">
+                        <input type="text" id="end-time" class="form-control form-date" placeholder="结束日期">
+                    </div>
+                    <div class="col-sm-1">
+                        <button class="btn btn-primary " type="button" onclick="queryTypeClick()">查询</button>
+                    </div>
                 </div>
+
                 <!--<div class="col-sm-1">
                     <button class="btn btn-primary " type="button" onclick="exportExcel()" >导出Excel</button>
                 </div>-->
@@ -23,24 +26,28 @@
     <div class="table-title"><span>清障队检查情况汇总表</span></div>
 
     <div class="row">
-          <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>
+        <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="3" width="5%">序号</th>
-                        <th rowspan="3" width="10%">单位</th>
-                        <th rowspan="3" width="5%">岗位人数</th>
-                        <th rowspan="3" width="5%">受检人数</th>
-                        <th colspan="10" height="30px">存在问题扣分详情</th>
-                        <th rowspan="3" width="5%" >扣分合计</th>
-                        <th rowspan="3" width="8%">平均得分</th>
-                        <th rowspan="3" width="7%">备注</th>
+                            <th rowspan="3" width="5%">序号</th>
+                            <th rowspan="3" width="10%">单位</th>
+                            <th rowspan="3" width="5%">岗位人数</th>
+                            <th rowspan="3" width="5%">受检人数</th>
+                            <th colspan="10" height="30px">存在问题扣分详情</th>
+                            <th rowspan="3" width="5%">扣分合计</th>
+                            <th rowspan="3" width="8%">平均得分</th>
+                            <th rowspan="3" width="7%">备注</th>
                         </tr>
-                        <tr> 
-                        <th  height="30px;" colspan="2">中心实时检查</th><th colspan="2">视频稽查</th><th colspan="2">第三方暗访</th>
-                        <th colspan="2" width="54px">现场检查</th><th colspan="2" width="54px">其他</th>
+                        <tr>
+                            <th height="30px;" colspan="2">中心实时检查</th>
+                            <th colspan="2">视频稽查</th>
+                            <th colspan="2">第三方暗访</th>
+                            <th colspan="2" width="54px">现场检查</th>
+                            <th colspan="2" width="54px">其他</th>
                         </tr>
-                        <tr> 
+                        <tr>
                             <th width="5%" height="30px;">受检次数</th>
                             <th width="5%">扣分</th>
                             <th width="5%">受检次数</th>
@@ -52,30 +59,30 @@
                             <th width="5%">受检次数</th>
                             <th width="5%">扣分</th>
                         </tr>
-                 </thead>
-                </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;">
+                    </thead>
+                </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>
-                  </table></div>
-          </div>
+                </table>
+            </div>
+        </div>
     </div>
 </div>
 <script>
-   
     $(document).ready(function() {
         // 设置滚动表格的高度
         $("#scrollTable").height($(window).height() - 360);
         // 仅选择日期
-        $("#start-time,#end-time").datetimepicker(
-        {
-            language:  "zh-CN",
+        $("#start-time,#end-time").datetimepicker({
+            language: "zh-CN",
             weekStart: 1,
-            todayBtn:  1,
+            todayBtn: 1,
             autoclose: 1,
             todayHighlight: 1,
             startView: 2,