12345市长热线标准版-前端

PrintPreview.html 8.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205
  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.config.js"></script>
  9. <script src="../Script/Common/huayi.http.js"></script>
  10. <script src="../js/jquery.cookie.js"></script>
  11. <script type="text/javascript">
  12. var wid = helper.request.queryString("wid");
  13. if (wid) {
  14. $.getJSON(huayi.config.callcenter_url + 'WorkOrder/GetWorkOrder', { workorderid: wid, "token": $.cookie("token") }, function (result) {
  15. if (result.state.toLowerCase() == "success") {
  16. var content = result.data;
  17. $(".gdbh").text(content.data[0].F_WorkOrderId);
  18. $(".tssj").text(content.data[0].F_RegDate);
  19. $(".tsfs").text(content.data[0].SourceName);
  20. $(".lxr").text(content.data[0].F_CusName);
  21. $('.lxdh').text(content.data[0].F_CusPhone);
  22. $('.dz').text(content.data[0].F_CusAddress);
  23. $('.lxrphone').text(content.data[0].F_ConPhone);
  24. $('.qkzy').text(content.data[0].F_ComContent);
  25. if (content.data[0].F_Result) {
  26. var rt = content.data[0].F_Result.replace(/[ ]/g, "&nbsp;").replace(/\ +/g, "&nbsp;").replace(/\r\n/g, "<br />").replace(/\n/g, "<br />");
  27. $(".cljg").html(rt);
  28. }
  29. else {
  30. $(".cljg").html("");
  31. }
  32. var n=content.cpdata.length;
  33. if (n > 0) {
  34. var ldps = content.cpdata[n - 1].F_SuperOpinion;
  35. if (ldps) { ldps = ldps.replace(/[ ]/g, "&nbsp;").replace(/\ +/g, "&nbsp;").replace(/\r\n/g, "<br />").replace(/\n/g, "<br />"); }
  36. $(".ldps").html(ldps);
  37. }
  38. var m = content.jbdata.length;
  39. if (m > 0) {
  40. var ldps = content.jbdata[n - 1].F_AssignedOpinion;
  41. $(".jbyj").html(ldps);
  42. $(".cbdw").text(content.jbdata[n - 1].DeptName);
  43. $(".jbsj").text(content.jbdata[n - 1].F_SubmitDate);
  44. }
  45. }
  46. })
  47. }
  48. function preview(oper) {
  49. if (oper < 10) {
  50. bdhtml = window.document.body.innerHTML; //获取当前页的html代码
  51. sprnstr = "<!--startprint" + oper + "-->"; //设置打印开始区域
  52. eprnstr = "<!--endprint" + oper + "-->"; //设置打印结束区域
  53. prnhtml = bdhtml.substring(bdhtml.indexOf(sprnstr) + 18); //从开始代码向后取html
  54. prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr)); //从结束代码向前取html
  55. window.document.body.innerHTML = prnhtml;
  56. window.print();
  57. window.document.body.innerHTML = bdhtml;
  58. } else {
  59. window.print();
  60. }
  61. }
  62. </script>
  63. </head>
  64. <body>
  65. <div id="main">
  66. <!--startprint1--><div align="center">
  67. <font size="6"
  68. style="font-family:宋体;font-weight:700;color:red;text-align:center;">商丘市市长热线投诉中心交办单</font>
  69. </div>
  70. <div>
  71. <table width="609" align="center" border="1" cellpadding="0" cellspacing="0" bordercolor="#111111" style="border-collapse: collapse">
  72. <colgroup>
  73. <col style="padding-left: 0px" width="120">
  74. <col style="padding-left: 0px" width="150">
  75. <col style="padding-left: 0px" width="129">
  76. <col style="padding-left: 0px" width="210">
  77. </colgroup>
  78. <tbody>
  79. <tr>
  80. <td>
  81. &nbsp;记录单编号
  82. </td>
  83. <td height="25">
  84. <span class="gdbh"></span>
  85. </td>
  86. <td>
  87. &nbsp;投诉时间
  88. </td>
  89. <td>
  90. <span class="tssj"></span>
  91. &nbsp;
  92. </td>
  93. </tr>
  94. <tr>
  95. <td height="25" class="style1">
  96. &nbsp;联系人
  97. </td>
  98. <td>
  99. <span class="lxr"></span>
  100. </td>
  101. <td>
  102. &nbsp;单位/地址
  103. </td>
  104. <td>
  105. <span class="dz"></span>
  106. </td>
  107. </tr>
  108. <tr>
  109. <td height="25" class="style1">
  110. &nbsp;投诉方式
  111. </td>
  112. <td>
  113. <span class="tsfs"></span>
  114. </td>
  115. <td>
  116. &nbsp;联系电话
  117. </td>
  118. <td>
  119. <span class="lxdh"></span>
  120. &nbsp;
  121. </td>
  122. </tr>
  123. <tr>
  124. <td>
  125. <b>情况摘要</b>
  126. </td>
  127. <td colspan="3">
  128. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  129. <span class="qkzy"></span>
  130. <br>
  131. </td>
  132. </tr>
  133. <tr>
  134. <td height="90">
  135. <b>领导批示</b>
  136. </td>
  137. <td colspan="3">
  138. <span class="ldps"></span>
  139. </td>
  140. </tr>
  141. <tr style="height :80px">
  142. <td>
  143. <b>交办意见</b>
  144. </td>
  145. <td style="border-bottom: none;border-top: none;border-right: none" class="style4" colspan="2">
  146. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  147. <span class="jbyj"></span>
  148. &nbsp;
  149. </td>
  150. <td style="border: none">
  151. <img src="../img/sign.jpg" />
  152. </td>
  153. </tr>
  154. <tr>
  155. <td height="30">
  156. &nbsp;<b>承办单位:</b>
  157. </td>
  158. <td>
  159. <span class="cbdw"></span>
  160. </td>
  161. <td>
  162. &nbsp;<b>交办日期:</b>
  163. </td>
  164. <td>
  165. <span class="jbrq"></span>
  166. &nbsp;
  167. </td>
  168. </tr>
  169. <tr style="height :100px">
  170. <td>
  171. <b>处理结果</b>
  172. </td>
  173. <td colspan="3">
  174. <span class="cljg"></span>
  175. </td>
  176. </tr>
  177. <tr>
  178. <td height="30">
  179. &nbsp;<b>办结时间:</b>
  180. </td>
  181. <td colspan="3">
  182. <span class="bjsj"></span>
  183. </td>
  184. </tr>
  185. </tbody>
  186. </table>
  187. </div><!--endprint1-->
  188. <div align="center">
  189. <input type="button" value="打印" class="btn" onclick="preview(1)" />
  190. </div>
  191. </div>
  192. </body>
  193. </html>