From 056c73b0e86e76faa08b627c0cebfa244a7b399a Mon Sep 17 00:00:00 2001 From: jiangping <jp@doumee.com> Date: 星期四, 10 七月 2025 15:48:24 +0800 Subject: [PATCH] ss --- server/src/main/resources/templates/dynamics.html | 135 ++++++++++++++++++++++++++++++++++---------- 1 files changed, 104 insertions(+), 31 deletions(-) diff --git a/server/src/main/resources/templates/dynamics.html b/server/src/main/resources/templates/dynamics.html index 73cd62e..d99f4d3 100644 --- a/server/src/main/resources/templates/dynamics.html +++ b/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">鏅烘収鍦洪杩愯惀杩愮淮绯荤粺+鏁版櫤瑙e喅鏂规鏈嶅姟</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>棣栭〉 > </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} @@ -57,8 +62,42 @@ </div> </div> </a> - </#list> - </#if> + </#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">瑙e喅鏂规</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 ??> @@ -68,12 +107,35 @@ </div> </div> </div> -</#if> + </#if> <div id="footer"> <#include "/components/footer.html"> </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,37 +143,48 @@ 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; + 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: 1, + total: totalCount, + backfun: function(e) { + current = e.current; + dealPageDataBiz(); + } + }); + } 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) { - if (!url) url = window.location.href; - name = name.replace(/[\[\]]/g, "\\$&"); - var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"), - results = regex.exec(url); - if (!results) return null; - if (!results[2]) return ''; - return decodeURIComponent(results[2].replace(/\+/g, " ")); - } + if (!url) url = window.location.href; + name = name.replace(/[\[\]]/g, "\\$&"); + var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"), + results = regex.exec(url); + if (!results) return null; + if (!results[2]) return ''; + return decodeURIComponent(results[2].replace(/\+/g, " ")); + } </script> </body> </html> -- Gitblit v1.9.3