index.html 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml"
  3. xmlns:th="http://www.thymeleaf.org"
  4. xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
  5. <head th:replace="common::header(~{::title},~{::link})">
  6. <meta charset="UTF-8">
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  9. <link rel="icon" type="image/png" th:href="${portalHost+'/img/ico_logo.png'}" sizes="16x16">
  10. <title>阿凡提-知识产权新运用</title>
  11. <link th:href="${portalHost+'/dll/dll.css'}" rel="stylesheet">
  12. <link th:href="${portalHost+'/vendors.css'}" rel="stylesheet">
  13. <link th:href="${portalHost+'/index.css'}" rel="stylesheet"></head>
  14. <body>
  15. <div th:replace="common::nav('','index')"></div>
  16. <!-- banner -->
  17. <div id="myCarousel" class="carousel" th:if="${#lists.size(bannerlist) eq 1}">
  18. <!-- 轮播(Carousel)项目 -->
  19. <div class="carousel-inner" th:each="banner,bStatus:${bannerlist}">
  20. <div class="item active">
  21. <a href="javacript:void(0);" th:if="${banner.forwardUrl}!=null and ${banner.forwardUrl}!=''" th:href="|${basePath }${ banner.forwardUrl}"><img th:src="|${avatarUploadHost}${banner.imgUrl}" th:alt="${banner.text}"></a>
  22. <a th:if="${banner.forwardUrl}==null or ${banner.forwardUrl}==''"><img th:src="|${avatarUploadHost}${banner.imgUrl}" th:alt="${banner.text}"></a>
  23. </div>
  24. </div>
  25. </div>
  26. <div id="myCarousel" class="carousel slide" th:if="${#lists.size(bannerlist) > 1}">
  27. <!-- 轮播(Carousel)指标 -->
  28. <ol class="carousel-indicators"><!-- 循环圆点 -->
  29. <li data-target="#myCarousel" th:attr="data-slide-to=${bStatus.index}" class="active" th:each="banner,bStatus:${bannerlist}" th:if="${bStatus.first}"></li>
  30. <li data-target="#myCarousel" th:attr="data-slide-to=${bStatus.index}" th:each="banner,bStatus:${bannerlist}" th:unless="${bStatus.first}"></li>
  31. </ol>
  32. <!-- 轮播(Carousel)项目 -->
  33. <div class="carousel-inner" >
  34. <div class="item active" th:each="banner,bStatus:${bannerlist}" th:if="${bStatus.first}">
  35. <!-- /portal/continueHigh /portal/militaryProject /portal/practicalPatent -->
  36. <a th:if="${banner.forwardUrl}!=null and ${banner.forwardUrl}!=''" th:href="|${basePath }${ banner.forwardUrl}"><img th:src="|${avatarUploadHost}${banner.imgUrl}" th:alt="${banner.text}"></a>
  37. <a th:if="${banner.forwardUrl}==null or ${banner.forwardUrl}==''" ><img th:src="|${avatarUploadHost}${banner.imgUrl}" th:alt="${banner.text}"></a>
  38. </div>
  39. <div class="item" th:each="banner,bStatus:${bannerlist}" th:unless="${bStatus.first}">
  40. <a th:if="${banner.forwardUrl}!=null and ${banner.forwardUrl}!=''" th:href="|${basePath }${ banner.forwardUrl}"><img th:src="|${avatarUploadHost}${banner.imgUrl}" th:alt="${banner.text}"></a>
  41. <a th:if="${banner.forwardUrl}==null or ${banner.forwardUrl}==''" ><img th:src="|${avatarUploadHost}${banner.imgUrl}" th:alt="${banner.text}"></a>
  42. </div>
  43. </div>
  44. <!-- 轮播(Carousel)导航 -->
  45. <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
  46. <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
  47. </div>
  48. <!-- <div class="indexSearch">
  49. <ul class="jumpType">
  50. <li class="active">成果</li>
  51. <li>需求</li>
  52. <li>专利</li>
  53. <li>政策</li>
  54. <li>项目</li>
  55. </ul>
  56. <div class="search-inp">
  57. <div class="input-group searchDiv">
  58. <input type="text" class="form-control demandSearch" placeholder="输入你感兴趣的内容">
  59. <img th:src="${portalHost+'/img/newMenu/searchImg.png'}" alt="" class="searchImg">
  60. </div>
  61. <a th:href="@{/portal/assessment}" class="zaixian">在线评估</a>
  62. <a th:href="@{/portal/evaluation/evaluate}" href="/portal/evaluation/evaluate" class="gaoqi">高企自评</a>
  63. </div>
  64. <ul class="jump">
  65. <li>
  66. <a href="/portal/thinkTank/policyList?type=1">政策</a>
  67. </li>
  68. <li>
  69. <a href="/portal/thinkTank/policyList?type=0">资讯</a>
  70. </li>
  71. <li>
  72. <a href="/portal/thinkTank/policyList?type=99">技淘观点</a>
  73. </li>
  74. <li>
  75. <a href="/portal/thinkTank/policyList?type=98">知产百科</a>
  76. </li>
  77. </ul>
  78. <span class="apply head_login">申请会员</span>
  79. </div> -->
  80. <!-- 主体内容区域 -->
  81. <div id="terrace">
  82. <div class="RecommendTitle">
  83. <h2>知识产权新运用服务平台</h2>
  84. <span></span>
  85. </div>
  86. <!--
  87. <div class="terrace_cont">
  88. <div>
  89. <img th:src="${portalHost+'/img/indedImg/inded1.png'}" alt="" />
  90. <div class="terraceH">
  91. <h4>智慧</h4>
  92. <p>海量智力成果认知您的需求</p>
  93. </div>
  94. </div>
  95. <div>
  96. <img th:src="${portalHost+'/img/indedImg/inded1.png'}" alt="" />
  97. <div class="terraceH">
  98. <h4>合伙</h4>
  99. <p>秉承十七载荣赢数万客户</p>
  100. </div>
  101. </div><div>
  102. <img th:src="${portalHost+'/img/indedImg/inded1.png'}" alt="" />
  103. <div class="terraceH">
  104. <h4>社区</h4>
  105. <p>严选数千位专家顾问答疑解惑</p>
  106. </div>
  107. </div>
  108. </div>-->
  109. </div>
  110. <div id="apply">
  111. <div class="apply">
  112. <div class="apply_left">
  113. <a >
  114. <img th:src="${portalHost+'/img/indedImg/inded15.jpg'}" alt="" />
  115. </a>
  116. </div>
  117. <div class="apply_right">
  118. <div th:each="p0,pcStatus:${patentCategory}">
  119. <a th:href="'/portal/service/patentList?secondId='+${p0.topLevelId}">
  120. <img th:src="${portalHost+'/img/indedImg/inded20.jpg'}" alt="" th:if="${pcStatus.index}==0"/>
  121. <img th:src="${portalHost+'/img/indedImg/inded21.jpg'}" alt="" th:if="${pcStatus.index}==1"/>
  122. <img th:src="${portalHost+'/img/indedImg/inded22.jpg'}" alt="" th:if="${pcStatus.index}==2"/>
  123. <img th:src="${portalHost+'/img/indedImg/inded23.jpg'}" alt="" th:if="${pcStatus.index}==3"/>
  124. <img th:src="${portalHost+'/img/indedImg/inded24.jpg'}" alt="" th:if="${pcStatus.index}==4"/>
  125. <img th:src="${portalHost+'/img/indedImg/inded25.jpg'}" alt="" th:if="${pcStatus.index}==5"/>
  126. <h4 th:text="${p0.topLevel}"> 发明专利</h4>
  127. </a>
  128. </div>
  129. </div>
  130. </div>
  131. </div>
  132. <div class="container">
  133. <div class="RecommendTitle">
  134. <h2>政策资讯</h2>
  135. <span></span>
  136. </div>
  137. <div class="news">
  138. <div class="consultation" style="width: 1200px;">
  139. <a href="/portal/thinkTank/policyList?type=0" style="color: black;position: relative;left: 1120px;font-size: 16px;">更多资讯&gt;&gt;</a>
  140. <ul style="display: flex; flex-wrap: wrap;">
  141. <li th:each="n:${news}" style="width: 600px;">
  142. <a th:href="@{/portal/news/newsDetail(id=${n.id},type=1)}">
  143. <div class="time">
  144. <span th:text="${#dates.format(n.releaseDate,'MM-dd')}">03-12</span>
  145. <span th:text="${#dates.format(n.releaseDate,'yyyy')}">2018</span>
  146. </div>
  147. <div class="newTxt">
  148. <h5 th:text="${#strings.abbreviate(n.title,18)}">加奖金哦违法爱按金额积分经济积分经济积分经济if啊积分经济交往和居委会看看哇卡哇卡...</h5>
  149. <p th:text="${#strings.abbreviate(n.summary,65)}">哈哈哈哈海鸥科技打飞机附近的啊我的㘝技打飞机附近的啊我的技打飞机附近的啊我的技打飞机附近的啊我的技打飞机附近的啊我的酒店设计大姐姐 但是大家觉得结算单基督教圣诞节ajd...</p>
  150. </div>
  151. </a>
  152. </li>
  153. </ul>
  154. </div>
  155. </div>
  156. </div>
  157. <!-- <div id="wield">
  158. <div class="terrace_title">
  159. <img th:src="${portalHost+'/img/indedImg/inded4.png'}" alt="" />
  160. </div>
  161. <div class="wield_cont">
  162. <div class="video">
  163. <video id="video1" controls="true" controlslist="nodownload">
  164. <source src="http://118.190.205.7:8000/Pear-Demo-Yosemite_National_Park.mp4 " type="video/mp4">
  165. <source th:src="${vurl == null? 'http://118.190.205.7:8000/Pear-Demo-Yosemite_National_Park.mp4': videoServer+vurl}" type="video/mp4">
  166. 您的浏览器不支持 HTML5 video 标签。
  167. </video>
  168. </div>
  169. <img th:src="${portalHost+'/img/indedImg/inded5.png'}" alt="" />
  170. </div>
  171. <div class="moreVideo">
  172. <a href="/portal/video.html">查看更多视频 >></a>
  173. </div>
  174. </div> -->
  175. <!-- <div class="brands">
  176. <a th:href="@{/portal/service/brandBuild}">
  177. <img th:src="${portalHost+'/img/indedImg/inded6.png'}" alt="" />
  178. </a>
  179. </div>
  180. <div class="brands">
  181. <a th:href="@{/portal/service/marketOpen}">
  182. <img th:src="${portalHost+'/img/indedImg/inded7.png'}" alt="" />
  183. </a>
  184. <div class="brandsDiv">
  185. <img th:src="${portalHost+'/img/indedImg/inded31.jpg'}" alt="" class="active"/>
  186. <img th:src="${portalHost+'/img/indedImg/inded32.jpg'}" alt="" />
  187. <img th:src="${portalHost+'/img/indedImg/inded33.jpg'}" alt="" />
  188. </div>
  189. </div>
  190. <div class="brands">
  191. <a th:href="@{/portal/service/governmentSupport}">
  192. <img th:src="${portalHost+'/img/indedImg/inded8.png'}" alt="" />
  193. </a>
  194. </div>
  195. <div class="brands">
  196. <a th:href="@{/portal/service/taxFinance}">
  197. <img th:src="${portalHost+'/img/indedImg/inded9.png'}" alt="" />
  198. </a>
  199. <div>
  200. <img th:src="${portalHost+'/img/indedImg/inded34.jpg'}" alt="" class="active"/>
  201. <img th:src="${portalHost+'/img/indedImg/inded35.jpg'}" alt="" />
  202. <img th:src="${portalHost+'/img/indedImg/inded36.jpg'}" alt="" />
  203. </div>
  204. </div> -->
  205. <div id="hotProject">
  206. <div class="RecommendTitle">
  207. <h2>热门项目</h2>
  208. <span></span>
  209. </div>
  210. <div class="hotProject_cont" >
  211. <div th:each="p,pStatus:${projects}">
  212. <img th:src="${p.maxImgUrl}==null or ${p.maxImgUrl}==''?${portalHost+'/img/indedImg/inded11.png'}:${avatarUploadHost+p.maxImgUrl}" alt="">
  213. <h3 th:text="${p.name}">高新认定</h3>
  214. <p th:text="${p.advertisement}==null or ${p.advertisement}==''?'暂无简介':${#strings.abbreviate(p.advertisement,30)}"></p>
  215. <a th:href="@{/portal/service/serviceDetail(id=${p.id})}">立即办理</a>
  216. </div>
  217. </div>
  218. </div>
  219. <footer>
  220. <div th:replace="common::copyright"></div>
  221. <div th:replace="common::login"></div>
  222. </footer>
  223. <div th:replace="common::footer(~{::script})">
  224. <script type="text/javascript" th:src="${portalHost + '/dll/dll.js'}"></script>
  225. <script type="text/javascript" th:src="${portalHost + '/vendors.js'}"></script>
  226. <script type="text/javascript" th:src="${portalHost+'/index.js'}"></script>
  227. </div>
  228. </body>
  229. </html>