IM12345_Web demo - 代码源于 商丘市12345项目

dongtai-con.html 6.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163
  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. <link rel="shortcut icon" href="img/32.ico" />
  16. <title>动态详情</title>
  17. <script src="js/common/huayi.load.js"></script>
  18. <!--<link rel="stylesheet" href="css/bootstrap.min.css" />
  19. <link rel="stylesheet" href="css/indexs.css" />-->
  20. <script src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js" type="text/javascript" charset="utf-8"></script>
  21. <!--微博直播,微博发布器 用-->
  22. <script src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js?appkey=4157670774" type="text/javascript" charset="utf-8"></script>
  23. <!--微博发布器 调试用 debug=true-->
  24. <script src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js?appkey=4157670774&debug=true" type="text/javascript" charset="utf-8"></script>
  25. <style>
  26. .weibo{
  27. display: inline-block;
  28. vertical-align: middle;
  29. }
  30. </style>
  31. </head>
  32. <body>
  33. <div class="header"></div>
  34. <!--内容-->
  35. <div class="Content" >
  36. <div >
  37. <div class="navcon_box clearfix navCon" >
  38. <div class="main-wrap main-body">
  39. <div class="box-01 red-decoration">
  40. <div class="box-title">
  41. <div class="box-title-name">
  42. <ol class="breadcrumb">
  43. <li><a href="index.html">首页</a></li>
  44. <li><a href="dongtai.html">工作动态</a></li>
  45. <li class="active">动态详情</li>
  46. </ol>
  47. </div>
  48. </div>
  49. <div class="main-content">
  50. <!--startprint1-->
  51. <div class="content-title"></div>
  52. <div class="content-info">来源:<span class="sorceText">市政务办公室</span>&nbsp;&nbsp;发布日期:<em class="RQ" style="font-style:normal;"></em> &nbsp;
  53. <sapn class="weibo"></sapn>
  54. <sapn class="weibo"><wb:share-button appkey="4157670774" addition="simple" type="button" language="zh_cn"></wb:share-button></sapn>
  55. </div>
  56. <div class="content-text">
  57. <div class="content-img" style="text-align: center;width: 100%;">
  58. </div>
  59. <div class="news_content_content">
  60. </div>
  61. <!--endprint1--><div class="news_content_other clearfix">
  62. <div class="news-content-function">
  63. <span id="printBtn1" style="cursor: pointer;">打印此文</span>
  64. <!-- <span onclick="window.close();">关闭窗口</span>-->
  65. </div>
  66. </div>
  67. </div>
  68. </div>
  69. </div>
  70. </div>
  71. <!--微博分享-->
  72. <!--<div style="width:100%;"><wb:comments url="auto" width="auto" appkey="2353346562"></wb:comments></div>-->
  73. </div>
  74. </div>
  75. </div>
  76. <!--底部开始-->
  77. <div class="footer">
  78. </div>
  79. <div class="footerBot">
  80. <script type="text/javascript">document.write(unescape("%3Cspan id='_ideConac' %3E%3C/span%3E%3Cscript src='http://dcs.conac.cn/js/17/264/0000/60935396/CA172640000609353960002.js' type='text/javascript'%3E%3C/script%3E"));</script>
  81. </div>
  82. <!--<script src="js/qrcode.min.js"></script>
  83. <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-ajaxtransport-xdomainrequest/1.0.3/jquery.xdomainrequest.min.js"></script>-->
  84. <script src="js/getClient.js"></script>
  85. <script>
  86. $.support.cors = true;
  87. var id = helper.request.queryString("id");
  88. if(id) {
  89. $.ajax({
  90. type:"get",
  91. url:huayi.config.callcenter_url + "Web/GetWebNews",
  92. async:true,
  93. dataType:'json',
  94. cache:false,
  95. data:{
  96. id: id
  97. },
  98. success:function(result){
  99. if(result.state.toLowerCase() == "success") {
  100. $(".content-title").text(result.data.bt);
  101. $(".RQ").text(result.data.sj);
  102. if (result.data.source=="") {
  103. $(".sorceText").text("本站");
  104. }else{
  105. $(".sorceText").text(result.data.source);
  106. }
  107. $(".news_content_content").html(result.data.nr);
  108. if(result.data.img==''){
  109. $(".content-img").hide();
  110. }
  111. $('<img style="width:100%;"src="'+result.data.img+'" alt="" />').appendTo(".content-img");
  112. $('meta[property="og:title"]').attr('content',result.data.bt);
  113. // $('meta[property="og:description"]').attr('content',result.data.nr);
  114. $('meta[property="og:url"]').attr('content',window.location.href);
  115. $('meta[name="weibo: article:create_at"]').attr('content',result.data.sj);
  116. }
  117. }
  118. });
  119. }
  120. /*打印*/
  121. $(document).on('click','#printBtn1',{printpage: 1},preview);
  122. function preview(e) {
  123. var oper = e.data.printpage;
  124. if (oper < 5) {
  125. bdhtml = window.document.body.innerHTML; //获取当前页的html代码
  126. sprnstr = "<!--startprint" + oper + "-->"; //设置打印开始区域
  127. eprnstr = "<!--endprint" + oper + "-->"; //设置打印结束区域
  128. prnhtml = bdhtml.substring(bdhtml.indexOf(sprnstr) + 18); //从开始代码向后取html
  129. //print.portrait = true ;//纵向打印 //IE8下不支持此方法
  130. prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr)); //从结束代码向前取html
  131. window.document.body.innerHTML = prnhtml;
  132. window.print();
  133. window.document.body.innerHTML = bdhtml;
  134. location.reload();
  135. } else {
  136. window.print();
  137. }
  138. }
  139. // getClient();
  140. //获取客户端地址并转成二维码
  141. //顶部hover
  142. $('.topbarWx').hover(function(){
  143. $('.topbarWx .topbarWx-box').css( 'left' , $(this).offset().left);
  144. });
  145. $('.topbarClient').hover(function(){
  146. $('.topbarClient .topbarClient-box').css( 'left' , $(this).offset().left);
  147. });
  148. </script>
  149. </body>
  150. </html>