No Description

reportComprehensive.html 10KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253
  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="../js/jquery.min.js?v=2.1.4"></script>
  8. <script src="../Script/Common/huayi.load.js"></script>
  9. <script src="../Script/Common/huayi.config.js"></script>
  10. <link href="../css/WorkOrder/Search.css" rel="stylesheet">
  11. <link href="../css/init.css" rel="stylesheet" />
  12. <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
  13. <link rel="stylesheet" href="./css/reportCommon.css" />
  14. <script src="../js/laydate/laydate.js"></script>
  15. <script src="../js/zTree/jquery.ztree.core.js"></script>
  16. <style>
  17. #main1 {
  18. width: 788.8px;
  19. margin: 0 auto;
  20. -webkit-box-shadow: 1px 1px 9px 2px #D2D2D2;
  21. box-shadow: 1px 1px 9px 2px #D2D2D2;
  22. background-color: #fff;
  23. padding: 30px 60px 80px 60px;
  24. }
  25. .alignC {
  26. text-align: center;
  27. }
  28. .alignC h2 {
  29. font-family: "宋体";
  30. font-weight: bold;
  31. font-size: 22pt;
  32. letter-spacing: -1px;
  33. }
  34. .contentAlign{
  35. line-height: 38px;
  36. }
  37. .contentAlign p{
  38. font-size: 16px;
  39. text-indent: 2em;
  40. }
  41. .contentAlign p span{
  42. text-decoration: underline;
  43. padding: 0 5px;
  44. }
  45. </style>
  46. <style media="print">
  47. /*设置打印样式 标题宋体加黑二号*/
  48. .headerAlign h2 {
  49. font-family: "宋体" !important;
  50. font-weight: bold !important;
  51. font-size: 22pt !important;
  52. letter-spacing: -1px !important;
  53. }
  54. #main1 {
  55. padding: 40px 0 0 0 !important;
  56. }
  57. .contentAlign p {
  58. font-size: 16pt !important;
  59. font-family: "仿宋" !important;
  60. border-color: #000;
  61. color: #000;
  62. line-height: 38px;
  63. /*page-break-after:avoid !important;*/
  64. }
  65. @page {
  66. size: A4 portrait;
  67. }
  68. </style>
  69. </head>
  70. <body class="gray-bg">
  71. <div class="wrapper wrapper-content animated fadeInRight">
  72. <div class="daoHang clearfix">
  73. <div class="dhLeft">
  74. <sapn>
  75. <i class="syIcon"></i>位置:
  76. <a href="javaScript:;" id="ReIndex">首页</a>&gt;
  77. <a href="javaScript:;">报表管理</a>&gt;
  78. <a href="" class="nowPosition">综合统计简报</a>
  79. </sapn>
  80. </div>
  81. <div class="dhRight">
  82. <a href="" title="刷新"><i class="fa fa-refresh"></i></a>
  83. </div>
  84. </div>
  85. <div class="Content_box">
  86. <div class="complain Shows">
  87. <div class="toolBar clearfix">
  88. <div class="toolLeft">
  89. 开始日期:
  90. <input class="photo x-color inputs laydate-icon" type="text" id="squeryTime" autocomplete="off" />
  91. 类型:
  92. <select class="select" id="dateType">
  93. <option value="0">日</option>
  94. <option value="1">周</option>
  95. <option value="2">月</option>
  96. <option value="3">年</option>
  97. </select>
  98. <button class="btns search_1">查询</button>
  99. </div>
  100. </div>
  101. <!--startprint1-->
  102. <div id="main1">
  103. <div class="alignC headerAlign">
  104. <br />
  105. <h2 style="margin-bottom: 15px;">安阳市12345政务服务热线话务量报表</h2>
  106. </div>
  107. <div class="contentAlign">
  108. <p>
  109. 12345热线共呼入<span class="callin">0</span>个,
  110. 环比增长<span>0</span>%,
  111. 接通<span>0</span>个,
  112. 环比增长<span>0</span>%,
  113. 接通率<span>0</span>%;
  114. 其中,话务直接答复<span>0</span>件,
  115. 环比增长<span>0</span>%,
  116. 转办工单<span>0</span>件,
  117. 环比增长<span>0</span>%。
  118. </p>
  119. <p>工单总量<span>0</span>件,
  120. 其中,话务工单<span>0</span>件,
  121. 市长信箱<span>0</span>件、
  122. 连线政府<span>0</span> 件、
  123. 人民网<span>0</span>件、
  124. 中国政府网<span>0</span>件、
  125. 省政务网<span>0</span>件、
  126. 豫事办APP<span>0</span>件、
  127. 政务服务“好差评”<span>0</span>件、
  128. 微信<span>0</span>件、短信、
  129. 微博<span>0</span>件。
  130. 已办结工单<span>0</span>件,
  131. 办结率<span>0</span>%,
  132. 正在办理中<span>0</span>件;
  133. 群众满意率<span>0</span>%。
  134. 督办重点件<span>0</span>件,
  135. 已办结<span>0</span>件,
  136. 正在办理中<span>0</span>件。
  137. </p>
  138. </div>
  139. </div>
  140. <!--endprint1-->
  141. <div class="alignC" style="margin-top: 15px;">
  142. <input type="button" value="打印" class="btns" id="printBtn1" />
  143. </div>
  144. </div>
  145. </div>
  146. </div>
  147. <script src="./js/reportCommon.js"></script>
  148. <script type="text/javascript">
  149. $(document).ready(function () {
  150. laydate.render({
  151. elem: '#squeryTime',
  152. theme: '#00a1cb',
  153. type: 'date',
  154. });
  155. initTable()
  156. });
  157. //搜索
  158. $(".search_1").click(function () {
  159. initTable();
  160. });
  161. /*打印*/
  162. $(document).on('click', '#printBtn1', {
  163. printPage: 1
  164. }, preview);
  165. function preview(e) {
  166. var oper = e.data.printPage;
  167. if (oper < 5) {
  168. bdhtml = window.document.body.innerHTML; //获取当前页的html代码
  169. sprnstr = "<!--startprint" + oper + "-->"; //设置打印开始区域
  170. eprnstr = "<!--endprint" + oper + "-->"; //设置打印结束区域
  171. prnhtml = bdhtml.substring(bdhtml.indexOf(sprnstr) + 18); //从开始代码向后取html
  172. print.portrait = true; //纵向打印
  173. prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr)); //从结束代码向前取html
  174. window.document.body.innerHTML = prnhtml;
  175. window.print();
  176. window.document.body.innerHTML = bdhtml;
  177. } else {
  178. window.print();
  179. }
  180. }
  181. //表格
  182. function initTable() {
  183. var dataParams = {
  184. time: $('#squeryTime').val(),
  185. type: $('#dateType').val(),
  186. token: $.cookie("token")
  187. }
  188. exportParams = dataParams
  189. $.ajax({
  190. url: huayi.config.callcenter_url + 'WorkOrderReport/Dimension',
  191. type: 'get',
  192. data: dataParams,
  193. dataType: "json",
  194. async: true,
  195. success: function (returnValue) {
  196. //异步获取数据
  197. //debugger;
  198. var resultData = returnValue.data;
  199. if (resultData) {
  200. console.log(resultData)
  201. $(".contentAlign").html('')
  202. var resultHtml = '<p>12345热线共呼入<span>'+resultData['呼入']+
  203. '</span>个,环比增长'+resultData['呼入环比']+
  204. '</span>,接通<span>'+resultData['接通']+
  205. '</span>个,环比增长<span>'+resultData['接通环比']+
  206. '</span>,接通率<span>'+resultData['接通率']+
  207. '</span>;其中,话务直接答复<span>'+resultData['直办']+
  208. '</span>件,环比增长<span>'+resultData['直办环比']+
  209. '</span>,转办工单<span>'+resultData['转办']+
  210. '</span>件,环比增长<span>'+resultData['转办环比']+
  211. '</span>,</p><p>工单总量<span>'+resultData['工单总量']+
  212. '</span>件,其中,话务工单<span>'+resultData['话务工单']+
  213. '</span>件,市长信箱<span>'+resultData['市长信箱']+
  214. '</span>件、连线政府<span>'+resultData['连线政府']+
  215. '</span>件、人民网<span>'+resultData['人民网']+
  216. '</span>件、中国政府网<span>'+resultData['中国政府网']+
  217. '</span>件、省政务网<span>'+resultData['省政务网']+
  218. '</span>件、豫事办APP<span>'+resultData.app+
  219. '</span>件、政务服务“好差评”<span>'+resultData['好差评']+
  220. '</span>件、微信<span>'+resultData['微信']+
  221. '</span>件、短信、微博<span>'+resultData['微博']+
  222. '</span>件。已办结工单<span>'+resultData['已办结']+
  223. '</span>件,办结率<span>'+resultData['办结率']+
  224. '</span>,正在办理中<span>'+resultData['正在办理']+
  225. '</span>件;群众满意率<span>'+resultData['正在办理']+
  226. '</span>。督办办理<span>'+resultData['督办办理']+
  227. '</span>件,已办结<span>'+resultData['督办办结']+
  228. '</span>件,已办结<span>'+resultData['已办结']+
  229. '</span>件,正在办理中<span>'+resultData['正在办理']+
  230. '</span>件。</p>'
  231. $(".contentAlign").append(resultHtml);
  232. }
  233. }
  234. });
  235. }
  236. </script>
  237. </body>
  238. </html>