Нет описания

SafetyTable.html 3.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>不安全信息统计表</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <link href="../css/init.css" rel="stylesheet" />
  8. <script src="../Script/Common/huayi.load.js"></script>
  9. <script src="../Script/Common/huayi.config.js"></script>
  10. <link href="../css/Table/table1.css" rel="stylesheet" />
  11. <script src="../js/laydate/laydate.js"></script>
  12. <style>
  13. .LY:hover {
  14. color: #fff;
  15. }
  16. .LY:active {
  17. color: #fff!important;
  18. }
  19. #Task thead tr th {
  20. color: #fff;
  21. background-color: #1ab394;
  22. text-align: center;
  23. }
  24. .sc_btn {
  25. line-height: 34px;
  26. }
  27. </style>
  28. </head>
  29. <body class="gray-bg">
  30. <div class="wrapper wrapper-content animated fadeInRight">
  31. <div class="daoHang clearfix">
  32. <div class="dhLeft">
  33. <sapn><i class="syIcon"></i>位置:
  34. <a id="ReIndex">首页</a>&gt;
  35. <a href="javaScript:;">外呼管理</a>&gt;
  36. <a href="" style="color: #000;">不安全信息统计表</a>
  37. </sapn>
  38. </div>
  39. </div>
  40. <div class="th-box">
  41. <div class="th-bar">
  42. <div class="seach-box fr">
  43. <ul>
  44. <li>
  45. <label for="">起止时间:</label>
  46. <input type="text" id="ss_kssj" class="photo laydate-icon" />
  47. </li>
  48. <li>
  49. <a class="sc_btn seach">搜索</a>
  50. </li>
  51. <li>
  52. <a class="sc_btn export">导出</a>
  53. </li>
  54. </ul>
  55. </div>
  56. </div>
  57. </div>
  58. <div style="width: 100%;padding: 10px;">
  59. <div class="table-head">
  60. <table id="Task" class="table table-hover table-striped table-bordered table-condensed">
  61. <thead>
  62. <tr>
  63. <th data-field="xiangzhen" data-align="center">乡镇</th>
  64. <th data-field="dianhua" data-align="center"> 电话</th>
  65. <th data-field="zhiye" data-align="center"> 职业</th>
  66. <th data-field="yuanyin" data-align="center">原因</th>
  67. </tr>
  68. </thead>
  69. </table>
  70. </div>
  71. </div>
  72. </div>
  73. <script>
  74. $(document).ready(function() {
  75. laydate.render({
  76. elem: '#ss_kssj',
  77. range: '~',
  78. value: helper.DateFormat.getNowDate() + ' ~ ' + helper.DateFormat.getNowDate(),
  79. calendar: true,
  80. theme: '#1ab394',
  81. });
  82. IndexCategoryGe();
  83. $(".seach").click(function() {
  84. IndexCategoryGe();
  85. })
  86. //$('#ReIndex').click(function(){
  87. //top.home_index();
  88. //})
  89. })
  90. //问卷列表
  91. function IndexCategoryGe() {
  92. $.ajax({
  93. url: huayi.config.callcenter_url + 'Questionnaire/GetUnsafeInfo',
  94. type: 'get',
  95. data: {
  96. startdate: $("#ss_kssj").val() && $("#ss_kssj").val().split(' ~ ')[0],
  97. enddate: $("#ss_kssj").val() && $("#ss_kssj").val().split(' ~ ')[1],
  98. token: $.cookie("token")
  99. },
  100. dataType: "json",
  101. async: true,
  102. success: function(returnValue) {
  103. //异步获取数据
  104. //console.log(returnValue);
  105. var resultData1 = returnValue.data;
  106. //console.log(resultData1);
  107. $('#Task').bootstrapTable('load', resultData1);
  108. }
  109. });
  110. $('#Task').bootstrapTable('destroy').bootstrapTable({
  111. striped: true
  112. });
  113. }
  114. //导出功能
  115. $('.export').click(function() {
  116. // var S= $("#ss_kssj").val();
  117. // var E=$("#ss_jssj").val();
  118. // if(!S&&!E){
  119. // layer.alert("选择时间");
  120. // }else{
  121. dcexcel(this);
  122. // }
  123. })
  124. function dcexcel(obj) {
  125. var url = huayi.config.callcenter_url + "/Questionnaire/GetUnsafeInfoExpt?token=" + $.cookie("token");
  126. url += "&startdate=" + ($("#ss_kssj").val() && $("#ss_kssj").val().split(' ~ ')[0]) + "&enddate=" + ($("#ss_kssj").val() && $("#ss_kssj").val().split(' ~ ')[1]);
  127. obj.href = url;
  128. }
  129. </script>
  130. </body>
  131. </html>