夏邑12345_前端

PG.html 8.5KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282
  1. <!DOCTYPE html>
  2. <html xmlns:wb="http://open.weibo.com/wb">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="x-ua-compatible" content="ie=edge">
  6. <!--必填-->
  7. <meta property="og:type" content="article" />
  8. <meta property="og:url" content="" />
  9. <meta property="og:title" content="" />
  10. <meta property="og:description" content="" />
  11. <!--选填-->
  12. <!--<meta property="og:image" content="文章的显示图片" />-->
  13. <meta name="weibo: article:create_at" content="" />
  14. <title>曝光台详情</title>
  15. <link rel="shortcut icon" href="img/32.ico" />
  16. <link rel="stylesheet" href="css/bootstrap.min.css" />
  17. <link rel="stylesheet" href="css/indexs.css" />
  18. <link rel="stylesheet" href="css/bootstrap-table.css" />
  19. <script src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js" type="text/javascript" charset="utf-8"></script>
  20. <!--微博直播,微博发布器 用-->
  21. <script src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js?appkey=4157670774" type="text/javascript" charset="utf-8"></script>
  22. <!--微博发布器 调试用 debug=true-->
  23. <script src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js?appkey=4157670774&debug=true" type="text/javascript" charset="utf-8"></script>
  24. <style>
  25. .weibo {
  26. display: inline-block;
  27. vertical-align: middle;
  28. }
  29. </style>
  30. </head>
  31. <body>
  32. <div class="topbar">
  33. <div class="container">
  34. <ul class="fl">
  35. <li>
  36. <a href="#" target="_self">夏邑县12345政务服务便民热线</a>
  37. </li>
  38. </ul>
  39. <ul class="rl Right_f">
  40. <li>
  41. <a href="http://123.13.222.95:8888/login.html">管理登录</a>
  42. </li>
  43. <li>
  44. <span class="text-muted">|</span>
  45. </li>
  46. <li>
  47. <a href="javascript:;" class="topbarWx">
  48. <img src="img/wechat.png" alt="微信logo" /> 微信公众号
  49. <div class="topbarWx-box">
  50. <i class="topbarWx-code"></i>
  51. <span>微信扫码,关注我们</span>
  52. </div>
  53. </a>
  54. </li>
  55. <li>
  56. <span class="text-muted">|</span>
  57. </li>
  58. <li>
  59. <a href="javascript:;" class="topbarClient">
  60. <img src="img/phone.png" alt="移动客户端logo" /> 移动客户端
  61. <div class="topbarClient-box">
  62. <input id="elevator-app-url0" type="text" value="" style="display: none;" />
  63. <div id="elevator-app-qrcode0"></div>
  64. <span class="">扫码下载,使用客户端</span>
  65. </div>
  66. </a>
  67. </li>
  68. </ul>
  69. </div>
  70. </div>
  71. <section>
  72. <div class="ban_title">
  73. <img src="img/banner.png" alt="图片" />
  74. </div>
  75. </section>
  76. <!--导航-->
  77. <div class="navcon shadow">
  78. <div class="navcon_box clearfix">
  79. <ul class="nav ">
  80. <div class="fl ban-border"></div>
  81. <li>
  82. <a href="index.html" target="_self" class="clearfix">
  83. <div class="fl ban-img">
  84. <img src="img/a1.png" alt="" />
  85. </div>
  86. <div class=" Baner-pos">
  87. <p>网站首页</p>
  88. </div>
  89. </a>
  90. </li>
  91. <div class="fl ban-border"></div>
  92. <li>
  93. <a href="zhengce.html" target="_self">
  94. <div class="fl ban-img">
  95. <img src="img/a2.png" alt="" />
  96. </div>
  97. <div class=" Baner-pos">
  98. <p>政策要闻</p>
  99. </div>
  100. </a>
  101. </li>
  102. <div class="fl ban-border"></div>
  103. <li>
  104. <a href="dongtai.html" target="_self">
  105. <div class="fl ban-img">
  106. <img src="img/a3.png" alt="" />
  107. </div>
  108. <div class=" Baner-pos">
  109. <p>工作动态</p>
  110. </div>
  111. </a>
  112. </li>
  113. <div class="fl ban-border"></div>
  114. <li class="actives ">
  115. <a href="baoguang.html" target="_self">
  116. <div class="fl ban-img">
  117. <img src="img/a4.png" alt="" />
  118. </div>
  119. <div class=" Baner-pos">
  120. <p>便民信息</p>
  121. </div>
  122. </a>
  123. </li>
  124. <div class="fl ban-border"></div>
  125. <li>
  126. <a href="tousu.html" target="_self">
  127. <div class="fl ban-img">
  128. <img src="img/a5.png" alt="" />
  129. </div>
  130. <div class=" Baner-pos">
  131. <p>网上受理</p>
  132. </div>
  133. </a>
  134. </li>
  135. <div class="fl ban-border"></div>
  136. <li>
  137. <a href="shouli.html" target="_self">
  138. <div class="fl ban-img">
  139. <img src="img/a6.png" alt="" />
  140. </div>
  141. <div class=" Baner-pos">
  142. <p>网上查询</p>
  143. </div>
  144. </a>
  145. </li>
  146. <div class="fl ban-border"></div>
  147. </ul>
  148. </div>
  149. </div>
  150. <!--内容-->
  151. <div class="Content">
  152. <div>
  153. <div class="navcon_box clearfix navCon">
  154. <div class="main-wrap main-body">
  155. <div class="box-01 red-decoration">
  156. <div class="box-title">
  157. <div class="box-title-name">
  158. <ol class="breadcrumb">
  159. <li>
  160. <a href="index.html">首页</a>
  161. </li>
  162. <li>
  163. <a href="baoguang.html">便民信息</a>
  164. </li>
  165. <li class="active">信息详情</li>
  166. </ol>
  167. </div>
  168. </div>
  169. <div class="main-content">
  170. <!--startprint1-->
  171. <div class="content-title"></div>
  172. <div class="content-info">来源:本站&nbsp;&nbsp;发布日期:<em class="RQ" style="font-style:normal;"></em> &nbsp;
  173. <sapn class="weibo">
  174. <wb:share-button appkey="4157670774" addition="simple" type="button" language="zh_cn"></wb:share-button>
  175. </sapn>
  176. </div>
  177. <div class="content-text">
  178. <div class="content-img" style="text-align: center;width: 100%;">
  179. </div>
  180. <div class="news_content_content">
  181. </div>
  182. <!--endprint1-->
  183. <div class="news_content_other clearfix">
  184. <div class="news-content-function">
  185. <span id="printBtn1" style="cursor: pointer;">打印此文</span>
  186. <!--<span onclick="window.close();">关闭窗口</span>-->
  187. </div>
  188. </div>
  189. </div>
  190. </div>
  191. </div>
  192. </div>
  193. </div>
  194. </div>
  195. </div>
  196. <!--底部开始-->
  197. <div class="footer">
  198. <div class="navcon_box footerbox ">
  199. <div>Copyright &copy;2017 夏邑县12345县长热线版权所有 All Rights Reserved.</div>
  200. <div>备案号:
  201. <a href="http://www.miitbeian.gov.cn/" target="_blank" rel="nofollow">豫ICP备08007487号</a>
  202. </div>
  203. </div>
  204. </div>
  205. <script src="js/jquery.min.js"></script>
  206. <script src="js/common/huayi.config.js"></script>
  207. <script src="js/common/huayi.http.js"></script>
  208. <script src="js/qrcode.min.js"></script>
  209. <script src="js/getClient.js"></script>
  210. <script>
  211. var id = helper.request.queryString("id");
  212. if(id) {
  213. $.getJSON(huayi.config.callcenter_url + "Web/GetWebNews", {
  214. id: id
  215. }, function(result) {
  216. if(result.state.toLowerCase() == "success") {
  217. console.log(result.data);
  218. var time = result.data.sj.substring(0, result.data.sj.indexOf(' '));
  219. $(".content-title").text(result.data.bt);
  220. $(".RQ").text(result.data.sj);
  221. if(result.data.img == '') {
  222. $(".content-img").hide();
  223. }
  224. $(".news_content_content").html(result.data.nr);
  225. $('<img style="width:100%;"src="' + result.data.img + '" alt="" />').appendTo(".content-img")
  226. $('meta[property="og:title"]').attr('content', result.data.bt);
  227. // $('meta[property="og:description"]').attr('content',result.data.nr);
  228. $('meta[property="og:url"]').attr('content', window.location.href);
  229. $('meta[name="weibo: article:create_at"]').attr('content', result.data.sj);
  230. }
  231. })
  232. }
  233. /*打印*/
  234. $(document).on('click', '#printBtn1', {
  235. printpage: 1
  236. }, preview);
  237. function preview(e) {
  238. var oper = e.data.printpage;
  239. if(oper < 5) {
  240. bdhtml = window.document.body.innerHTML; //获取当前页的html代码
  241. sprnstr = "<!--startprint" + oper + "-->"; //设置打印开始区域
  242. eprnstr = "<!--endprint" + oper + "-->"; //设置打印结束区域
  243. prnhtml = bdhtml.substring(bdhtml.indexOf(sprnstr) + 18); //从开始代码向后取html
  244. print.portrait = true; //纵向打印
  245. prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr)); //从结束代码向前取html
  246. window.document.body.innerHTML = prnhtml;
  247. window.print();
  248. window.document.body.innerHTML = bdhtml;
  249. location.reload();
  250. } else {
  251. window.print();
  252. }
  253. }
  254. //getClient();
  255. //获取客户端地址并转成二维码
  256. //顶部hover
  257. $('.topbarWx').hover(function() {
  258. $('.topbarWx .topbarWx-box').css('left', $(this).offset().left);
  259. });
  260. $('.topbarClient').hover(function() {
  261. $('.topbarClient .topbarClient-box').css('left', $(this).offset().left);
  262. });
  263. </script>
  264. </body>
  265. </html>