qzd_check_statistics.html 3.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. <!--服务区-营运管理综合检查情况统计-->
  2. <script src="/qzd/js/statistics/qzd_check_statistics.js"></script>
  3. <link rel="stylesheet" type="text/css" href="/css/statistics/assess_situation.css?__inline">
  4. <div class="container-fluid ">
  5. <div class="form-div">
  6. <form class="form-horizontal">
  7. <div class="form-group">
  8. <div class="from-label"><label>查询日期</label></div>
  9. <div class="col-sm-2">
  10. <input type="text" id="start-time" class="form-control form-date" placeholder="选择月份">
  11. </div>
  12. <!-- <div class="col-sm-2">
  13. <input type="text" id="end-time" class="form-control form-date" placeholder="结束日期">
  14. </div> -->
  15. <div class="col-sm-1">
  16. <button class="btn btn-primary " type="button" onclick="queryTypeClick()">查询</button>
  17. </div>
  18. <div class="col-sm-1">
  19. <button class="btn btn-primary " type="button" onclick="exportExcel()">导出Excel</button>
  20. </div>
  21. </div>
  22. </form>
  23. </div>
  24. <div class="table-title"><span>运营管理综合检查情况统计表</span></div>
  25. <div class="row">
  26. <!-- 使用一个div来显示数据表格 -->
  27. <div class="datatable" data-checkable="false" data-sortable="false" style="margin-bottom:0px;">
  28. <div class="table-head">
  29. <table border="1" width="100%" height="90px" align="center">
  30. <thead>
  31. <tr style="height: 40px;">
  32. <!--<th rowspan="3" width="6%">排名</th><th rowspan="3" width="6%">道管</th>-->
  33. <th width="12.5%">序号</th>
  34. <!--<th rowspan="3" width="6%">道管内排名</th>-->
  35. <th width="12.5%">清障队</th>
  36. <th width="12.5%">出警次数</th>
  37. <th width="12.5%">受捡次数</th>
  38. <th width="12.5%">放空次数</th>
  39. <!-- <th colspan="4" width="24%" height="40px">温馨服务</th> -->
  40. <th width="12.5%">未上传视频(图片)数量</th>
  41. <th width="12.5%">上传图片数量</th>
  42. <th width="12.5%">备注</th>
  43. </tr>
  44. </thead>
  45. <!-- <tbody class="table-tbody" style="background:white" align="center">
  46. </tbody> -->
  47. </table>
  48. </div>
  49. </div>
  50. <div id="scrollTable" style="height:300px;overflow:scroll;margin-right:-10px;">
  51. <div class="table-head" style="margin:0px;">
  52. <table border="1" width="100%" height="90px" align="center" style="border-top:0px;">
  53. <tbody class="table-tbody" style="background:white" align="center">
  54. </tbody>
  55. </table>
  56. </div>
  57. </div>
  58. </div>
  59. </div>
  60. <script>
  61. $(document).ready(function() {
  62. // 设置滚动表格的高度
  63. $("#scrollTable").height($(window).height() - 360);
  64. // 仅选择日期
  65. $.jeDate("#start-time", {
  66. isinitVal: true,
  67. format: 'YYYY/MM' // 分隔符可以任意定义,该例子表示只显示年月
  68. });
  69. $("#start-time").val(getCurrentTimeFormat());
  70. initQueryType();
  71. });
  72. </script>