detail.html 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  1. <!DOCTYPE HTML>
  2. <html xmlns:th="http://www.thymeleaf.org"
  3. xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
  4. layout:decorate="~{admin/common/common}">
  5. <head>
  6. <title>服务事项详情</title>
  7. <style>
  8. .post_meta{
  9. text-align: center;
  10. margin-top:15px ;
  11. }
  12. .post_meta ul li {
  13. display: inline-block;
  14. margin:0 15px;
  15. color:#999;
  16. }
  17. </style>
  18. </head>
  19. <body layout:fragment="content">
  20. <!-- 主体内容 -->
  21. <div class="main">
  22. <div class="container">
  23. <div class="col-sm-12 col-md-12 col-lg-12">
  24. <div class="detailTab" style="margin-top: 20px;">
  25. <div class="row c1" >
  26. <div class="col-sm-12 col-md-12 col-lg-12">
  27. <div>
  28. <h3 id="project_name" style="text-align: center;">
  29. </h3>
  30. </div>
  31. <div class="post_meta">
  32. <ul>
  33. <li>发布时间:&nbsp;<span id="release_date"></span></li>
  34. <li>浏览:&nbsp;<span id="browse_count"></span></li>
  35. <li>来源:&nbsp;<span id="project_source_name"></span></li>
  36. <li>发布人:&nbsp;<span id="department_name"></span></li>
  37. <li><span id="" style="vertical-align: middle;">分享:</span>&nbsp;
  38. <div class="bshare-custom" style="display: inline-block">
  39. <!--<div class="bsPromo bsPromo2"></div>-->
  40. <a title="分享到QQ空间" class="bshare-qzone" href="javascript:void(0);"></a>
  41. <a title="分享到微信" class="bshare-weixin" href="javascript:void(0);"></a>
  42. <a title="分享到新浪微博" class="bshare-sinaminiblog"></a>
  43. <a title="更多平台" class="bshare-more bshare-more-icon more-style-addthis"></a>
  44. <!--<span class="BSHARE_COUNT bshare-share-count" style="float: none;">41K</span>-->
  45. </div>
  46. <script type="text/javascript" charset="utf-8"
  47. src="http://static.bshare.cn/b/buttonLite.js#style=-1&amp;uuid=&amp;pophcol=2&amp;lang=zh"></script>
  48. <script type="text/javascript" charset="utf-8"
  49. src="http://static.bshare.cn/b/bshareC0.js"></script>
  50. </li>
  51. </ul>
  52. </div>
  53. </div>
  54. </div>
  55. <div class="row c1">
  56. <div class="col-sm-12 col-md-12 col-lg-12">
  57. <div class="centerContent" style="padding-top: 20px;">
  58. <div>
  59. <div class="text" id="content" style="visibility: visible;">
  60. </div>
  61. </div>
  62. </div>
  63. </div>
  64. <div class="col-sm-12 col-md-12 col-lg-12">
  65. <div><label>附件(备注:如直接点击文件无法下载,请右击另存为。):</label><a id="fileDown" title="如直接点击文件无法下载,请右击另存为。" download target="_blank"></a></div>
  66. </div>
  67. </div>
  68. </div>
  69. </div>
  70. </div>
  71. </div>
  72. <script th:inline="javascript">
  73. $(function () {
  74. var id = [[${project.id}]];
  75. console.log(id);
  76. findMatters(id);
  77. });
  78. function findMatters(id) {
  79. $("#fileDown").html("");
  80. $.ajax({
  81. url: pagePath + "/government/projectMatters/findMatters",
  82. type: "get",
  83. data: {
  84. 'id': id,
  85. 'time': new Date()
  86. },
  87. dataType: "json",
  88. success: function (result) {
  89. if (result.success) {
  90. var projectServerType = result.obj;
  91. $("#project_name").html(projectServerType.project_name);
  92. $("#release_date").html(projectServerType.release_date);
  93. $("#browse_count").html(projectServerType.browse_count);
  94. $("#project_source_name").html(projectServerType.project_source_name);
  95. $("#department_name").html(projectServerType.department_name);
  96. $("#content").html(projectServerType.content);
  97. $("#fileDown").html(projectServerType.fileDown.file_name);
  98. $("#fileDown").attr("href", projectServerType.fileUrl + projectServerType.fileDown.file_url);
  99. $("#declaration_id").val(projectServerType.id);
  100. if ("1" == projectServerType.is_public) {
  101. $("#applyButton").show();
  102. }else{
  103. $("#applyButton").hide();
  104. }
  105. }
  106. }
  107. })
  108. }
  109. </script>
  110. </body>
  111. </html>