Нет описания

PrintPreview-1PF.html 12KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441
  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,maximum-scale=1">
  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. <script src="../js/jquery.cookie.js"></script>
  11. <style>
  12. #main {
  13. width: 100%;
  14. /*margin: 0 auto;*/
  15. -webkit-box-shadow: 1px 1px 9px 2px #D2D2D2;
  16. box-shadow: 1px 1px 9px 2px #D2D2D2;
  17. background-color: #fff;
  18. padding: 30px 60px 80px 60px;
  19. }
  20. .alignC {
  21. text-align: center;
  22. }
  23. .headerAlign .titleh2 {
  24. width: 100%;
  25. font-family: "宋体";
  26. font-weight: bold;
  27. font-size: 32pt;
  28. letter-spacing: -1px;
  29. line-height: 80px;
  30. }
  31. .headerAlign .titleh3 {
  32. font-size: 18px;
  33. }
  34. .headerAlign .titleCenter {
  35. font-family: "宋体";
  36. font-weight: bold;
  37. font-size: 22pt;
  38. letter-spacing: -1px;
  39. line-height: 40px;
  40. }
  41. .headerAlign .textCb {
  42. position: absolute;
  43. padding: 5px 12px;
  44. right: 32px;
  45. top: 30px;
  46. font-size: 16px;
  47. color: #e84545;
  48. border: 1px solid #e84545;
  49. display: none;
  50. }
  51. .caseTit {
  52. line-height: 40px;
  53. font-size: 16px;
  54. text-indent: 2rem;
  55. }
  56. .gdbhs {}
  57. #main table {
  58. margin: 0 auto;
  59. width: 100%;
  60. border-collapse: collapse;
  61. font-size: 13pt;
  62. font-family: "仿宋";
  63. }
  64. tbody td {
  65. min-width: 10%;
  66. padding: 6px 0 6px 0;
  67. }
  68. .btn {
  69. margin-top: 4px;
  70. margin-bottom: 4px;
  71. background: #00a1cb;
  72. color: #fff;
  73. }
  74. .lxr,
  75. .mmdj,
  76. .jbyj,
  77. .cbyj,
  78. .ldps,
  79. .bljg {
  80. white-space: normal;
  81. word-break: break-all;
  82. }
  83. .jbyj {
  84. width: 558px;
  85. display: inline-block;
  86. }
  87. .printdz {
  88. text-align: left;
  89. text-indent: .3em;
  90. padding: 4px;
  91. }
  92. .printdd {
  93. text-align: justify;
  94. padding: 4px 2px 4px 4px;
  95. }
  96. .printnr,
  97. .printcb,
  98. .printldps,
  99. .printcljg {
  100. text-align: justify;
  101. padding: 4px;
  102. text-indent: 2em;
  103. }
  104. #inputs {
  105. width: 0;
  106. height: 0;
  107. }
  108. </style>
  109. <style media="print">
  110. /*设置打印样式 标题宋体加黑二号*/
  111. .headerAlign h2 {
  112. font-family: "宋体" !important;
  113. font-weight: bold !important;
  114. font-size: 22pt !important;
  115. letter-spacing: -1px !important;
  116. }
  117. .textCb {
  118. color: #e84545 !important;
  119. }
  120. .headerAlign h3 div:nth-of-type(1) {
  121. font-size: 14pt !important;
  122. font-family: "宋体" !important;
  123. font-weight: normal !important;
  124. margin-left: 98px !important;
  125. }
  126. .headerAlign h3 {
  127. width: 690px !important;
  128. }
  129. .headerAlign .titleh2 {
  130. font-family: "宋体";
  131. font-weight: bold;
  132. font-size: 32pt;
  133. letter-spacing: -1px;
  134. line-height: 80px;
  135. }
  136. .headerAlign .titleh3 {
  137. font-size: 18px;
  138. }
  139. .headerAlign .titleCenter {
  140. font-family: "宋体";
  141. font-weight: bold;
  142. font-size: 22pt;
  143. letter-spacing: -1px;
  144. line-height: 40px;
  145. }
  146. #main {
  147. padding: 40px 0 0 0 !important;
  148. }
  149. #main table {
  150. font-size: 13pt !important;
  151. font-family: "仿宋" !important;
  152. border-color: #000;
  153. color: #000;
  154. width: 621px !important;
  155. /*page-break-after:avoid !important;*/
  156. }
  157. tbody td {
  158. padding: 6px 0 6px 0 !important;
  159. }
  160. .printdz {
  161. text-align: left;
  162. text-indent: .3em;
  163. padding: 4px;
  164. }
  165. .printdd {
  166. text-align: justify !important;
  167. padding: 4px 2px 4px 4px !important;
  168. }
  169. .printnr,
  170. .printcb,
  171. .printldps,
  172. .printcljg {
  173. text-align: justify !important;
  174. padding: 4px !important;
  175. text-indent: 2em !important;
  176. }
  177. @page {
  178. size: A4 portrait;
  179. }
  180. #inputs {
  181. width: 0;
  182. height: 0;
  183. }
  184. </style>
  185. </head>
  186. <body>
  187. <div id="main">
  188. <div class="alignC headerAlign">
  189. <div class="titleh2">
  190. 网上频发舆情提示
  191. </div>
  192. <div class="titleh3">
  193. <!--<span id="F_WorkOrderId"></span>-->
  194. <span id="F_CreateTime"></span>
  195. </div>
  196. <!--<span class="textCb">重办</span>-->
  197. </div>
  198. <div class="caseTit">
  199. <div>交办单位:<span class="DeptName"></span></div>
  200. <div>今我办监测到网上负面舆情一起</div>
  201. </div>
  202. <table class="alignC" border="1" cellpadding="4" cellspacing="0" bordercolor="#cbcbcb">
  203. <tbody>
  204. <!--<tr style="height: 50px;">
  205. <td style="width: 100px;">舆情来源</td>
  206. <td colspan="2"><span id="F_Event"></span></td>
  207. <td>作者</td>
  208. <td colspan="2"><span id="F_CusName"></span></td>
  209. </tr>-->
  210. <tr style="height: 50px;">
  211. <td style="width: 100px;">题目</td>
  212. <td colspan="5"><span id="F_ComTitle"></span></td>
  213. </tr>
  214. <tr style="height: 100px;">
  215. <td style="width: 100px;">主要网址</td>
  216. <td colspan="5"><span id="F_CusAddress"></span></td>
  217. </tr>
  218. <tr style="height: 100px;">
  219. <td style="width: 100px;">舆情来源</td>
  220. <td colspan="5"><span id="F_Event"></span></td>
  221. </tr>
  222. <tr style="height: 200px;">
  223. <td style="width: 100px;" class="style1">关联提示函</td>
  224. <td class="printnr" colspan="5">
  225. <span id="guanLian"></span>
  226. </td>
  227. </tr>
  228. <tr style="height: 200px;">
  229. <td style="width: 100px;" class="style1">提示</td>
  230. <td class="printnr" colspan="5">
  231. <div class="TipsContent" style="display: none;">
  232. <span id="F_LimitTime"></span>
  233. </div>
  234. </td>
  235. </tr>
  236. </tbody>
  237. </table>
  238. <div style="display: flex; line-height: 50px; padding: 0 30px; font-size: 16px;">
  239. <div style="text-align: left;width: 50%;">市委网信办</div>
  240. <!--<div style="text-align: right;width: 50%;">日期:_____年___月___日</div>-->
  241. <div style="text-align: right;width: 50%;">日期:<span id="nian"></span>年<span id="yue"></span>月<span id="ri"></span>日</div>
  242. </div>
  243. </div>
  244. <!--endprint1-->
  245. <div class="alignC">
  246. <input type="button" value="导出PDF" class="btn" id="btn-html2canvas" />
  247. <input type="button" value="打印" class="btn" onclick="preview(1)" />
  248. </div>
  249. <textarea id="inputs" type="hidden"></textarea>
  250. <script src="../js/plugins/html2pdf/jspdf.debug.js"></script>
  251. <script src="../js/plugins/html2pdf/html2canvas.js"></script>
  252. <script src="../js/plugins/html2pdf/canvas2image.js"></script>
  253. <script src="../js/plugins/html2pdf/FileSaver.js"></script>
  254. <script src="../js/plugins/html2pdf/jquery.wordexport.js"></script>
  255. <script type="text/javascript">
  256. var wid = helper.request.queryString("wid");
  257. var printType = helper.request.queryString("printType");
  258. $(document).ready(function() {
  259. $(".printdd-wrapper").hide()
  260. $(".printcb-wrapper").hide()
  261. if(printType == "DCL") {
  262. $(".printdd-wrapper").hide()
  263. $(".printcb-wrapper").show()
  264. $(".reasonReturn-wrapper").show()
  265. } else {
  266. $(".printdd-wrapper").show()
  267. $(".printcb-wrapper").hide()
  268. $(".reasonReturn-wrapper").hide()
  269. }
  270. if(wid) {
  271. $.getJSON(huayi.config.callcenter_url + 'WorkOrder/GetWorkOrder', {
  272. workorderid: wid,
  273. "token": $.cookie("token")
  274. }, function(result) {
  275. if(result.state.toLowerCase() == "success") {
  276. var data = result.data
  277. var content = result.data.data[0];
  278. content.F_WorkOrderId && $('#F_WorkOrderId').text(content.F_WorkOrderId)
  279. content.F_Event && $('#F_Event').text(content.F_Event)
  280. content.F_CusName && $('#F_CusName').text(content.F_CusName)
  281. content.F_ComTitle && $('#F_ComTitle').text(content.F_ComTitle)
  282. content.deptname && $('.DeptName').text(content.deptname)
  283. content.F_CusAddress && $('#F_CusAddress').text(content.F_CusAddress)
  284. content.F_ComContent && $('#F_ComContent').text(content.F_ComContent)
  285. if (content.F_CreateTime) {
  286. var greateTimeSplit = content.F_CreateTime.split(' ')[0].split('-')
  287. var getCreateTime = greateTimeSplit[0]+'年'+greateTimeSplit[1]+'月'+greateTimeSplit[2]+'日'
  288. $('#F_CreateTime').text(getCreateTime)
  289. }
  290. if (data.jbdata.length) {
  291. console.log(123)
  292. $(".TipsContent").show()
  293. let reg = /(\d{4})-(\d{2})-(\d{2})/
  294. let LimitTimeArr = data.jbdata[data.jbdata.length-1].F_LimitTime.match(reg);
  295. let oldDate = new Date(data.jbdata[data.jbdata.length-1].F_LimitTime).getTime();
  296. let newDate = new Date().getTime();
  297. console.log(data.jbdata[data.jbdata.length-1].F_LimitTime)
  298. let day = Math.ceil(( oldDate - newDate ) / 1000 / 60 / 60 / 24);
  299. let tis = `现请你单位关注该舆情动向,如有事件最新进展,请于${LimitTimeArr[0]} 12:00:00前将相关进展情况以Word电子版和加章签字扫描PDF版反馈至本平台; 如无最新进展情况,请在平台回复 "XX 事件无最新进展情况",并及时做好线下沟通处置,避免此类舆情在网上造成不良影响。`;
  300. // let tis = `现请你单位关注该舆情动向,如有事件最新进展,请于发布此提示之日起 ${day} 日内 ( ${LimitTimeArr[0]} 中午 12:00 前)将相关进展情况反馈至市委网信办邮箱 (gywgzx@163.com);如无最新进展情况,请在网信办邮箱回复“XX 事件无最新进展情况”,并及时做好线下沟通处置,避免此类舆情在网上造成不良影响。`;
  301. let str = data.jbdata[data.jbdata.length-1].F_AssignedOpinion || tis;
  302. $('#F_LimitTime').text(str)
  303. //显示年月日
  304. $('#nian').text(LimitTimeArr[0].split('-')[0])
  305. $('#yue').text(LimitTimeArr[0].split('-')[1])
  306. $('#ri').text(LimitTimeArr[0].split('-')[2])
  307. } else {
  308. // 没有交办时间 优化显示日期显示
  309. $('#nian').text('____')
  310. $('#yue').text('__')
  311. $('#ri').text('__')
  312. }
  313. if(data.relatedata.length && data.relatedata[data.relatedata.length - 1].F_AssignTime && data.relatedata[data.relatedata.length - 1].F_DealTime){
  314. let reg = /(\d{4})-(\d{2})-(\d{2})/
  315. let jbTime = data.relatedata[data.relatedata.length - 1].F_AssignTime?.match(reg)[0] || '_'
  316. let clTime = data.relatedata[data.relatedata.length - 1].F_DealTime?.match(reg)[0] || '_'
  317. let str = `此舆情的同类信息已于${jbTime}向你单位发送《舆情提示函${data.relatedata[data.relatedata.length - 1].F_WorkOrderId}》,你单位于${clTime}反馈核实情况。`;
  318. $('#guanLian').text(str)
  319. }
  320. }
  321. })
  322. }
  323. $("#btn-html1canvas").on("click", function() {
  324. $("#main").wordExport();
  325. });
  326. $("#btn-html2canvas").on("click", function() {
  327. var pdf = new jsPDF('p', 'mm', 'a4');
  328. var filename = '舆情提示函';
  329. pdf.addHTML($('#main'), function() {
  330. pdf.output("save", filename)
  331. })
  332. });
  333. })
  334. $(".copyBtn").on("click", function() {
  335. var texts = $(this).text();
  336. var inputs = document.getElementById("inputs");
  337. inputs.value = texts; // 修改文本框的内容(赋值内容)
  338. inputs.select(); // 选中文本
  339. document.execCommand("copy"); // 执行浏览器复制命令
  340. layer.msg("复制成功")
  341. });
  342. function preview(oper) {
  343. if(oper < 5) {
  344. bdhtml = window.document.body.innerHTML; //获取当前页的html代码
  345. sprnstr = "<!--startprint" + oper + "-->"; //设置打印开始区域
  346. eprnstr = "<!--endprint" + oper + "-->"; //设置打印结束区域
  347. prnhtml = bdhtml.substring(bdhtml.indexOf(sprnstr) + 18); //从开始代码向后取html
  348. print.portrait = true; //纵向打印
  349. prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr)); //从结束代码向前取html
  350. window.document.body.innerHTML = prnhtml;
  351. window.print();
  352. window.document.body.innerHTML = bdhtml;
  353. // parent.parent.layer.closeAll();
  354. // parent.parent.$('#orderlist').bootstrapTable('refresh');
  355. // parent.parent.layer.msg("操作成功!");
  356. } else {
  357. window.print();
  358. }
  359. }
  360. GetData();
  361. function GetData() {
  362. var date = new Date;
  363. var year = date.getFullYear();
  364. var month = date.getMonth() + 1;
  365. var strDate = date.getDate();
  366. month = (month <= 9 ? "0" + month : month);
  367. strDate = (strDate <= 9 ? "0" + strDate : strDate)
  368. var mydate = (year.toString() + '年' + month.toString() + '月' + strDate.toString() + '日');
  369. $(".Data").text(mydate);
  370. }
  371. </script>
  372. </body>
  373. </html>