12345市长热线标准版-前端

PrintPreview-1.html 9.3KB

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