12345市长热线标准版-前端

PrintPreview-1.html 8.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246
  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. <style>
  8. .btn{
  9. background: #00a1cb;
  10. color: #fff;
  11. }
  12. </style>
  13. <script src="../js/jquery.min.js?v=2.1.4"></script>
  14. <script src="../Script/Common/huayi.load.js"></script>
  15. <script src="../Script/Common/huayi.config.js"></script>
  16. <script src="../js/jquery.cookie.js"></script>
  17. <script type="text/javascript">
  18. var wid = helper.request.queryString("wid");
  19. if (wid) {
  20. $.getJSON(huayi.config.callcenter_url + 'WorkOrder/GetWorkOrder', { workorderid: wid, "token": $.cookie("token") }, function (result) {
  21. if (result.state.toLowerCase() == "success") {
  22. var content = result.data;
  23. console.log( content);
  24. $(".gdbhs").text(content.data[0].F_WorkOrderId);//工单
  25. $(".tsfs").text(content.data[0].SourceName);
  26. $(".lxr").text(content.data[0].F_CusName);
  27. $('.lxdh').text(content.data[0].F_CusPhone);
  28. //$('.dz').text(content.data[0].F_CusAddress);
  29. //$('.lxrphone').text(content.data[0].F_ConPhone);
  30. $(".lxr ").text(content.data[0].F_ComContent);//内容
  31. $('.tssj').text(content.data[0].F_CreateTime);//投诉时间
  32. $(".gdbh").text(content.data[0].F_CusName);//投诉人
  33. $(".mmdj").text(content.data[0].F_SourceAddress);//地址
  34. $(".tslx").text(content.data[0].TypeName1);//偶投诉类型
  35. $(".bljg").text(content.data[0].F_Result);
  36. $('.cbdw').text(content.data[0].DeptName);//交办单位
  37. // if (content.data[0].F_Result) {
  38. // var rt = content.data[0].F_Result.replace(/[ ]/g, "&nbsp;").replace(/\ +/g, "&nbsp;").replace(/\r\n/g, "<br />").replace(/\n/g, "<br />");
  39. // $(".cljg").html(rt);
  40. // }
  41. // else {
  42. // $(".cljg").html("");
  43. // }
  44. var n=content.psdata.length;
  45. if (n > 0) {
  46. var ldps = content.psdata[n - 1].F_SuperOpinion;
  47. if (ldps) { ldps = ldps.replace(/[ ]/g, "&nbsp;").replace(/\ +/g, "&nbsp;").replace(/\r\n/g, "<br />").replace(/\n/g, "<br />"); }
  48. $(".ldps").html(ldps);
  49. }
  50. var m = content.jbdata.length;
  51. if (m > 0) {
  52. var ldps = content.jbdata[n - 1].F_AssignedOpinion; $(".jbyj").html(ldps);
  53. //$(".cbdw").text(content.jbdata[n - 1].DeptName);
  54. //$(".jbsj").text(content.jbdata[n - 1].F_SubmitDate);
  55. }
  56. }
  57. })
  58. }
  59. function preview(oper) {
  60. if (oper < 10) {
  61. bdhtml = window.document.body.innerHTML; //获取当前页的html代码
  62. sprnstr = "<!--startprint" + oper + "-->"; //设置打印开始区域
  63. eprnstr = "<!--endprint" + oper + "-->"; //设置打印结束区域
  64. prnhtml = bdhtml.substring(bdhtml.indexOf(sprnstr) + 18); //从开始代码向后取html
  65. print.portrait = false ;//横向打印
  66. prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr)); //从结束代码向前取html
  67. window.document.body.innerHTML = prnhtml;
  68. window.print();
  69. window.document.body.innerHTML = bdhtml;
  70. } else {
  71. window.print();
  72. }
  73. }
  74. </script>
  75. <style>
  76. #main{
  77. width: 40%;
  78. margin: 0 auto;
  79. }
  80. .alignC{
  81. text-align: center;
  82. }
  83. .alignC h2{
  84. font-family: 宋体;
  85. font-weight: 700;
  86. }
  87. .caption{
  88. margin: 20px 0 2px 0;
  89. }
  90. .caption .headright{
  91. float: right;
  92. }
  93. #main table{
  94. margin: 0;
  95. width: 100%;
  96. border-color: #111111;
  97. border-collapse: collapse;
  98. }
  99. tbody td:nth-of-type(1),
  100. tbody td:nth-of-type(2)
  101. {
  102. width: 10%;
  103. padding: 10px;
  104. }
  105. tbody td:nth-of-type(3),
  106. tbody td:nth-of-type(4),
  107. tbody td:nth-of-type(5),
  108. tbody td:nth-of-type(6),
  109. tbody td:nth-of-type(7),
  110. tbody td:nth-of-type(8)
  111. {
  112. width: 10%;
  113. }
  114. .dtOpinion,
  115. .ldInstructions{
  116. width: 20px;
  117. margin: 0 auto;
  118. display: block;
  119. }
  120. .btn{
  121. margin-top: 4px;
  122. }
  123. </style>
  124. </head>
  125. <body>
  126. <div id="main">
  127. <!--startprint1-->
  128. <div class="alignC">
  129. <h2 style="margin-bottom: 20px;">
  130. 商丘市12345政府服务热线办公室工作交办单
  131. </h2>
  132. </div>
  133. <table class="alignC" border="1" cellpadding="4" cellspacing="0">
  134. <tbody>
  135. <tr>
  136. <td>
  137. &nbsp;编号
  138. </td>
  139. <td>
  140. <span class="gdbhs"></span>
  141. </td>
  142. <td>
  143. &nbsp;投诉时间
  144. </td>
  145. <td>
  146. <span class="tssj"></span>&nbsp;
  147. </td>
  148. <td>
  149. &nbsp;投诉类型
  150. </td>
  151. <td>
  152. <span class="tslx"></span>&nbsp;
  153. </td>
  154. </tr>
  155. <tr>
  156. <td>
  157. &nbsp;投诉人
  158. </td>
  159. <td>
  160. <span class="gdbh"></span>
  161. </td>
  162. <td>
  163. &nbsp;联系电话
  164. </td>
  165. <td>
  166. <span class="lxdh"></span>&nbsp;
  167. </td>
  168. <td>
  169. &nbsp;地址
  170. </td>
  171. <td>
  172. <span class="mmdj"></span>&nbsp;
  173. </td>
  174. </tr>
  175. <tr>
  176. <td>
  177. &nbsp;承办单位
  178. </td>
  179. <td colspan="7">
  180. <span class="cbdw"></span>
  181. </td>
  182. </tr>
  183. <tr style="height: 300px;">
  184. <td class="style1">
  185. &nbsp;内容摘要
  186. </td>
  187. <td colspan="7">
  188. <span class="lxr "></span>
  189. </td>
  190. </tr>
  191. <tr style="height: 200px;">
  192. <td>
  193. <span >交办意见</span>
  194. </td>
  195. <td colspan="7">
  196. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  197. <span class="jbyj"><span>
  198. <br>
  199. </td>
  200. </tr>
  201. <tr >
  202. <td>
  203. <span >领导批示</span>
  204. </td>
  205. <td colspan="7">
  206. <span class="ldps"></span>
  207. </td>
  208. </tr>
  209. <tr>
  210. <td>
  211. 处理结果
  212. </td>
  213. <td class="style4" colspan="7" style="height: 200px;">
  214. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  215. <span class="bljg"></span>
  216. &nbsp;
  217. </td>
  218. </tr>
  219. </tbody>
  220. </table>
  221. <!--endprint1-->
  222. <div class="alignC">
  223. <input type="button" value="打印" class="btn" onclick="preview(1)" />
  224. </div>
  225. </div>
  226. </body>
  227. </html>