| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212 | <%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %><%@ page language="java" contentType="text/html; charset=UTF-8"         pageEncoding="UTF-8" %><%@ page isELIgnored="false" %><%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %><%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %><%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %><!DOCTYPE html><html><head>    <meta charset="utf-8"/>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>    <meta name="referrer" content="no-referrer"/>    <meta name="viewport"          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>    <title>哈密市投资项目智慧平台</title>    <link rel="icon" href="${domain}/favicon.ico"/>    <link rel="stylesheet" type="text/css"          href="${WebSite.asset}/lib/layui-v2.5.5/css/layui.css?version=${version}"          media="all"/>    <link rel="stylesheet" href="${WebSite.asset}/lib/vuejs/myvue.css"/>    <link rel="stylesheet" href="${WebSite.asset}/css/style.css?version=${version}"/>    <link rel="stylesheet" href="${WebSite.asset}/css/style_new.css?version=${version}"/>    <style>        body {            background-color: #F2F2F2;        }    </style></head><body><div id="news" class="news" v-cloak>    <div class="header">        <div class="header_content">            <div class="header_content_left">                <div class="header_code"></div>                <div class="header_text">                    <div class="title" style="font-size: 24px;color: #0F4082 ;">哈密市投资项目智慧平台</div><%--                    <div class="sub_title" style="font-size: 16px;color: #0F4082;letter-spacing:1.7px;">Hami City Project Visual Management--%><%--                        Platform--%><%--                    </div>--%>                </div>            </div>            <div class="header_content_right">                <div class="content_right">                    <div class="content_right_code"></div>                    扫码下载应用                </div>                <div class="content_left">                    <div class="time">                        <span class="year_month_day">{{year_month_day}}</span>                    </div>                      <div class="time collect">                         <span class="xq">{{xq}}</span>                    </div>                    <div class="collect">                        <div class="iconf" style="margin-right: 5px"></div>                        收藏                    </div>                </div>            </div>        </div>    </div>    <div class="func_choice">        <div class="func_choice_content">            <div class="func_choice_left">                <div class="active" style="box-shadow: 0 0 0 0 transparent">首页</div>                <c:forEach items="${columns}" var="co" varStatus="index">                    <div class="news_list_text">                        <a target="_blank" href="${domain }/policy/document/columnDocument_${co.id}">${co.title}</a>                    </div>                    <div class="news_list_text_cutline"></div>                </c:forEach>            </div>            <div class="func_choice_right">                <a href="${domain }/login">登录</a>                <span>|</span>                <a href="${domain }/register/">注册</a>            </div>        </div>    </div>    <div class="banner_newsBox">        <div class="banner">            <div class="layui-carousel" id="carousel">                <div carousel-item>                    <c:forEach items="${ banner}" var="ba">                        <div style="position:relative">                            <a target="_blank" href="${domain }/policy/document/detail_${ba.id}"><img                                    src="${ba.coverImg}" style="width:100%"></a>                            <div class="banner_text" onclick="detail('${ba.id}')">                                <div class="banner_title" onclick="detail('${ba.id}')"                                     title="${ba.title }">${ba.title }</div>                            </div>                        </div>                    </c:forEach>                </div>            </div>        </div>        <div class="first_news">            <div class="news_list_title">                <div class="news_list_text">                    <div class="news_list_icon"></div>                    <a target="_blank"                       href="${domain }/policy/document/columnDocument_${bannerRight.id}">${bannerRight.title }</a>                </div>                <%--                <div class="news_list_more">--%>                <%--                    <a target="_blank" href="${domain }/policy/document/columnDocument_${bannerRight.id}">更多》</a>--%>                <%--                </div>--%>            </div>            <div>                <c:forEach items="${bannerRight.list}" var="de">                    <div class="news_list_listItem" onclick="detail('${de.id}')">                        <div class="news_list_titleText">                            <div class="news_list_listIcon"></div>                            <div class="news_list_listTitle" title="${de.title }">${de.title}</div>                        </div>                        <div class="news_list_time"><fmt:formatDate value="${de.publishDate }"                                                                    pattern="yyyy-MM-dd"/></div>                    </div>                </c:forEach>            </div>        </div>    </div>    <div class="news_top_div">        <div class="news_top">        </div>    </div>    <%-- <div class="news_list">        <div class="news_list_title">            <c:forEach items="${columns}" var="co" varStatus="index">                <div class="news_list_text">                    <a target="_blank" href="${domain }/policy/document/columnDocument_${co.id}">${co.title}</a>                </div>            </c:forEach>        </div>    </div> --%>    <div class="footer">        <div class="footer_content">            <div class="footer_box_logo">                <div class="footer_gov_first"></div>                <div class="footer_gov_second"></div>            </div>            <div class="footer_text">                网站地址 | 联系我们                <div class="footer_text_line">                    <div>主办单位:哈密市发展和改革委员会</div>                    <div>新ICP备1000219X     网站标识码:6522000001     新公网安备 65220102000001号</div>                    <div>哈密市发展和改革委员会版权所有,如离转取,请注明来源</div>                </div>            </div>            <div class="footer_download" style="font-size: 12px;">                <div class="footer_qrCode"></div>                扫码下载应用            </div>        </div>    </div></div><jsp:include page="common/common-js-include.jsp"></jsp:include><script type="text/javascript">    new Vue({        el: "#news",        data: {            year_month_day: '',            xq: '',        },        mounted: function () {            this.init()        },        methods: {            init: function () {                var now = new Date();                var year = now.getFullYear();                var month = String(now.getMonth() + 1).padStart(2, '0');                var date = String(now.getDate()).padStart(2, '0');                this.year_month_day = year + '年' + month + '月' + date + '日';                var dayOfWeek = now.getDay();                var weekDays = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];                this.xq = weekDays[dayOfWeek];            },        }    });    function detail(id) {        window.open("${domain}/policy/document/detail_" + id, "_blank");    };</script><script>    layui.use('carousel', function () {        var carousel = layui.carousel;        //建造实例        carousel.render({            elem: '#carousel'            , width: '100%' //设置容器宽度            , height: '100%'            , arrow: 'always' //始终显示箭头            //,anim: 'updown' //切换动画方式        });    });</script></body></html>
 |