夏邑12345_前端

minqing-con.html 11KB

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