policyQuestDetail.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290
  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="breadcrumb 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 href="" class="unfold" >更多 > ></a>
  107. </div>
  108. </div>
  109. <div>
  110. <p class="specialFont">相关政策 </p>
  111. <div>
  112. <ul id="correlation_policy" ></ul>
  113. <a href="/myboot/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:"http://snd.ideatob.com/mp/api/?apikey=snd_apis&at=7",
  156. dataType:"json",
  157. data:{
  158. bno:_bno
  159. },
  160. success:function(data){
  161. if(data){
  162. var list = data.list;
  163. var ld = parseInt(list.ld);
  164. var nd = parseInt(list.nd);
  165. switch (ld){
  166. case 1 :
  167. $(".dynamics").html("★")
  168. break;
  169. case 2 :
  170. $(".dynamics").html("★ ★")
  171. break;
  172. case 3 :
  173. $(".dynamics").html("★ ★ ★")
  174. break;
  175. default :
  176. $(".dynamics").html("")
  177. };
  178. switch (nd){
  179. case 1 :
  180. $(".schedule").html("★")
  181. break;
  182. case 2 :
  183. $(".schedule").html("★ ★")
  184. break;
  185. case 3 :
  186. $(".schedule").html("★ ★ ★")
  187. break;
  188. default :
  189. $(".schedule").html("")
  190. }
  191. var msg4 =list.msg4.replace(/\\/g,"");
  192. $(".detail_title").html(list.title);
  193. $(".project_overview_content").html(list.msg1);
  194. $(".supprot_content").html(list.msg2);
  195. $(".declare_content").html(list.msg3);
  196. $(".declare_items_content").html(msg4);
  197. $(".declare_materials").html(list.msg5);
  198. }
  199. }
  200. });
  201. });
  202. function dataDetail(lbNum,_bno) {
  203. $.ajax({
  204. type:"GET",
  205. url:"http://snd.ideatob.com/mp/api/?apikey=snd_apis&at=8&page=1&pagesize=100",
  206. dataType:"json",
  207. data:{
  208. lb: lbNum,
  209. bno:_bno
  210. },
  211. success:function(data){
  212. if(data){
  213. var _list = data.list;
  214. var isTrue = Array.isArray(_list);
  215. var _result =data.result
  216. var _html = "";
  217. if(isTrue){
  218. $.each(_list,function(i,n){
  219. if(lbNum == 2){
  220. _html+="<li>" +
  221. "<a class='a_blue' href='/myboot/home/policyDetail?bno="+n.bno+"'>"+ n.title +"</a>" +
  222. "</li>"
  223. $("#issue").html(_html);
  224. $("#issue li:gt(2)").hide();
  225. }
  226. if(lbNum == 3){
  227. _html+="<li><a class='a_blue' href='/myboot/home/policyDetail?bno="+n.bno+"'>"+ n.title +"</a></li>"
  228. $("#correlation_policy").html(_html)
  229. $("#correlation_policy li:gt(2)").hide();
  230. }
  231. if(lbNum == 4){
  232. _html+="<li>" +
  233. "<span>"+ n.title +"</span>" +
  234. "<a class='download' href=''>"+"下载"+"</a>"
  235. "</li>"
  236. $("#template_content").html(_html);
  237. var template_length = $("#template_content li").length;
  238. if(template_length<4){
  239. $(".unfold_template").hide()
  240. }else{
  241. $(".unfold_template").show()
  242. }
  243. $("#template_content li:gt(3)").hide()
  244. }
  245. });
  246. } else{
  247. if(lbNum == 2){
  248. $("#issue").parent().parent().hide();
  249. }
  250. if(lbNum == 3){
  251. $("#correlation_policy").parent().parent().hide();
  252. }
  253. if(lbNum == 4){
  254. $("#template_content").parent().parent().hide();
  255. }
  256. }
  257. }
  258. }
  259. })
  260. }
  261. //展开或隐藏
  262. $(".unfold_template").on("click", function unfold() {
  263. var _template = $("#template_content li:gt(3)");
  264. if (_template.is(':visible')) {
  265. _template.hide()
  266. $("#template_content").next().text("展开 > >")
  267. } else {
  268. _template.show()
  269. $("#template_content").next().text("收起 > >")
  270. }
  271. })
  272. </script>
  273. </body>
  274. </html>