policyProjectDetail.html 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372
  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. </head>
  10. <body layout:fragment="content">
  11. <!-- 头部导航 -->
  12. <div th:replace="~{home/common/header :: header}"></div>
  13. <!--nav-->
  14. <div class="center_nav">
  15. <div th:replace="~{home/common/header :: nav}"></div>
  16. </div>
  17. <div class="policy-bg">
  18. <div class="policy-content">
  19. <!--面包屑-->
  20. <div class="row">
  21. <div class="hidden-xs" style="padding-left: 0;">
  22. <ol class="breadcrumbFixed clearfix" style="border-bottom: 0px solid #fff;margin-bottom: 0;margin-top:40px;">
  23. <li>
  24. <a th:href="@{/home}">首页</a>
  25. </li>
  26. <li class="active"><a th:href="@{/home/informList/3}"><cite>[[${navigation_name}]]</cite></a></li>
  27. <li>策划详情</li>
  28. </ol>
  29. </div>
  30. <!--搜索框-->
  31. <div class="col-sm-6 col-md-6 col-lg-4 col-xs-12">
  32. <div style="display: inline-block;float: right;padding-top: 10px;width: 100%;">
  33. <span style="display: inline-block;width:100%">
  34. <input type="text" id="keyWord" name="keyword" placeholder="请输入政策搜索关键词" class="layui-input" style="width: 100%;display: inline-block">
  35. </span>
  36. <button id="keywordSearch"style="display: inline-block;float: right;background:none;border:none;">
  37. <i class=" iconfont icon-sousuo"></i>
  38. </button>
  39. </div>
  40. </div>
  41. </div>
  42. <!--内容-->
  43. <div>
  44. <script th:src="@{/js/government/policy/leftBase.js}"></script>
  45. <div class="project-list">
  46. <h2 class="project-detail-title">国家高新技术企业培育(江苏省)</h2>
  47. <div class="project-tab">
  48. <span class="active">项目概述</span>
  49. <span>申报自测</span>
  50. <!--<span>服务商家</span>-->
  51. </div>
  52. <div class="project-detail-centent">
  53. <div class="row">
  54. <div class="col-sm-12 col-md-12 col-lg-12">
  55. <div class="centerContent" style="padding-top: 20px;">
  56. <div>
  57. <span class="specialFont" >项目概览</span>
  58. <span class="mg_dynamics">支持力度
  59. <span class="star dynamics"></span>
  60. </span>
  61. <span class="mg_dynamics">
  62. 申报进度
  63. <span class="star schedule "></span>
  64. </span>
  65. <div class="project_overview_content"></div>
  66. </div>
  67. <div>
  68. <p class="specialFont">支持内容</p>
  69. <div class="supprot_content"></div>
  70. </div>
  71. <div>
  72. <p class="specialFont">申报条件 </p>
  73. <div class="declare_content"></div>
  74. </div>
  75. <div>
  76. <p class="specialFont">申报事项 </p>
  77. <div class="declare_items_content"></div>
  78. </div>
  79. <div>
  80. <p class="specialFont">申报材料 </p>
  81. <div class="declare_materials"></div>
  82. </div>
  83. <div >
  84. <p class="specialFont">模板资料 </p>
  85. <div>
  86. <ul id="template_content"></ul>
  87. <span class="unfold unfold_template">展开 ∨</span>
  88. </div>
  89. </div>
  90. <div >
  91. <p class="specialFont">常见问题 </p>
  92. <div>
  93. <ul id="issue" ></ul>
  94. <a th:href="@{/home/policyQuestionList}" class="unfold" >更多 > ></a>
  95. </div>
  96. </div>
  97. <div>
  98. <p class="specialFont">相关政策 </p>
  99. <div>
  100. <ul id="correlation_policy" ></ul>
  101. <a th:href="@{/home/policyList}" class="unfold">更多 > ></a>
  102. </div>
  103. </div>
  104. </div>
  105. </div>
  106. </div>
  107. <div style="display: none">
  108. <div class="hdpf">
  109. <div class="hdpf-active">诊断得分:[[${sumzdcj}]]分</div>
  110. </div>
  111. <div>
  112. <div class="project-detail-second-title">
  113. <span class="project-detail-second-title-name">必要条件</span>
  114. </div>
  115. <div>
  116. <table class="ld-table">
  117. <thead>
  118. <tr>
  119. <th>编号</th>
  120. <th>条件名称</th>
  121. <th>是否合格</th>
  122. </tr>
  123. </thead>
  124. <tbody>
  125. <tr th:each="item, iterStat: ${flList}">
  126. <td>[[${item.sno}]]</td>
  127. <td>[[${item.title}]]</td>
  128. <td>[[${item.zt}]]</td>
  129. </tr>
  130. </tbody>
  131. </table>
  132. </div>
  133. <div class="project-detail-second-title">
  134. <span class="project-detail-second-title-name">主要存在问题</span>
  135. </div>
  136. <div class="qa-list-box">
  137. <ul>
  138. <li th:each="item, iterStat: ${qaList}">
  139. <div class="clearfix question-name">
  140. <span class="item-number pull-left">1</span>
  141. <div class="qa-name">
  142. <span>[[${item.q}]]</span>
  143. <span class="ft-color-blue zd-btn">点击展开<i class="iconfont">&#xe639;</i></span>
  144. </div>
  145. </div>
  146. <div class="answer">
  147. <p class="ft-color-red">对策建议:</p>
  148. <div>
  149. <p>[[${item.a}]]</p>
  150. </div>
  151. </div>
  152. </li>
  153. </ul>
  154. </div>
  155. </div>
  156. </div>
  157. <div style="display: none">
  158. <div class="servicer-list">
  159. <ul>
  160. <li class="clearfix">
  161. <div class="project-img"><img th:src="@{/home/image/tzgg0428.jpg}" alt=""></div>
  162. <div class="project-item-text">
  163. <p>企业名称:软通动力</p>
  164. <p>联系方式:13900000000</p>
  165. </div>
  166. </li>
  167. <li class="clearfix">
  168. <div class="project-img"><img th:src="@{/home/image/tzgg0428.jpg}" alt=""></div>
  169. <div class="project-item-text">
  170. <p>企业名称:软通动力</p>
  171. <p>联系方式:13900000000</p>
  172. </div>
  173. </li>
  174. </ul>
  175. </div>
  176. </div>
  177. </div>
  178. </div>
  179. </div>
  180. </div>
  181. </div>
  182. <!--页底-->
  183. <div th:replace="~{home/common/footer :: footer}"></div>
  184. <script>
  185. $(function(){
  186. //头部导航栏
  187. $("li[role='presentation']").removeClass();
  188. var id = [[${navigation_id}]];
  189. $("#" + id).parent().attr("class", "active");
  190. var pagePath = $("meta[name='_ctx']").attr("content");
  191. pagePath = pagePath.substring(0, pagePath.length - 1);
  192. var type = "", criteria = "0", isinvalid = "0";
  193. layui.use('element', function () {
  194. var element = layui.element; //导航的hover效果、二级菜单等功能,需要依赖element模块
  195. });
  196. // 搜索
  197. $("#keywordSearch").on("click",function () {
  198. var keywordVal = encodeURI($("#keyWord").val());
  199. window.location.href = pagePath +"/home/policySearchList?lkey="+keywordVal;
  200. });
  201. $(".project-tab span").on("click",function () {
  202. var index = $(this).index();
  203. $(this).addClass("active").siblings().removeClass("active");
  204. $(".project-detail-centent").children().eq(index).show().siblings().hide()
  205. });
  206. $(".zd-btn").on("click",function () {
  207. console.log($(this).parents("li").children().find(".answer"))
  208. if(!$(this).hasClass("active")) {
  209. $(this).addClass("active");
  210. $(this).parents(".question-name").next().show();
  211. $(this).html("点击收起<i class='iconfont'>&#xe77a;</i>")
  212. }
  213. else {
  214. $(this).removeClass("active");
  215. $(this).parents(".question-name").next().hide();
  216. $(this).html("点击展开<i class='iconfont'>&#xe639;</i>")
  217. }
  218. })
  219. //项目申报详情
  220. var _bno = [[${bno}]];
  221. dataDetail(2,_bno);
  222. dataDetail(3,_bno);
  223. dataDetail(4,_bno);
  224. $.ajax({
  225. type:"GET",
  226. url:pagePath+"/policy/radar?apikey=snd_apis&at=7",
  227. dataType:"json",
  228. data:{
  229. bno:_bno
  230. },
  231. success:function(data){
  232. data = data.obj;
  233. if(data){
  234. var list = data.list;
  235. var ld = parseInt(list.ld);
  236. var nd = parseInt(list.nd);
  237. switch (ld){
  238. case 1 :
  239. $(".dynamics").html("★")
  240. break;
  241. case 2 :
  242. $(".dynamics").html("★ ★")
  243. break;
  244. case 3 :
  245. $(".dynamics").html("★ ★ ★")
  246. break;
  247. default :
  248. $(".dynamics").html("")
  249. };
  250. switch (nd){
  251. case 1 :
  252. $(".schedule").html("★")
  253. break;
  254. case 2 :
  255. $(".schedule").html("★ ★")
  256. break;
  257. case 3 :
  258. $(".schedule").html("★ ★ ★")
  259. break;
  260. default :
  261. $(".schedule").html("")
  262. }
  263. var msg4 =list.msg4.replace(/\\/g,"");
  264. var msg1 =list.msg1.replace(/\\/g,"");
  265. $(".detail_title").html(list.title);
  266. $(".project_overview_content").html(msg1);
  267. $(".supprot_content").html(list.msg2);
  268. $(".declare_content").html(list.msg3);
  269. $(".declare_items_content").html(msg4);
  270. $(".declare_materials").html(list.msg5);
  271. }
  272. }
  273. });
  274. });
  275. function dataDetail(lbNum,_bno) {
  276. $.ajax({
  277. type:"GET",
  278. url:pagePath+"/policy/radar?apikey=snd_apis&at=8&page=1&pagesize=100",
  279. dataType:"json",
  280. data:{
  281. lb: lbNum,
  282. bno:_bno
  283. },
  284. success:function(data){
  285. data = data.obj;
  286. console.log(data);
  287. if(data){
  288. var _list = data.list;
  289. var isTrue = Array.isArray(_list);
  290. var _result =data.result
  291. var _html = "";
  292. if(isTrue){
  293. $.each(_list,function(i,n){
  294. if(lbNum == 2){
  295. _html+="<li>" +
  296. "<a class='a_blue' href='"+pagePath +"/home/policyDetail?bno="+n.bno+"' target='_blank'>"+ n.title +"</a>" +
  297. "</li>"
  298. $("#issue").html(_html);
  299. $("#issue li:gt(2)").hide();
  300. }
  301. if(lbNum == 3){
  302. _html+="<li><a class='a_blue' href='"+pagePath +"/home/policyDetail?bno="+n.bno+"' target='_blank'>"+ n.title +"</a></li>"
  303. $("#correlation_policy").html(_html)
  304. $("#correlation_policy li:gt(2)").hide();
  305. }
  306. if(lbNum == 4){
  307. _html+="<li>" +
  308. "<span>"+ n.title +"</span>" +
  309. "<a class='download' href='"+pagePath +"/home/policyDetail?bno="+n.bno+"' target='_blank'>"+"下载"+"</a>"
  310. "</li>"
  311. $("#template_content").html(_html);
  312. var template_length = $("#template_content li").length;
  313. if(template_length<4){
  314. $(".unfold_template").hide()
  315. }else{
  316. $(".unfold_template").show()
  317. }
  318. $("#template_content li:gt(3)").hide()
  319. }
  320. });
  321. } else{
  322. if(lbNum == 2){
  323. $("#issue").parent().parent().hide();
  324. }
  325. if(lbNum == 3){
  326. $("#correlation_policy").parent().parent().hide();
  327. }
  328. if(lbNum == 4){
  329. $("#template_content").parent().parent().hide();
  330. }
  331. }
  332. }
  333. }
  334. })
  335. }
  336. //展开或隐藏
  337. $(".unfold_template").on("click", function unfold() {
  338. var _template = $("#template_content li:gt(3)");
  339. if (_template.is(':visible')) {
  340. _template.hide()
  341. $("#template_content").next().text("展开 ∨")
  342. } else {
  343. _template.show()
  344. $("#template_content").next().text("收起 ∧")
  345. }
  346. });
  347. // 评价弹出层
  348. function modaldemo(){
  349. $("#modal-demo").modal("show")
  350. };
  351. function modaldemo2(){
  352. $("#modal-demo").hide();
  353. $("#evaluation").modal("show");
  354. };
  355. function modalHide() {
  356. $("#modal-demo").modal("hide");
  357. $("#evaluation").modal("hide");
  358. }
  359. </script>
  360. </body>
  361. </html>