ss
jiangping
2025-07-10 056c73b0e86e76faa08b627c0cebfa244a7b399a
server/src/main/resources/templates/dynamics.html
@@ -4,6 +4,7 @@
    <meta charset="UTF-8">
    <title>${seo.title!''}</title>
    <meta name="description" content="${seo.remark!''}">
    <link rel="icon" href="${webDomain}/assets/icon/icon.ico">
    <meta name="keywords" content="${seo.keywords!''}">
    <link rel="stylesheet" href="${webDomain!''}/assets/common.css">
    <link rel="stylesheet" href="${webDomain!''}/assets/dynamics.css">
@@ -31,25 +32,29 @@
            <div class="index-banner-c">
                <div class="index-banner-c-a">最新动态 与您分享</div>
                <div class="index-banner-c-b">智慧场馆运营运维系统+数智解决方案服务</div>
                <div class="index-banner-c-c">
                <div class="index-banner-c-c" onclick="goZixun()">
                    <span>咨询详情</span>
                    <img src="${webDomain!''}/assets/images/btn_ar@2x.png" alt="${seo.imgalt!''}" >
                </div>
            </div>
        </div>
        <div class="index-address">
            <span>首页&nbsp;>&nbsp;</span>
            <span id="pageName">最新动态</span>
        </div>
        <div class="index-y">
            <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">
                <a class="itemCls itemIndex${item_index}" rel="${item_index}" module="${item.module!''}" href="${webDomain!''}/dynamics/${item.id}.html" target="_blank">
                    <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>
                                <span class="item-info-title">${item.title!''}</span>
                                <span class="item-info-detail">${item.detail!''}</span>
                            </div>
                            <div class="item-info-bottom">
                                ${item.releaseDate?date}
@@ -59,6 +64,40 @@
                </a>
                </#list>
                </#if>
            </div>
            <div style="margin-left: 80px;width: 260px;display: flex; flex-direction: column;flex-shrink: 0;">
                <div class="index-y-cate">
                    <div class="index-y-cate-list">
                        <div class="index-y-cate-list-label">最新动态</div>
                    </div>
                    <div class="index-y-cate-l" id="moduleDiv">
                        <a class="index-y-cate-l-val" onclick="changeModule(0)">行业资讯</a>
                        <a class="index-y-cate-l-val" onclick="changeModule(1)">运营经验</a>
                        <a class="index-y-cate-l-val" onclick="changeModule(2)">功能介绍</a>
                        <a class="index-y-cate-l-val" onclick="changeModule(3)">市场信息</a>
                    </div>
                </div>
                <div class="index-y-cate">
                    <div class="index-y-cate-list">
                        <div class="index-y-cate-list-label">公司产品</div>
                    </div>
                    <div class="index-y-cate-l">
                        <a class="index-y-cate-l-val" href="${webDomain}/intelligent_system.html" >• 智慧场馆运营系统</a>
                        <a class="index-y-cate-l-val"  href="${webDomain}/operation.html" >• 智慧场馆运维系统</a>
                    </div>
                </div>
                <div class="index-y-cate">
                    <div class="index-y-cate-list">
                        <div class="index-y-cate-list-label">解决方案</div>
                    </div>
                    <div class="index-y-cate-l">
                        <a class="index-y-cate-l-val" href="${webDomain}/solution.html">• 数智体育场馆</a>
                        <a class="index-y-cate-l-val" href="${webDomain}/solution-meadowlands.html">• 24H智能场馆</a>
                        <a class="index-y-cate-l-val" href="${webDomain}/solution-sport.html">• 数智体育平台</a>
                        <a class="index-y-cate-l-val" href="${webDomain}/solution-scenicSpot.html">• 景区游乐园</a>
                        <a class="index-y-cate-l-val" href="${webDomain}/solution-space.html">• 空间智慧管理</a>
                    </div>
                </div>
            </div>
        </div>
    <#if dataList ??>
@@ -74,6 +113,29 @@
        </div>
    </div>
    <script type="text/javascript">
            function changeModule(t){
                $("#pageName").html('最新动态');
                module = t;
                if(t==0){
                  $("#pageName").html('行业资讯');
                }else  if(t==1){
                  $("#pageName").html('运营经验');
                }else  if(t==2){
                  $("#pageName").html('功能介绍');
                }else  if(t==3){
                  $("#pageName").html('市场信息');
                }
                $("#moduleDiv").children().css('color', '#000000');
                $("#moduleDiv").children().eq(t).css('color', '#FF7900');
                initData()
            }
            var module = -1;
            var param =getParameterByName('module');
            if(param == 0 ||param == 1 ||param == 2||param == 3){
                module = param;
                changeModule(module)
            }
            var current = 1;
            var pageSize = 6;
            var totalCount = ${dataList?size}
@@ -81,26 +143,37 @@
            if( totalCount % pageSize !=0){
                totalPage += 1;
            }
            initData();
            function initData(){
                current = 1;
                if(module>-1 && module<4){
                     totalCount = $("#list").find("[module="+module+"]").length
                     totalPage= totalCount/pageSize
                     if( totalCount % pageSize !=0){
                        totalPage += 1;
                     }
                }
           dealPageDataBiz();
         //翻页
            $(".zxf_pagediv").createPage({
                pageNum: totalPage,
                current: getParameterByName('page') || 1,
                    current: 1,
                total: totalCount,
                backfun: function(e) {
                    current  = e.current;
                    dealPageDataBiz();
                    //window.location.href = './dynamics.html?page=' + e.current;
                }
            });
            }
           function dealPageDataBiz(){
                var elements = document.querySelectorAll('.itemCls');
                elements.forEach(function(element) {
                        element.style.display = 'none';
                });
                $("#list").find('.itemCls').css("display",'none');
                var elements = $("#list").find('.itemCls');
                if(module>-1 && module<4){
                  elements = $("#list").find('[module='+module+']');
                }
                for(var i = (current-1) * pageSize; i<  current*pageSize;i++){
                    document.querySelector('.itemIndex'+i).style.display = 'block';
                  $(elements[i]).css("display",'block');
                }
            }
            function getParameterByName(name, url) {