Нет описания

superviseReport.html 6.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189
  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. <script src="../Script/Common/huayi.load.js"></script>
  8. <script src="../Script/Common/huayi.config.js"></script>
  9. <link rel="stylesheet" href="../css/WorkOrder/Search.css" />
  10. <link rel="stylesheet" href="../css/init.css" />
  11. <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
  12. <script src="../js/laydate/laydate.js"></script>
  13. <script src="../js/zTree/jquery.ztree.core.js"></script>
  14. <style>
  15. table td {
  16. word-break: break-all;
  17. word-wrap: break-word;
  18. }
  19. .Shows {
  20. display: block !important;
  21. }
  22. .complain {
  23. display: none;
  24. }
  25. .toolLeft input {
  26. width: 200px;
  27. }
  28. th {
  29. padding: 5px;
  30. text-align: center;
  31. }
  32. td {
  33. padding: 5px;
  34. }
  35. .Borders {
  36. border: 1px solid #d7d7d7;
  37. }
  38. .daoHang {
  39. margin-bottom: 15px;
  40. }
  41. .Content_box .title {
  42. font-size: 24px;
  43. text-align: center;
  44. }
  45. .Content_box h5 {
  46. font-size: 16px;
  47. text-align: center;
  48. }
  49. .select {
  50. width: 200px;
  51. height: 32px;
  52. border: 1px solid rgb(229, 230, 231);
  53. }
  54. .footerDataStatistics {
  55. /* padding: 0 0 0 20px; */
  56. margin: 10px 0 0 10px;
  57. font-size: 18px;
  58. }
  59. </style>
  60. </head>
  61. <body class="gray-bg">
  62. <div class="wrapper wrapper-content animated fadeInRight">
  63. <div class="daoHang clearfix">
  64. <div class="dhLeft">
  65. <sapn>
  66. <i class="syIcon"></i>位置:
  67. <a href="javaScript:;" id="ReIndex">首页</a>&gt;
  68. <a href="javaScript:;">业务统计</a>&gt;
  69. <a href="" class="nowPosition">督办报表</a>
  70. </sapn>
  71. </div>
  72. <div class="dhRight">
  73. <a href="" title="刷新"><i class="fa fa-refresh"></i></a>
  74. </div>
  75. </div>
  76. <div class="Content_box">
  77. <div class="complain Shows">
  78. <div class="toolBar clearfix">
  79. <div class="toolLeft">
  80. 开始日期:
  81. <input class="photo x-color inputs laydate-icon" type="text" id="squeryTime"
  82. autocomplete="off" />
  83. 结束时间:
  84. <input class="photo x-color inputs laydate-icon" type="text" id="equeryTime"
  85. autocomplete="off" />
  86. <button class="btns search_1">查询</button>
  87. <!-- <a class="btns" id="exportPublicSentiments">导出</a> -->
  88. </div>
  89. </div>
  90. <div style="width: 100%;padding: 10px;">
  91. <table id="workorderlist" class="tables" data-row-style="rowStyle" data-query-params="queryParams"
  92. data-pagination="true">
  93. <thead>
  94. <tr>
  95. <th data-field="" data-formatter="serialNumber" data-align="center">序号</th>
  96. <th data-field="name" data-align="center">人员</th>
  97. </th>
  98. <th data-field="Checkcount" data-align="center">督办查收量</th>
  99. <th data-field="returncount" data-align="center">督办派单量</th>
  100. <th data-field="distribute" data-align="center">督办退回量</th>
  101. <th data-field="Closecount" data-align="center">督办结案量</th>
  102. <th data-field="upcomingcount" data-align="center">督办待办量</th>
  103. </tr>
  104. </thead>
  105. </table>
  106. </div>
  107. </div>
  108. </div>
  109. </div>
  110. <script>
  111. $(document).ready(function () {
  112. laydate.render({
  113. elem: '#squeryTime',
  114. theme: '#00a1cb',
  115. type: 'date'
  116. });
  117. laydate.render({
  118. elem: '#equeryTime',
  119. theme: '#00a1cb',
  120. type: 'date'
  121. });
  122. initTable();
  123. });
  124. //表格
  125. function initTable() {
  126. $.ajax({
  127. url: huayi.config.callcenter_url + 'WorkOrderReport/GetDBReportform',
  128. type: 'get',
  129. data: {
  130. starttime: $('#squeryTime').val(),
  131. endtime: $('#equeryTime').val(),
  132. source: $("#source").val(),
  133. token: $.cookie("token")
  134. },
  135. dataType: "json",
  136. async: true,
  137. success: function (returnValue) {
  138. var resultData = returnValue.obj1;
  139. resultData[0].upcomingcount = returnValue.total[0].Column1;
  140. $('#workorderlist').bootstrapTable('load', resultData);
  141. $('#workorderlist').bootstrapTable('mergeCells', {index: 0, field: 'upcomingcount', colspan: 0, rowspan: resultData.length});
  142. }
  143. });
  144. $('#workorderlist').bootstrapTable('destroy').bootstrapTable({
  145. striped: true,
  146. pagination: false,
  147. });
  148. }
  149. //搜索
  150. $(".search_1").click(function () {
  151. initTable();
  152. });
  153. //编号
  154. function serialNumber(val, row, index) {
  155. return index + 1;
  156. }
  157. //导出
  158. $('#exportPublicSentiments').click(function () {
  159. dcexcelDispath(this);
  160. });
  161. function dcexcelDispath(obj) {
  162. var starttime = $('#squeryTime').val()
  163. var endtime = $('#equeryTime').val()
  164. var url = huayi.config.callcenter_url + "WorkOrderReport/GetDBReportform?token=" + $.cookie("token");
  165. url += "&starttime=" + starttime + "&endtime=" + endtime + "&isdc=true";
  166. obj.href = url;
  167. }
  168. </script>
  169. </body>
  170. </html>