商丘12345 前端

PrintPreview.html 8.4KB

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