assess_situation.html 3.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. <script src="/js/statistics/assess_situation.js?__inline"></script>
  2. <link rel="stylesheet" type="text/css" href="/css/statistics/assess_situation.css">
  3. <div class="container-fluid ">
  4. <div class="form-div">
  5. <form class="form-horizontal">
  6. <div class="form-group">
  7. <div class="from-label"><label>查询日期</label></div>
  8. <div class="col-sm-3">
  9. <input type="text" id="start-time" class="form-control form-date" placeholder="开始日期">
  10. </div>
  11. <div class="col-sm-4">
  12. <input type="text" id="end-time" class="form-control form-date" placeholder="结束日期">
  13. </div>
  14. <div class="col-sm-5">
  15. <button class="btn btn-primary " type="button" onclick="querySituationClick()">查询</button>
  16. </div>
  17. <div class="col-sm-6">
  18. <button class="btn btn-primary " type="button" onclick="exportExcel()" >导出Excel</button>
  19. </div>
  20. </div>
  21. </form>
  22. </div>
  23. <div class="table-title"><span>温馨服务检查千分考核扣分情况汇总表</span></div>
  24. <div class="row">
  25. <!-- 使用一个div来显示数据表格 -->
  26. <div class="datatable" data-checkable="false" data-sortable="false">
  27. <div class="table-head" ><table border="1" width="100%" height="90px" align="center" class="a">
  28. <thead>
  29. <tr>
  30. <th rowspan="2" width="110px">道管</th><th rowspan="2" width="80px">道管内排名</th><th rowspan="2" width="90px">站名</th>
  31. <th rowspan="2" width="80px">收费值机人数</th><th rowspan="2" width="80px">受检人数</th>
  32. <th rowspan="2" width="80px">受检次数</th><th colspan="6" height="40px">扣分情况</th><th rowspan="2" width="85px">平均得分(千分)</th>
  33. </tr>
  34. <tr>
  35. <th width="80px">满分(人)</th><th width="80px">≤15分(人)</th><th width="80px">≤50分(人)</th>
  36. <th width="80px">>50分(人)</th><th width="80px">总扣分(分)</th><th width="80px">平均每人次扣分(分)</th>
  37. </tr>
  38. </thead>
  39. <tbody class="table-tbody" style="background:white" align="center" height="500px">
  40. </tbody>
  41. </table></div>
  42. </div>
  43. </div>
  44. </div>
  45. <script>
  46. $(document).ready(function() {
  47. // 仅选择日期
  48. $("#start-time").datetimepicker(
  49. {
  50. language: "zh-CN",
  51. weekStart: 1,
  52. todayBtn: 1,
  53. autoclose: 1,
  54. todayHighlight: 1,
  55. startView: 2,
  56. minView: 2,
  57. forceParse: 0,
  58. format: "yyyy-mm-dd"
  59. });
  60. // 仅选择日期
  61. $("#end-time").datetimepicker(
  62. {
  63. language: "zh-CN",
  64. weekStart: 1,
  65. todayBtn: 1,
  66. autoclose: 1,
  67. todayHighlight: 1,
  68. startView: 2,
  69. minView: 2,
  70. forceParse: 0,
  71. format: "yyyy-mm-dd"
  72. });
  73. initQuerySituation();
  74. });
  75. </script>