home.html 9.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218
  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>苏州高新区企业服务云平台</title>
  9. <style>
  10. .tips-popup {
  11. display: none;
  12. position: fixed;
  13. width: 100%;
  14. height: 100%;
  15. top: 0;
  16. left: 0;
  17. background: rgba(0,0,0,.3);
  18. z-index: 10000;
  19. }
  20. .tips-content {
  21. position: absolute;
  22. top: 50%;
  23. left: 50%;
  24. margin: -100px 0 0 -200px;
  25. width: 400px;
  26. height: 200px;
  27. font-size: 20px;
  28. text-align: center;
  29. /*padding-top: 90px;*/
  30. background: #fff;
  31. box-shadow: 2px 2px 10px rgba(0,0,0,.2);
  32. }
  33. .tips-content .tipsclose {
  34. position: absolute;
  35. top: 10px;
  36. right: 10px;
  37. font-size: 14px;
  38. cursor: pointer;
  39. }
  40. #popupCentent {
  41. padding: 70px 20px 0;
  42. line-height: 2;
  43. }
  44. .popupInfo {
  45. font-size: 16px;
  46. text-align: left;
  47. }
  48. </style>
  49. </head>
  50. <body layout:fragment="content">
  51. <div th:replace="~{home/common/header :: header}"></div>
  52. <!--nav-->
  53. <div class="center_nav">
  54. <div th:replace="~{home/common/header :: nav}"></div>
  55. </div>
  56. <div class="banner-bg"></div>
  57. <div class="main-bg">
  58. <div class="home-content">
  59. <!-- <div class="num-info">
  60. <ul class="clearfix">
  61. <li>
  62. <p><i class="iconfont">&#xe622;</i></p>
  63. <p class="num-font">[[${companyCount}]]</p>
  64. <p><strong>服务企业</strong></p>
  65. </li>
  66. <li>
  67. <p><i class="iconfont">&#xe6d2;</i></p>
  68. <p class="num-font">[[${contentCount}]]</p>
  69. <p><strong>开展活动</strong></p>
  70. </li>
  71. <li>
  72. <p><i class="iconfont">&#xe609;</i></p>
  73. <p class="num-font">[[${buildCount}]]</p>
  74. <p><strong>工业园产业园</strong></p>
  75. </li>
  76. <li>
  77. <p><i class="iconfont">&#xe68d;</i></p>
  78. <p class="num-font">[[${servicesCount}]]</p>
  79. <p><strong>服务联盟</strong></p>
  80. </li>
  81. <li>
  82. <p><i class="iconfont">&#xe6c6;</i></p>
  83. <p class="num-font">[[${activityCount}]]</p>
  84. <p><strong>专题活动</strong></p>
  85. </li>
  86. <li>
  87. <p><i class="iconfont">&#xe690;</i></p>
  88. <p class="num-font">[[${projectCount}]]</p>
  89. <p><strong>项目申报</strong></p>
  90. </li>
  91. </ul>
  92. </div> -->
  93. <div class="clearfix center-main">
  94. <div class="pull-left news-box" style="width: 560px;">
  95. <div class="news-title">
  96. <span>通知公告</span>
  97. </div>
  98. <div class="clearfix">
  99. <div class="pull-left home-news-pic">
  100. <a href="http://escloud.snd.gov.cn/home/activityDetail/38" target="_blank">
  101. <img src="http://202.102.20.60:8095/uploads/images/2019/02/25/20190225161755QQ截图20190225155358.png">
  102. </a>
  103. <!--<img th:src="@{/home/image/tzgg0428.jpg}" />-->
  104. </div>
  105. <div class="pull-left" style="width: 280px;" th:each="navigation,iterStat:${navigations}">
  106. <div th:if="${iterStat.index==0}">
  107. <div class="contentStyle" th:each="content,iterStat:${navigation.contents}" th:object="${content}">
  108. <!--<div class="pull-left">-->
  109. <!--<img th:src="${navigation.fileDown.file_url}">-->
  110. <!--</div>-->
  111. <div class="home-news-list">
  112. <ul th:if="${iterStat.index==0}">
  113. <li th:each="content,iterStat:${navigation.contents}" th:object="${content}" class="ellipsis"><a th:href="@{'/home/contentDetail/'+*{id}}" th:text="*{title}" target="_blank" th:title="*{title}"></a></li>
  114. </ul>
  115. </div>
  116. <!--<div>-->
  117. <!--<h3 th:if="${iterStat.first}"><a th:href="@{'/home/contentDetail/'+*{id}}" th:text="*{title}"></a><i class="iconfont hot-news">&#xe600;</i></h3>-->
  118. <!--<p th:unless="${iterStat.first}" class="ellipsis"><a th:href="@{'/home/contentDetail/'+*{id}}" th:text="*{title}"></a></p>-->
  119. <!--<p th:if="${iterStat.first}" class="brief-info" th:text="*{brief}"></p>-->
  120. <!--&lt;!&ndash;<span >[[*{create_time}]]</span>&ndash;&gt;-->
  121. <!--</div>-->
  122. </div>
  123. </div>
  124. </div>
  125. </div>
  126. </div>
  127. <div class="pull-left news-box" style="width: 285px;">
  128. <div class="news-title">
  129. <span>政策法规</span>
  130. </div>
  131. <div class="home-news-list">
  132. <ul id="newsFg">
  133. </ul>
  134. </div>
  135. <!--<div th:each="navigation,iterStat:${navigations}" class="home-news-list">-->
  136. <!--<ul th:if="${iterStat.index==1}">-->
  137. <!--<li th:each="content,iterStat:${navigation.contents}" th:object="${content}" class="ellipsis"><a th:href="@{'/home/contentDetail/'+*{id}}" th:text="*{title}"></a></li>-->
  138. <!--</ul>-->
  139. <!--</div>-->
  140. </div>
  141. <div class="pull-right">
  142. <a th:href="@{'/home/informList/1'}"><img th:src="@{'/home/image/activity-img.jpg'}" alt="高新区专题活动"></a>
  143. </div>
  144. </div>
  145. <div class="projects" style="margin-top: 40px">
  146. <div class="device">
  147. <a class="arrow-left" href="#"><i class="iconfont">&#xe779;</i></a>
  148. <a class="arrow-right" href="#"><i class="iconfont">&#xe604;</i></a>
  149. <div class="swiper-container " id="swiper-footer">
  150. <div class="swiper-wrapper" >
  151. <!--<div class="swiper-slide" th:each="content,iterStat:${contentServices}" th:object="${content}"><a th:href="@{'/home/contentDetail/'+*{id}}"><img th:src="${fileUrl} +*{fileDown.file_url}"></a></div>-->
  152. <div class="swiper-slide"><a th:href="@{'/home/serverDetail/78'}" th:title="政务服务"><img th:src="@{/home/image/img01.jpg}" alt="政务服务"></a></div>
  153. <div class="swiper-slide"><a th:href="@{'/home/login'}" th:title="存量工业用地"><img th:src="@{/home/image/img02.jpg}" alt="存量工业用地"></a></div>
  154. <div class="swiper-slide"><a th:href="@{'/home/login'}" th:title="项目申报"><img th:src="@{/home/image/img03.jpg}" alt="项目申报"></a></div>
  155. <div class="swiper-slide"><a onclick="toGYZT()" th:title="工业小区服务"><img th:src="@{/home/image/img04.jpg}" alt="工业小区服务"></a></div>
  156. </div>
  157. </div>
  158. </div>
  159. </div>
  160. </div>
  161. </div>
  162. <!--页底-->
  163. <div th:replace="~{home/common/footer :: footer}"></div>
  164. <script type="text/javascript">
  165. //解决session过期页面嵌在iframe里面
  166. if (self != top) {
  167. top.location = self.location;
  168. }
  169. var industrialCarrier = "http://47.105.241.108"
  170. var pagePath = $("meta[name='_ctx']").attr("content");
  171. pagePath = pagePath.substring(0, pagePath.length - 1);
  172. $(function () {
  173. getNewsData(0);
  174. });
  175. var swiper_footer = new Swiper('#swiper-footer', {
  176. autoplay:2000,
  177. loop : false,
  178. slidesPerView : 4
  179. });
  180. $('.arrow-left').on('click', function(e){
  181. e.preventDefault()
  182. swiper_footer.swipePrev()
  183. });
  184. $('.arrow-right').on('click', function(e){
  185. e.preventDefault()
  186. swiper_footer.swipeNext()
  187. });
  188. function getNewsData(lbIndex) {
  189. $.ajax({
  190. url: pagePath+"/policy/radar?apikey=snd_apis&at=2&page=1&pagesize=5",
  191. type: 'get',
  192. dataType: 'json',
  193. data:{lb:lbIndex},
  194. success: function (json) {
  195. json = json.obj;
  196. var _html = '';
  197. $.each(json.list, function (index, item) {
  198. _html += '<li class="ellipsis"><a href="'+pagePath+'/home/policyDetail?bno='+ item.bno +'" target="_blank" title="'+ item.title +'">'+ item.title +'</a></li>';
  199. });
  200. $("#newsFg").html(_html);
  201. }
  202. });
  203. }
  204. function toGYZT() {
  205. window.open(pagePath.substring(0,pagePath.lastIndexOf("/")) + '/industry/admin/#/home');
  206. }
  207. </script>
  208. </body>
  209. </html>