ss
jiangping
2025-07-08 610732f74f40132de50b86b63931161460d25e57
server/src/main/resources/templates/dynamics.html
@@ -2,56 +2,29 @@
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>最新动态</title>
    <link rel="stylesheet" href="./assets/common.css">
    <link rel="stylesheet" href="./assets/dynamics.css">
    <link rel="stylesheet" href="./assets/animate.css">
    <link rel="stylesheet" href="./assets/zxf_page.css">
    <link rel="stylesheet" href="./assets/animate.min.css">
    <link rel="stylesheet" href="./assets/swiper.css">
    <script src="./js/jquery.js"></script>
    <script src="./js/swiper.js"></script>
    <script src="./js/dynamics.js"></script>
    <script src="./js/zxf_page.js"></script>
    <script src="./js/selectFilter.js"></script>
    <link rel="stylesheet" href="./assets/selectFilter.css">
    <title>${seo.title!''}</title>
    <meta name="description" content="${seo.remark!''}">
    <meta name="keywords" content="${seo.keywords!''}">
    <link rel="stylesheet" href="${webDomain!''}/assets/common.css">
    <link rel="stylesheet" href="${webDomain!''}/assets/dynamics.css">
    <link rel="stylesheet" href="${webDomain!''}/assets/animate.css">
    <link rel="stylesheet" href="${webDomain!''}/assets/zxf_page.css">
    <link rel="stylesheet" href="${webDomain!''}/assets/animate.min.css">
    <link rel="stylesheet" href="${webDomain!''}/assets/swiper.css">
    <script src="${webDomain!''}/js/jquery.js"></script>
    <script src="${webDomain!''}/js/swiper.js"></script>
    <script src="${webDomain!''}/js/dynamics.js"></script>
    <script src="${webDomain!''}/js/zxf_page.js"></script>
    <script src="${webDomain!''}/js/selectFilter.js"></script>
    <link rel="stylesheet" href="${webDomain!''}/assets/selectFilter.css">
</head>
<body>
    <div class="index">
        <div id="back-to-top">
            <img src="./assets/icon/bottom_ic_top@2x.png" alt="" />
            <img src="${webDomain!''}/assets/icon/bottom_ic_top@2x.png" alt="${seo.imgalt!''}"  />
        </div>
        <div id="header">
            <div class="nav">
                <div class="nav-logo">
                    <img src="./assets/images/top_logo@2x.png" alt="logo">
                </div>
                <ul>
                    <li>
                        <a href="./index.html">首页</a>
                    </li>
                    <li>
                        <a href="./intelligent_system.html">智慧系统</a>
                    </li>
                    <li>
                        <a href="./solution.html">解决方案</a>
                    </li>
                    <li>
                        <a href="./alot.html">Alot物联</a>
                    </li>
                    <li>
                        <a href="./dynamics.html">最新动态</a>
                        <div class="underline"></div>
                    </li>
                    <li>
                        <a href="./about.html">关于我们</a>
                    </li>
                    <li>
                        <a href="./about.html#section1">渠道合作</a>
                    </li>
                </ul>
                <a href="./about.html#section1" class="nav-btn">免费试用</a>
            </div>
            <#include "/components/nav.html">
        </div>
        <div style="width: 100%; height: 70px;"></div>
        <div class="index-banner">
@@ -60,24 +33,77 @@
                <div class="index-banner-c-b">智慧场馆运营运维系统+数智解决方案服务</div>
                <div class="index-banner-c-c">
                    <span>咨询详情</span>
                    <img src="./assets/images/btn_ar@2x.png" alt="">
                    <img src="${webDomain!''}/assets/images/btn_ar@2x.png" alt="${seo.imgalt!''}" >
                </div>
            </div>
        </div>
        <div class="index-y">
            <div class="index-y-list" id="list"></div>
        </div>
        <div class="fenye">
            <div class="fenye-hz">
                <div class="zxf_pagediv"></div>
            <div class="index-y-list" id="list">
                <#if dataList ??>
                <#list dataList as item>
                <a class="itemCls itemIndex${item_index}" rel="${item_index}" href="${webDomain!''}/dynamics/${item.id}.html">
                    <div class="item1">
                        <div class="item-img">
                            <img src="${bottom.fileDir!''}${item.imgurl!''}" alt="${seo.imgalt!''}" >
                        </div>
                        <div class="item-info">
                            <div class="item-info-top">
                                <span>${item.title!''}</span>
                                <span>${item.detail!''}</span>
                            </div>
                            <div class="item-info-bottom">
                                ${item.releaseDate?date}
                            </div>
                        </div>
                    </div>
                </a>
                </#list>
                </#if>
            </div>
        </div>
        <div id="footer"></div>
    <#if dataList ??>
        <div class="fenye">
            <div class="fenye-hz">
                <div class="zxf_pagediv">
                </div>
            </div>
        </div>
</#if>
        <div id="footer">
            <#include "/components/footer.html">
        </div>
    </div>
    <script type="text/javascript">
        let url = 'http://121.41.112.139:8099'
            var current = 1;
            var pageSize = 6;
            var totalCount = ${dataList?size}
            var totalPage= totalCount/pageSize
            if( totalCount % pageSize !=0){
                totalPage += 1;
            }
           dealPageDataBiz();
         //翻页
            $(".zxf_pagediv").createPage({
                pageNum: totalPage,
                current: getParameterByName('page') || 1,
                total: totalCount,
                backfun: function(e) {
                    current  = e.current;
                    dealPageDataBiz();
                    //window.location.href = './dynamics.html?page=' + e.current;
                }
            });
        function getParameterByName(name, url) {
           function dealPageDataBiz(){
                var elements = document.querySelectorAll('.itemCls');
                elements.forEach(function(element) {
                        element.style.display = 'none';
                });
                for(var i = (current-1) * pageSize; i<  current*pageSize;i++){
                    document.querySelector('.itemIndex'+i).style.display = 'block';
                }
            }
            function getParameterByName(name, url) {
            if (!url) url = window.location.href;
            name = name.replace(/[\[\]]/g, "\\$&");
            var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
@@ -86,52 +112,6 @@
            if (!results[2]) return '';
            return decodeURIComponent(results[2].replace(/\+/g, " "));
        }
        // 获取首页轮播图
        $.ajax({
            async: false,
            url: url + '/dmttwebsite/web/api/informationPage',
            type: 'post',
            data: JSON.stringify({
                capacity: 4,
                page: getParameterByName('page') || 1,
                model: {}
            }),
            contentType: "application/json",
            success: function (res) {
                res.data.records.forEach(function (item) {
                    var html = `
                    <a href="./dynamics_details.html?id=${item.id}">
                        <div class="item1">
                            <div class="item-img">
                                <img src="${item.fullImgurl}" alt="">
                            </div>
                            <div class="item-info">
                                <div class="item-info-top">
                                    <span>${item.title}</span>
                                    <span>${item.detail}</span>
                                </div>
                                <div class="item-info-bottom">
                                    ${item.releaseDate}
                                </div>
                            </div>
                        </div>
                    </a>
                    `
                    $('#list').append(html);
                })
                //翻页
                $(".zxf_pagediv").createPage({
                    pageNum: res.data.pageCount,
                    current: getParameterByName('page') || 1,
                    total: res.data.total,
                    backfun: function(e) {
                        console.log(e.current);
                        window.location.href = './dynamics.html?page=' + e.current;
                    }
                });
            }
        })
    </script>
</body>
</html>