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 | 261 +++++++++++++++++++++++++++++++--------------------
1 files changed, 157 insertions(+), 104 deletions(-)
diff --git a/server/src/main/resources/templates/dynamics.html b/server/src/main/resources/templates/dynamics.html
index c319fad..d99f4d3 100644
--- a/server/src/main/resources/templates/dynamics.html
+++ b/server/src/main/resources/templates/dynamics.html
@@ -2,136 +2,189 @@
<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!''}">
+ <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">
+ <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">
<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="./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-address">
+ <span>棣栭〉 > </span>
+ <span id="pageName">鏈�鏂板姩鎬�</span>
+ </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>
- </div>
- <div id="footer"></div>
- </div>
- <script type="text/javascript">
- let url = 'http://121.41.112.139:8099'
-
- 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, " "));
- }
-
- // 鑾峰彇棣栭〉杞挱鍥�
- $.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 class="index-y-list" id="list">
+ <#if dataList ??>
+ <#list dataList as item>
+ <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 class="item-info-title">${item.title!''}</span>
+ <span class="item-info-detail">${item.detail!''}</span>
</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 class="item-info-bottom">
+ ${item.releaseDate?date}
</div>
</div>
- </a>
- `
- $('#list').append(html);
- })
+ </div>
+ </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 ??>
+ <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">
+ 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}
+ var totalPage= totalCount/pageSize
+ 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: res.data.pageCount,
- current: getParameterByName('page') || 1,
- total: res.data.total,
+ pageNum: totalPage,
+ current: 1,
+ total: totalCount,
backfun: function(e) {
- console.log(e.current);
- window.location.href = './dynamics.html?page=' + e.current;
+ current = e.current;
+ dealPageDataBiz();
}
});
}
- })
+
+ function dealPageDataBiz(){
+ $("#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++){
+ $(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, " "));
+ }
</script>
</body>
</html>
--
Gitblit v1.9.3