policySpecialDetail.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294
  1. <!DOCTYPE html>
  2. <html lang="en"
  3. xmlns:th="http://www.thymeleaf.org"
  4. xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
  5. layout:decorate="~{home/common/common}">
  6. <head>
  7. <meta charset="UTF-8">
  8. <title th:text="${navigation_name}"></title>
  9. <style>
  10. .bFind-wrapper-top {
  11. background: #fff;
  12. border-color: #ccc #aaa #aaa #ccc;
  13. border-style: solid;
  14. border-width: 1px;
  15. height: 25px !important;
  16. padding: 4px;
  17. margin: 0;
  18. }
  19. .bsBox {
  20. width: auto !important;
  21. height: auto !important;
  22. }
  23. .text-overflow {
  24. overflow: hidden;
  25. text-overflow: ellipsis;
  26. white-space: nowrap;
  27. }
  28. </style>
  29. </head>
  30. <body layout:fragment="content">
  31. <!-- 头部导航 -->
  32. <div th:replace="~{home/common/header :: header}"></div>
  33. <!--nav-->
  34. <div class="center_nav">
  35. <div th:replace="~{home/common/header :: nav}"></div>
  36. </div>
  37. <!-- 主体内容 -->
  38. <div class="main">
  39. <div class="container projects">
  40. <div class="row">
  41. <div class="hidden-xs" style="padding-left: 0;">
  42. <ol class="breadcrumbFixed clearfix"
  43. style="margin-top: 40px;border-bottom: 0px solid #fff;margin-bottom: 0;">
  44. <li>
  45. <a th:href="@{/home}">首页</a>
  46. </li>
  47. <li th:if="${navigation_id!=2}" class="active"><a th:href="@{'/home/informList/'+${navigation_id}}">[[${navigation_name}]]</a>
  48. </li>
  49. <li th:if="${navigation_id==2}" class="active"><a th:href="@{/home/unionCompany}">[[${navigation_name}]]</a>
  50. </li>
  51. <!--<li class="active"><a><cite>内容详情</cite></a></li>-->
  52. </ol>
  53. </div>
  54. </div>
  55. </div>
  56. <div class="container projects" style="margin-top: 20px;">
  57. <div id="news_top" class="row">
  58. <div class="col-sm-12 col-md-12 col-lg-12">
  59. <div class="title_font">
  60. <h2 class="detail_title"></h2>
  61. <!--<p class="time_cneter" th:text="${content.create_time}"></p>-->
  62. </div>
  63. </div>
  64. </div>
  65. <div class="row">
  66. <div class="col-sm-12 col-md-12 col-lg-12">
  67. <div class="centerContent" style="padding-top: 20px;">
  68. <div>
  69. <span class="specialFont" >项目概览</span>
  70. <span class="mg_dynamics">支持力度
  71. <span class="star dynamics"></span>
  72. </span>
  73. <span class="mg_dynamics">
  74. 申报进度
  75. <span class="star schedule "></span>
  76. </span>
  77. <div class="project_overview_content"></div>
  78. </div>
  79. <div>
  80. <p class="specialFont">支持内容</p>
  81. <div class="supprot_content"></div>
  82. </div>
  83. <div>
  84. <p class="specialFont">申报条件 </p>
  85. <div class="declare_content"></div>
  86. </div>
  87. <div>
  88. <p class="specialFont">申报事项 </p>
  89. <div class="declare_items_content"></div>
  90. </div>
  91. <div>
  92. <p class="specialFont">申报材料 </p>
  93. <div class="declare_materials"></div>
  94. </div>
  95. <div >
  96. <p class="specialFont">模板资料 </p>
  97. <div>
  98. <ul id="template_content"></ul>
  99. <span class="unfold unfold_template">展开 ∨</span>
  100. </div>
  101. </div>
  102. <div >
  103. <p class="specialFont">常见问题 </p>
  104. <div>
  105. <ul id="issue" ></ul>
  106. <a th:href="@{/home/policyQuestionList}" class="unfold" >更多 > ></a>
  107. </div>
  108. </div>
  109. <div>
  110. <p class="specialFont">相关政策 </p>
  111. <div>
  112. <ul id="correlation_policy" ></ul>
  113. <a th:href="@{/home/policyList}" class="unfold">更多 > ></a>
  114. </div>
  115. </div>
  116. </div>
  117. </div>
  118. </div>
  119. </div>
  120. <input type="hidden" id="navigation_id" th:value="${navigation_id}"/>
  121. </div>
  122. <!--页底-->
  123. <div th:replace="~{home/common/footer :: footer}"></div>
  124. <script type="text/javascript" charset="utf-8"
  125. src="http://static.bshare.cn/b/buttonLite.js#style=-1&amp;uuid=&amp;pophcol=2&amp;lang=zh"></script>
  126. <script type="text/javascript" charset="utf-8"
  127. src="http://static.bshare.cn/b/bshareC0.js"></script>
  128. <script th:inline="javascript">
  129. var fileUrl = [[${fileUrl}]];
  130. $("li[role='presentation']").removeClass();
  131. var id = $("#navigation_id").val();
  132. var activityId = $("#activityId").val();
  133. var pagePath = $("meta[name='_ctx']").attr("content");
  134. pagePath = pagePath.substring(0, pagePath.length - 1);
  135. var infoList = new Array(), index = 0;
  136. var time = 0;//时间差
  137. var activity_quota = "", activity_remain = "";
  138. $("#" + id).parent().attr("class", "active");
  139. layui.use('element', function () {
  140. var element = layui.element; //导航的hover效果、二级菜单等功能,需要依赖element模块
  141. });
  142. $(function () {
  143. function getQuery (name) {
  144. var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i')
  145. var r = window.location.search.substr(1).match(reg)
  146. if (r != null) return decodeURI(r[2])
  147. return null
  148. };
  149. var _bno = getQuery('bno');
  150. dataDetail(2,_bno);
  151. dataDetail(3,_bno);
  152. dataDetail(4,_bno);
  153. $.ajax({
  154. type:"GET",
  155. url:pagePath+"/policy/radar?apikey=snd_apis&at=7",
  156. dataType:"json",
  157. data:{
  158. bno:_bno
  159. },
  160. success:function(data){
  161. data = data.obj;
  162. if(data){
  163. var list = data.list;
  164. var ld = parseInt(list.ld);
  165. var nd = parseInt(list.nd);
  166. switch (ld){
  167. case 1 :
  168. $(".dynamics").html("★")
  169. break;
  170. case 2 :
  171. $(".dynamics").html("★ ★")
  172. break;
  173. case 3 :
  174. $(".dynamics").html("★ ★ ★")
  175. break;
  176. default :
  177. $(".dynamics").html("")
  178. };
  179. switch (nd){
  180. case 1 :
  181. $(".schedule").html("★")
  182. break;
  183. case 2 :
  184. $(".schedule").html("★ ★")
  185. break;
  186. case 3 :
  187. $(".schedule").html("★ ★ ★")
  188. break;
  189. default :
  190. $(".schedule").html("")
  191. }
  192. var msg4 =list.msg4.replace(/\\/g,"");
  193. var msg1 =list.msg1.replace(/\\/g,"");
  194. $(".detail_title").html(list.title);
  195. $(".project_overview_content").html(msg1);
  196. $(".supprot_content").html(list.msg2);
  197. $(".declare_content").html(list.msg3);
  198. $(".declare_items_content").html(msg4);
  199. $(".declare_materials").html(list.msg5);
  200. }
  201. }
  202. });
  203. });
  204. function dataDetail(lbNum,_bno) {
  205. $.ajax({
  206. type:"GET",
  207. url:pagePath+"/policy/radar?apikey=snd_apis&at=8&page=1&pagesize=100",
  208. dataType:"json",
  209. data:{
  210. lb: lbNum,
  211. bno:_bno
  212. },
  213. success:function(data){
  214. data = data.obj;
  215. console.log(data)
  216. if(data){
  217. var _list = data.list;
  218. var isTrue = Array.isArray(_list);
  219. var _result =data.result
  220. var _html = "";
  221. if(isTrue){
  222. $.each(_list,function(i,n){
  223. if(lbNum == 2){
  224. _html+="<li>" +
  225. "<a class='a_blue' href='"+pagePath +"/home/policyDetail?bno="+n.bno+"' target='_blank'>"+ n.title +"</a>" +
  226. "</li>"
  227. $("#issue").html(_html);
  228. $("#issue li:gt(2)").hide();
  229. }
  230. if(lbNum == 3){
  231. _html+="<li><a class='a_blue' href='"+pagePath +"/home/policyDetail?bno="+n.bno+"' target='_blank'>"+ n.title +"</a></li>"
  232. $("#correlation_policy").html(_html)
  233. $("#correlation_policy li:gt(2)").hide();
  234. }
  235. if(lbNum == 4){
  236. _html+="<li>" +
  237. "<span>"+ n.title +"</span>" +
  238. "<a class='download' href='"+pagePath +"/home/policyDetail?bno="+n.bno+"' target='_blank'>"+"下载"+"</a>"
  239. "</li>"
  240. $("#template_content").html(_html);
  241. var template_length = $("#template_content li").length;
  242. if(template_length<4){
  243. $(".unfold_template").hide()
  244. }else{
  245. $(".unfold_template").show()
  246. }
  247. $("#template_content li:gt(3)").hide()
  248. }
  249. });
  250. } else{
  251. if(lbNum == 2){
  252. $("#issue").parent().parent().hide();
  253. }
  254. if(lbNum == 3){
  255. $("#correlation_policy").parent().parent().hide();
  256. }
  257. if(lbNum == 4){
  258. $("#template_content").parent().parent().hide();
  259. }
  260. }
  261. }
  262. }
  263. })
  264. }
  265. //展开或隐藏
  266. $(".unfold_template").on("click", function unfold() {
  267. var _template = $("#template_content li:gt(3)");
  268. if (_template.is(':visible')) {
  269. _template.hide()
  270. $("#template_content").next().text("展开 ∨")
  271. } else {
  272. _template.show()
  273. $("#template_content").next().text("收起 ∧")
  274. }
  275. })
  276. </script>
  277. </body>
  278. </html>