永城市12345_前端 - 这个不用

minqing-con_bak.html 8.9KB

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