From 9057e04efad1b7d61c77a72e5c37a504d0aee935 Mon Sep 17 00:00:00 2001
From: doum <doum>
Date: 星期五, 26 九月 2025 09:24:03 +0800
Subject: [PATCH] H5静态化
---
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">鏅烘収鍦洪杩愯惀杩愮淮绯荤粺+鏁版櫤瑙ｅ喅鏂规鏈嶅姟</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">瑙ｅ喅鏂规</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