outFrame.jsp 8.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212
  1. <%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
  2. <%@ page language="java" contentType="text/html; charset=UTF-8"
  3. pageEncoding="UTF-8" %>
  4. <%@ page isELIgnored="false" %>
  5. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
  6. <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
  7. <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
  8. <!DOCTYPE html>
  9. <html>
  10. <head>
  11. <meta charset="utf-8"/>
  12. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
  13. <meta name="referrer" content="no-referrer"/>
  14. <meta name="viewport"
  15. content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
  16. <title>哈密市投资项目智慧平台</title>
  17. <link rel="icon" href="${domain}/favicon.ico"/>
  18. <link rel="stylesheet" type="text/css"
  19. href="${WebSite.asset}/lib/layui-v2.5.5/css/layui.css?version=${version}"
  20. media="all"/>
  21. <link rel="stylesheet" href="${WebSite.asset}/lib/vuejs/myvue.css"/>
  22. <link rel="stylesheet" href="${WebSite.asset}/css/style.css?version=${version}"/>
  23. <link rel="stylesheet" href="${WebSite.asset}/css/style_new.css?version=${version}"/>
  24. <style>
  25. body {
  26. background-color: #F2F2F2;
  27. }
  28. </style>
  29. </head>
  30. <body>
  31. <div id="news" class="news" v-cloak>
  32. <div class="header">
  33. <div class="header_content">
  34. <div class="header_content_left">
  35. <div class="header_code"></div>
  36. <div class="header_text">
  37. <div class="title" style="font-size: 24px;color: #0F4082 ;">哈密市投资项目智慧平台</div>
  38. <%-- <div class="sub_title" style="font-size: 16px;color: #0F4082;letter-spacing:1.7px;">Hami City Project Visual Management--%>
  39. <%-- Platform--%>
  40. <%-- </div>--%>
  41. </div>
  42. </div>
  43. <div class="header_content_right">
  44. <div class="content_right">
  45. <div class="content_right_code"></div>
  46. 扫码下载应用
  47. </div>
  48. <div class="content_left">
  49. <div class="time">
  50. <span class="year_month_day">{{year_month_day}}</span>
  51. </div>
  52. <div class="time collect">
  53. <span class="xq">{{xq}}</span>
  54. </div>
  55. <div class="collect">
  56. <div class="iconf" style="margin-right: 5px"></div>
  57. 收藏
  58. </div>
  59. </div>
  60. </div>
  61. </div>
  62. </div>
  63. <div class="func_choice">
  64. <div class="func_choice_content">
  65. <div class="func_choice_left">
  66. <div class="active" style="box-shadow: 0 0 0 0 transparent">首页</div>
  67. <c:forEach items="${columns}" var="co" varStatus="index">
  68. <div class="news_list_text">
  69. <a target="_blank" href="${domain }/policy/document/columnDocument_${co.id}">${co.title}</a>
  70. </div>
  71. <div class="news_list_text_cutline"></div>
  72. </c:forEach>
  73. </div>
  74. <div class="func_choice_right">
  75. <a href="${domain }/login">登录</a>
  76. <span>|</span>
  77. <a href="${domain }/register/">注册</a>
  78. </div>
  79. </div>
  80. </div>
  81. <div class="banner_newsBox">
  82. <div class="banner">
  83. <div class="layui-carousel" id="carousel">
  84. <div carousel-item>
  85. <c:forEach items="${ banner}" var="ba">
  86. <div style="position:relative">
  87. <a target="_blank" href="${domain }/policy/document/detail_${ba.id}"><img
  88. src="${ba.coverImg}" style="width:100%"></a>
  89. <div class="banner_text" onclick="detail('${ba.id}')">
  90. <div class="banner_title" onclick="detail('${ba.id}')"
  91. title="${ba.title }">${ba.title }</div>
  92. </div>
  93. </div>
  94. </c:forEach>
  95. </div>
  96. </div>
  97. </div>
  98. <div class="first_news">
  99. <div class="news_list_title">
  100. <div class="news_list_text">
  101. <div class="news_list_icon"></div>
  102. <a target="_blank"
  103. href="${domain }/policy/document/columnDocument_${bannerRight.id}">${bannerRight.title }</a>
  104. </div>
  105. <%-- <div class="news_list_more">--%>
  106. <%-- <a target="_blank" href="${domain }/policy/document/columnDocument_${bannerRight.id}">更多》</a>--%>
  107. <%-- </div>--%>
  108. </div>
  109. <div>
  110. <c:forEach items="${bannerRight.list}" var="de">
  111. <div class="news_list_listItem" onclick="detail('${de.id}')">
  112. <div class="news_list_titleText">
  113. <div class="news_list_listIcon"></div>
  114. <div class="news_list_listTitle" title="${de.title }">${de.title}</div>
  115. </div>
  116. <div class="news_list_time"><fmt:formatDate value="${de.publishDate }"
  117. pattern="yyyy-MM-dd"/></div>
  118. </div>
  119. </c:forEach>
  120. </div>
  121. </div>
  122. </div>
  123. <div class="news_top_div">
  124. <div class="news_top">
  125. </div>
  126. </div>
  127. <%-- <div class="news_list">
  128. <div class="news_list_title">
  129. <c:forEach items="${columns}" var="co" varStatus="index">
  130. <div class="news_list_text">
  131. <a target="_blank" href="${domain }/policy/document/columnDocument_${co.id}">${co.title}</a>
  132. </div>
  133. </c:forEach>
  134. </div>
  135. </div> --%>
  136. <div class="footer">
  137. <div class="footer_content">
  138. <div class="footer_box_logo">
  139. <div class="footer_gov_first"></div>
  140. <div class="footer_gov_second"></div>
  141. </div>
  142. <div class="footer_text">
  143. 网站地址 | 联系我们
  144. <div class="footer_text_line">
  145. <div>主办单位:哈密市发展和改革委员会</div>
  146. <div>新ICP备1000219X&nbsp;&nbsp;&nbsp;&nbsp; 网站标识码:6522000001 &nbsp;&nbsp;&nbsp;&nbsp;新公网安备 65220102000001号</div>
  147. <div>哈密市发展和改革委员会版权所有,如离转取,请注明来源</div>
  148. </div>
  149. </div>
  150. <div class="footer_download" style="font-size: 12px;">
  151. <div class="footer_qrCode"></div>
  152. 扫码下载应用
  153. </div>
  154. </div>
  155. </div>
  156. </div>
  157. <jsp:include page="common/common-js-include.jsp"></jsp:include>
  158. <script type="text/javascript">
  159. new Vue({
  160. el: "#news",
  161. data: {
  162. year_month_day: '',
  163. xq: '',
  164. },
  165. mounted: function () {
  166. this.init()
  167. },
  168. methods: {
  169. init: function () {
  170. var now = new Date();
  171. var year = now.getFullYear();
  172. var month = String(now.getMonth() + 1).padStart(2, '0');
  173. var date = String(now.getDate()).padStart(2, '0');
  174. this.year_month_day = year + '年' + month + '月' + date + '日';
  175. var dayOfWeek = now.getDay();
  176. var weekDays = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
  177. this.xq = weekDays[dayOfWeek];
  178. },
  179. }
  180. });
  181. function detail(id) {
  182. window.open("${domain}/policy/document/detail_" + id, "_blank");
  183. };
  184. </script>
  185. <script>
  186. layui.use('carousel', function () {
  187. var carousel = layui.carousel;
  188. //建造实例
  189. carousel.render({
  190. elem: '#carousel'
  191. , width: '100%' //设置容器宽度
  192. , height: '100%'
  193. , arrow: 'always' //始终显示箭头
  194. //,anim: 'updown' //切换动画方式
  195. });
  196. });
  197. </script>
  198. </body>
  199. </html>