detil.html 7.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <title>中华人寿知识库</title>
  8. <link rel="stylesheet"
  9. href="${ctx}/assets/lib/bootstrap-3.3.7/css/bootstrap.min.css">
  10. <script type="text/javascript"
  11. src="${ctx}/assets/lib/jquery/1.9.1/jquery.min.js"></script>
  12. <script type="text/javascript"
  13. src="${ctx}/assets/lib/bootstrap-3.3.7/js/bootstrap.min.js"></script>
  14. <script type="text/javascript">
  15. $(function(){
  16. /**
  17. *回首页
  18. */
  19. $("#shouye").click(function () {
  20. window.location.href = "${ctx}/myconsole/complaint/repository/browse";
  21. });
  22. /**
  23. *跳转至指定栏目页
  24. */
  25. $("#column").click(function () {
  26. var strColumnID=$(this).attr("class");//栏目id
  27. window.location.href = "${ctx}/myconsole/complaint/repository/browseList?strColumnID="+strColumnID;
  28. });
  29. });
  30. $(document).ready(function(){
  31. //alert( "文档就绪啦");
  32. var isornot=$("#isornot").val();
  33. if(isornot==0){
  34. $("#shoucang").attr("class","btn btn-danger");//改变class
  35. $('#shoucang').html("已收藏");
  36. }
  37. });
  38. //添加or取消收藏
  39. function addordelect(_this){
  40. var btn = $(_this);
  41. var button_val = btn.html();
  42. var webkeyid=$("#webKeyID").val();
  43. var columnID=$("#ColumnID").val();
  44. var tState=$("#TState").val();
  45. var title=$("#Title").val();
  46. var flag="";
  47. if(button_val=="收藏"){
  48. var flag="0";
  49. }else{
  50. var flag="1";
  51. }
  52. //初始化获取数据
  53. $.ajax({
  54. url : "${ctx}/myconsole/complaint/repository/addordelect",
  55. type : "post",
  56. data : {"webkeyid":webkeyid,"columnID":columnID,"tState":tState,"title":title,"flag":flag},
  57. dataType : "json",
  58. success : function(data) {
  59. if(data.success=="成功"){
  60. if(button_val=="收藏"){
  61. btn.html("已收藏");
  62. $("#shoucang").attr("class","btn btn-danger");//改变class
  63. alert("收藏成功");
  64. }else{
  65. btn.html("收藏")
  66. $("#shoucang").attr("class","btn btn-default");//改变class
  67. alert("取消收藏成功");
  68. }
  69. }else{
  70. alert(data.success);
  71. }
  72. }
  73. });
  74. }
  75. </script>
  76. </head>
  77. <body>
  78. <!-- 页头 -->
  79. <img alt="" src="${ctx}/assets/image/1.jpg"
  80. style="width:100%; height: 200px;">
  81. <div class="panel panel-primary">
  82. <div class="panel-heading">
  83. <h6>
  84. 位置:<span id="shouye">首页</span>>>>><span id="column" class="${webContent.ColumnID!''}">${webContent.ColumnName!''}</span>
  85. </h6>
  86. <button id="shoucang" onclick="addordelect(this)" type="button" class="btn btn-default" aria-label="Left Align" >收藏</button>
  87. <input type="hidden" id="webKeyID" name="KeyID" value="${webContent.KeyID!''}"/>
  88. <input type="hidden" id="ColumnID" name="ColumnID" value="${webContent.ColumnID!''}"/>
  89. <input type="hidden" id="TState" name="TState" value="${webContent.TState!''}"/>
  90. <input type="hidden" id="Title" name="Title" value="${webContent.Title!''}"/>
  91. <input type="hidden" id="isornot" name="isonot" value="${webcollection}"/>
  92. </div>
  93. <div class="panel-body">
  94. <div style="width:90%;height:auto;margin:10px auto 0px auto; text-align:center;font-size:22px;font-weight:bold; font-family:'微软雅黑'">
  95. ${webContent.Title!''}
  96. </div>
  97. <div style="width:90%;height:auto;margin:0px auto;text-align:center;font-size:18px;font-weight:bold; font-family:'微软雅黑'"">
  98. ${webContent.Subhead!''}
  99. </div>
  100. <div style="width:100%;height:25px;line-height:25px;margin:10px auto;text-align:center; background-color: #fafafa;">
  101. 时间:<span>${webContent.ReleaseTime!''}</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  102. 来源:<span>${webContent.InfoSource!''} </span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  103. 【字号:
  104. <a href="#" onclick="changeFontSize(document.getElementById('content'),this.style.fontSize);return false;" style="font-size: 25px;">大</a>
  105. <a href="#" onclick="changeFontSize(document.getElementById('content'),this.style.fontSize);return false;" style="font-size: 20px;">中</a>
  106. <a href="#" onclick="changeFontSize(document.getElementById('content'),this.style.fontSize);return false;" style="font-size: 15px;">小</a>】
  107. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  108. <span class="con_print" onclick="print()" onmouseover="this.style.cursor='hand'">打印</span>
  109. </div>
  110. <div style="width:90%;height:auto;margin:10px auto;" id="content">
  111. ${content.webContent!''}
  112. </div>
  113. <div style="text-align:center;">
  114. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  115. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  116. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  117. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  118. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  119. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  120. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  121. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  122. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  123. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  124. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  125. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  126. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  127. 责任编辑: <span>${webContent.Author!''}</span></div>
  128. <div class="sharewz" style="width:100%; height:50px; float:left; border-bottom:1px #eaeaea solid; margin:5px 0px;text-align:center;">
  129. <DIV class=bshare-custom sizcache0016052976275004127="0" sizset="0" style="margin-top:15px;"><A class=bshare-more id=bshare-shareto title=分享到 href="http://www.bShare.cn/" buttonIndex="0">分享到</A>&nbsp;&nbsp;<A class=bshare-qzone title=分享到QQ空间 href="javascript:void(0);">QQ空间</A>&nbsp;&nbsp;<A class=bshare-sinaminiblog title=分享到新浪微博 href="javascript:void(0);">新浪微博</A>&nbsp;&nbsp;<A class=bshare-renren title=分享到人人网 href="javascript:void(0);">人人网</A>&nbsp;&nbsp;<A class=bshare-qqmb title=分享到腾讯微博 href="javascript:void(0);">腾讯微博</A>&nbsp;&nbsp;<A class=bshare-douban title=分享到豆瓣 href="javascript:void(0);">豆瓣</A>&nbsp;&nbsp;<A class="bshare-more bshare-more-icon more-style-addthis" title=更多平台 buttonIndex="0"></A><SPAN class="BSHARE_COUNT bshare-share-count">0</SPAN></DIV>
  130. <SCRIPT src="http://static.bshare.cn/b/buttonLite.js#style=-1&amp;uuid=&amp;pophcol=2&amp;lang=zh" type=text/javascript charset=utf-8></SCRIPT>
  131. <SCRIPT src="http://static.bshare.cn/b/bshareC0.js" type=text/javascript charset=utf-8></SCRIPT>
  132. </div>
  133. </div>
  134. </div>
  135. <!--改变字号 大 中 小 开始-->
  136. <script language="javascript">
  137. function changeFontSize(pucl,size)
  138. {
  139. if(pucl.style)
  140. pucl.style.fontSize=size;
  141. for(var i=0;i<pucl.childNodes.length;i++)
  142. {
  143. changeFontSize(pucl.childNodes[i],size)
  144. }
  145. }
  146. </script>
  147. </body>
  148. </html>