From fa0414b2f44aa07c282b73195f7ea2ef3ab1eb74 Mon Sep 17 00:00:00 2001
From: czt <czt18638530771@163.com>
Date: 星期四, 25 十二月 2025 19:19:53 +0800
Subject: [PATCH] 首页大屏数据交互2
---
fzzy-igdss-web/src/main/resources/templates/group/index.html | 346 +++++++++++++++++++++++++++++---------------------------
1 files changed, 179 insertions(+), 167 deletions(-)
diff --git a/fzzy-igdss-web/src/main/resources/templates/group/index.html b/fzzy-igdss-web/src/main/resources/templates/group/index.html
index 3ad26fd..5dddee8 100644
--- a/fzzy-igdss-web/src/main/resources/templates/group/index.html
+++ b/fzzy-igdss-web/src/main/resources/templates/group/index.html
@@ -35,7 +35,7 @@
padding: 10px;
overflow: hidden;
position: relative;
- padding-left: 60px;
+ /*padding-left: 60px;*/
}
.item_cont .bd .year {
@@ -78,7 +78,7 @@
content: "";
width: 99.2%;
position: absolute;
- bottom: 45px;
+ bottom: 65px;
left: 5px;
z-index: 1;
border-bottom: 1px dashed #3288FF;
@@ -90,12 +90,11 @@
.item_cont .bd ul li::after {
content: "";
-
width: 29px;
height: 53px;
position: absolute;
- bottom: 20px;
- left: 50%;
+ bottom: 40px;
+ left: 45%;
z-index: 0;
background: url(/img/web/group/icon_dot4.png) no-repeat bottom 0 center;
}
@@ -156,77 +155,77 @@
</div><!-- i-m1 end -->
<div class="left-m2">
- <div class="panel-title" id="panel-title">AI浜嬩欢鍔ㄦ��</div>
+ <div class="panel-title" id="panel-title">搴撳尯AI浜嬩欢淇℃伅</div>
<div class="panel-content">
<div class="panel-content-head">
- <span class="head-item">鎵�灞炲簱鐐�</span>
+ <span class="head-item" style="flex: 1.5;">鎵�灞炲簱鐐�</span>
<span class="head-item">褰撴棩鍒嗘瀽</span>
- <span class="head-item" style="flex: 0.4;">鏃ユ湡</span>
+ <span class="head-item">鏃ユ湡</span>
</div>
<div class="panel-content-body" id="inventoryInfoBox">
<div id="inventoryInfo">
- <div class="panel-content-body-tr">
- <span class="body-item sp">浼婂畞鍘垮悍杈惧啘涓氬彂灞曟湁闄愬叕鍙�</span>
- <span class="body-item">褰撴棩鍒嗘瀽涓�鍒囨甯�</span>
- <span class="body-item" style="flex: 0.3;">04/22</span>
- </div>
- <div class="panel-content-body-tr">
- <span class="body-item sp">浼婂畞鍘挎亽杈惧啘涓氬彂灞曟湁闄愬叕鍙�</span>
- <span class="body-item">褰撴棩鍒嗘瀽涓�鍒囨甯�</span>
- <span class="body-item" style="flex: 0.3;">04/22</span>
- </div>
- <div class="panel-content-body-tr">
- <span class="body-item sp">浼婂畞鍘胯壘瑗跨儹鏅儤骞插巶</span>
- <span class="body-item">褰撴棩鍒嗘瀽涓�鍒囨甯�</span>
- <span class="body-item" style="flex: 0.3;">04/22</span>
- </div>
- <div class="panel-content-body-tr">
- <span class="body-item sp">灏煎嫆鍏嬪幙鏈ㄦ柉涔℃綐鍒氱儤骞插巶</span>
- <span class="body-item">褰撴棩鍒嗘瀽涓�鍒囨甯�</span>
- <span class="body-item" style="flex: 0.3;">04/22</span>
- </div>
- <div class="panel-content-body-tr">
- <span class="body-item sp">鏂扮枂浼婂畞淇濆仴楗叉枡鏈夐檺鍏徃搴撳尯</span>
- <span class="body-item">褰撴棩鍒嗘瀽涓�鍒囨甯�</span>
- <span class="body-item" style="flex: 0.3;">04/22</span>
- </div>
- <div class="panel-content-body-tr">
- <span class="body-item sp">浼婂畞鍘垮嚡婧愮帀绫崇妞嶅啘姘戜笓涓氬悎浣滅ぞ</span>
- <span class="body-item">褰撴棩鍒嗘瀽涓�鍒囨甯�</span>
- <span class="body-item" style="flex: 0.3;">04/22</span>
- </div>
- <div class="panel-content-body-tr">
- <span class="body-item sp">浼婂畞鍘跨帀婧愬啘鍓骇鍝佽喘閿�涓撲笟鍚堜綔绀�</span>
- <span class="body-item">褰撴棩鍒嗘瀽涓�鍒囨甯�</span>
- <span class="body-item" style="flex: 0.3;">04/22</span>
- </div>
- <div class="panel-content-body-tr">
- <span class="body-item sp">鏂扮枂鐗熸皬璋烽噾鍐滀笟绉戞妧鏈夐檺璐ｄ换鍏徃搴撳尯</span>
- <span class="body-item">褰撴棩鍒嗘瀽涓�鍒囨甯�</span>
- <span class="body-item" style="flex: 0.3;">04/22</span>
- </div>
- <div class="panel-content-body-tr">
- <span class="body-item sp">鏂扮枂骞挎嘲闅嗗啘涓氬彂灞曟湁闄愬叕鍙�</span>
- <span class="body-item">褰撴棩鍒嗘瀽涓�鍒囨甯�</span>
- <span class="body-item" style="flex: 0.3;">04/22</span>
- </div>
- <div class="panel-content-body-tr">
- <span class="body-item sp">浼婂畞鍘垮箍绮晢璐告湁闄愬叕鍙稿簱鍖�</span>
- <span class="body-item">褰撴棩鍒嗘瀽涓�鍒囨甯�</span>
- <span class="body-item" style="flex: 0.3;">04/22</span>
- </div>
- <div class="panel-content-body-tr">
- <span class="body-item sp">鏄嫃75鍥�</span>
- <span class="body-item">褰撴棩鍒嗘瀽涓�鍒囨甯�</span>
- <span class="body-item" style="flex: 0.3;">04/22</span>
- </div>
- <div class="panel-content-body-tr">
- <span class="body-item sp">鏄嫃77鍥�</span>
- <span class="body-item">褰撴棩鍒嗘瀽涓�鍒囨甯�</span>
- <span class="body-item" style="flex: 0.3;">04/22</span>
- </div>
+<!-- <div class="panel-content-body-tr">-->
+<!-- <span class="body-item sp">浼婂畞鍘垮悍杈惧啘涓氬彂灞曟湁闄愬叕鍙�</span>-->
+<!-- <span class="body-item">褰撴棩涓�鍒囨甯�</span>-->
+<!-- <span class="body-item" >杩�7鏃ヤ竴鍒囨甯�</span>-->
+<!-- </div>-->
+<!-- <div class="panel-content-body-tr">-->
+<!-- <span class="body-item sp">浼婂畞鍘挎亽杈惧啘涓氬彂灞曟湁闄愬叕鍙�</span>-->
+<!-- <span class="body-item">褰撴棩涓�鍒囨甯�</span>-->
+<!-- <span class="body-item" >杩�7鏃ヤ竴鍒囨甯�</span>-->
+<!-- </div>-->
+<!-- <div class="panel-content-body-tr">-->
+<!-- <span class="body-item sp">浼婂畞鍘胯壘瑗跨儹鏅儤骞插巶</span>-->
+<!-- <span class="body-item">褰撴棩涓�鍒囨甯�</span>-->
+<!-- <span class="body-item" >杩�7鏃ヤ竴鍒囨甯�</span>-->
+<!-- </div>-->
+<!-- <div class="panel-content-body-tr">-->
+<!-- <span class="body-item sp">灏煎嫆鍏嬪幙鏈ㄦ柉涔℃綐鍒氱儤骞插巶</span>-->
+<!-- <span class="body-item">褰撴棩涓�鍒囨甯�</span>-->
+<!-- <span class="body-item" >杩�7鏃ヤ竴鍒囨甯�</span>-->
+<!-- </div>-->
+<!-- <div class="panel-content-body-tr">-->
+<!-- <span class="body-item sp">鏂扮枂浼婂畞淇濆仴楗叉枡鏈夐檺鍏徃搴撳尯</span>-->
+<!-- <span class="body-item">褰撴棩涓�鍒囨甯�</span>-->
+<!-- <span class="body-item" >杩�7鏃ヤ竴鍒囨甯�</span>-->
+<!-- </div>-->
+<!-- <div class="panel-content-body-tr">-->
+<!-- <span class="body-item sp">浼婂畞鍘垮嚡婧愮帀绫崇妞嶅啘姘戜笓涓氬悎浣滅ぞ</span>-->
+<!-- <span class="body-item">褰撴棩涓�鍒囨甯�</span>-->
+<!-- <span class="body-item" >杩�7鏃ヤ竴鍒囨甯�</span>-->
+<!-- </div>-->
+<!-- <div class="panel-content-body-tr">-->
+<!-- <span class="body-item sp">浼婂畞鍘跨帀婧愬啘鍓骇鍝佽喘閿�涓撲笟鍚堜綔绀�</span>-->
+<!-- <span class="body-item">褰撴棩涓�鍒囨甯�</span>-->
+<!-- <span class="body-item" >杩�7鏃ヤ竴鍒囨甯�</span>-->
+<!-- </div>-->
+<!-- <div class="panel-content-body-tr">-->
+<!-- <span class="body-item sp">鏂扮枂鐗熸皬璋烽噾鍐滀笟绉戞妧鏈夐檺璐ｄ换鍏徃搴撳尯</span>-->
+<!-- <span class="body-item">褰撴棩涓�鍒囨甯�</span>-->
+<!-- <span class="body-item" >杩�7鏃ヤ竴鍒囨甯�</span>-->
+<!-- </div>-->
+<!-- <div class="panel-content-body-tr">-->
+<!-- <span class="body-item sp">鏂扮枂骞挎嘲闅嗗啘涓氬彂灞曟湁闄愬叕鍙�</span>-->
+<!-- <span class="body-item">褰撴棩涓�鍒囨甯�</span>-->
+<!-- <span class="body-item" >杩�7鏃ヤ竴鍒囨甯�</span>-->
+<!-- </div>-->
+<!-- <div class="panel-content-body-tr">-->
+<!-- <span class="body-item sp">浼婂畞鍘垮箍绮晢璐告湁闄愬叕鍙稿簱鍖�</span>-->
+<!-- <span class="body-item">褰撴棩涓�鍒囨甯�</span>-->
+<!-- <span class="body-item" >杩�7鏃ヤ竴鍒囨甯�</span>-->
+<!-- </div>-->
+<!-- <div class="panel-content-body-tr">-->
+<!-- <span class="body-item sp">鏄嫃75鍥�</span>-->
+<!-- <span class="body-item">褰撴棩涓�鍒囨甯�</span>-->
+<!-- <span class="body-item" >杩�7鏃ヤ竴鍒囨甯�</span>-->
+<!-- </div>-->
+<!-- <div class="panel-content-body-tr">-->
+<!-- <span class="body-item sp">鏄嫃77鍥�</span>-->
+<!-- <span class="body-item">褰撴棩涓�鍒囨甯�</span>-->
+<!-- <span class="body-item" >杩�7鏃ヤ竴鍒囨甯�</span>-->
+<!-- </div>-->
</div>
</div>
</div>
@@ -320,105 +319,118 @@
<div class="item4 bgt follow">
<div class="item_cont">
<div class="bd">
- <div class="year">2025骞�</div>
+<!-- <div class="year">2025骞�</div>-->
<div class="tempWrap" style="overflow:hidden; position:relative; width:100%">
- <ul style="width: 2280px; position: relative; overflow: hidden; padding: 0px; margin: 0px; left: -980px;">
- <li class="clone" style="float: left; width: 246px;">
- <div class="item">
- <div class="pic">
- <img th:src="@{/img/web/group/pic2.jpg}" alt="">
- </div>
- <div class="tit">11-15 15:00:20</div>
- </div>
- </li>
- <li style="float: left; width: 246px;">
- <div class="item">
- <div class="pic">
- <img th:src="@{/img/web/group/pic1.jpg}" alt="">
- </div>
- <div class="tit">11-15 15:00:20</div>
- </div>
- </li>
- <li style="float: left; width: 246px;">
- <div class="item">
- <div class="pic">
- <img th:src="@{/img/web/group/pic2.jpg}" alt="">
- </div>
- <div class="tit">11-15 15:00:20</div>
- </div>
- </li>
- <li style="float: left; width: 246px;">
- <div class="item">
- <div class="pic">
- <img th:src="@{/img/web/group/pic3.jpg}" alt="">
- </div>
- <div class="tit">11-15 15:00:20</div>
- </div>
- </li>
- <li style="float: left; width: 246px;">
- <div class="item">
- <div class="pic">
- <img th:src="@{/img/web/group/pic4.jpg}" alt="">
- </div>
- <div class="tit">11-15 15:00:20</div>
- </div>
- </li>
- <li style="float: left; width: 246px;">
- <div class="item">
- <div class="pic">
- <img th:src="@{/img/web/group/pic1.jpg}" alt="">
- </div>
- <div class="tit">11-15 15:00:20</div>
- </div>
- </li>
- <li style="float: left; width: 246px;">
- <div class="item">
- <div class="pic">
- <img th:src="@{/img/web/group/pic2.jpg}" alt="">
- </div>
- <div class="tit">11-15 15:00:20</div>
- </div>
- </li>
- <li class="clone" style="float: left; width: 246px;">
- <div class="item">
- <div class="pic">
- <img th:src="@{/img/web/group/pic1.jpg}" alt="">
- </div>
- <div class="tit">11-15 15:00:20</div>
- </div>
- </li>
- <li class="clone" style="float: left; width: 246px;">
- <div class="item">
- <div class="pic">
- <img th:src="@{/img/web/group/pic2.jpg}" alt="">
- </div>
- <div class="tit">11-15 15:00:20</div>
- </div>
- </li>
- <li class="clone" style="float: left; width: 246px;">
- <div class="item">
- <div class="pic">
- <img th:src="@{/img/web/group/pic3.jpg}" alt="">
- </div>
- <div class="tit">11-15 15:00:20</div>
- </div>
- </li>
- <li class="clone" style="float: left; width: 246px;">
- <div class="item">
- <div class="pic">
- <img th:src="@{/img/web/group/pic4.jpg}" alt="">
- </div>
- <div class="tit">11-15 15:00:20</div>
- </div>
- </li>
- <li class="clone" style="float: left; width: 246px;">
- <div class="item">
- <div class="pic">
- <img th:src="@{/img/web/group/pic1.jpg}" alt="">
- </div>
- <div class="tit">11-15 15:00:20</div>
- </div>
- </li>
+ <ul id="snapList" style="width: 2280px; position: relative; overflow: hidden; padding: 0px; margin: 0px; left: -980px;">
+<!-- <li style="float: left; width: 246px;">-->
+<!-- <div class="item">-->
+<!-- <div class="pic">-->
+<!-- <img th:src="@{/img/web/group/pic2.jpg}" alt="">-->
+<!-- </div>-->
+<!-- <div class="tit">11-15 15:00:20</div>-->
+<!-- <div class="tit">浼婂畞鍘垮悍杈惧啘涓氬彂灞曟湁闄愬叕鍙�</div>-->
+<!-- </div>-->
+<!-- </li>-->
+<!-- <li style="float: left; width: 246px;">-->
+<!-- <div class="item">-->
+<!-- <div class="pic">-->
+<!-- <img th:src="@{/img/web/group/pic1.jpg}" alt="">-->
+<!-- </div>-->
+<!-- <div class="tit">11-15 15:00:20</div>-->
+<!-- <div class="tit">浼婂畞鍘垮悍杈惧啘涓氬彂灞曟湁闄愬叕鍙�</div>-->
+<!-- </div>-->
+<!-- </li>-->
+<!-- <li style="float: left; width: 246px;">-->
+<!-- <div class="item">-->
+<!-- <div class="pic">-->
+<!-- <img th:src="@{/img/web/group/pic2.jpg}" alt="">-->
+<!-- </div>-->
+<!-- <div class="tit">11-15 15:00:20</div>-->
+<!-- <div class="tit">浼婂畞鍘垮悍杈惧啘涓氬彂灞曟湁闄愬叕鍙�</div>-->
+<!-- </div>-->
+<!-- </li>-->
+<!-- <li style="float: left; width: 246px;">-->
+<!-- <div class="item">-->
+<!-- <div class="pic">-->
+<!-- <img th:src="@{/img/web/group/pic3.jpg}" alt="">-->
+<!-- </div>-->
+<!-- <div class="tit">11-15 15:00:20</div>-->
+<!-- <div class="tit">浼婂畞鍘垮悍杈惧啘涓氬彂灞曟湁闄愬叕鍙�</div>-->
+<!-- </div>-->
+<!-- </li>-->
+<!-- <li style="float: left; width: 246px;">-->
+<!-- <div class="item">-->
+<!-- <div class="pic">-->
+<!-- <img th:src="@{/img/web/group/pic4.jpg}" alt="">-->
+<!-- </div>-->
+<!-- <div class="tit">11-15 15:00:20</div>-->
+<!-- <div class="tit">浼婂畞鍘垮悍杈惧啘涓氬彂灞曟湁闄愬叕鍙�</div>-->
+<!-- </div>-->
+<!-- </li>-->
+<!-- <li style="float: left; width: 246px;">-->
+<!-- <div class="item">-->
+<!-- <div class="pic">-->
+<!-- <img th:src="@{/img/web/group/pic1.jpg}" alt="">-->
+<!-- </div>-->
+<!-- <div class="tit">11-15 15:00:20</div>-->
+<!-- <div class="tit">浼婂畞鍘垮悍杈惧啘涓氬彂灞曟湁闄愬叕鍙�</div>-->
+<!-- </div>-->
+<!-- </li>-->
+<!-- <li style="float: left; width: 246px;">-->
+<!-- <div class="item">-->
+<!-- <div class="pic">-->
+<!-- <img th:src="@{/img/web/group/pic2.jpg}" alt="">-->
+<!-- </div>-->
+<!-- <div class="tit">11-15 15:00:20</div>-->
+<!-- <div class="tit">浼婂畞鍘垮悍杈惧啘涓氬彂灞曟湁闄愬叕鍙�</div>-->
+<!-- </div>-->
+<!-- </li>-->
+<!-- <li style="float: left; width: 246px;">-->
+<!-- <div class="item">-->
+<!-- <div class="pic">-->
+<!-- <img th:src="@{/img/web/group/pic1.jpg}" alt="">-->
+<!-- </div>-->
+<!-- <div class="tit">11-15 15:00:20</div>-->
+<!-- <div class="tit">浼婂畞鍘垮悍杈惧啘涓氬彂灞曟湁闄愬叕鍙�</div>-->
+<!-- </div>-->
+<!-- </li>-->
+<!-- <li style="float: left; width: 246px;">-->
+<!-- <div class="item">-->
+<!-- <div class="pic">-->
+<!-- <img th:src="@{/img/web/group/pic2.jpg}" alt="">-->
+<!-- </div>-->
+<!-- <div class="tit">11-15 15:00:20</div>-->
+<!-- <div class="tit">浼婂畞鍘垮悍杈惧啘涓氬彂灞曟湁闄愬叕鍙�</div>-->
+<!-- </div>-->
+<!-- </li>-->
+<!-- <li style="float: left; width: 246px;">-->
+<!-- <div class="item">-->
+<!-- <div class="pic">-->
+<!-- <img th:src="@{/img/web/group/pic3.jpg}" alt="">-->
+<!-- </div>-->
+<!-- <div class="tit">11-15 15:00:20</div>-->
+<!-- <div class="tit">浼婂畞鍘垮悍杈惧啘涓氬彂灞曟湁闄愬叕鍙�</div>-->
+<!-- </div>-->
+<!-- </li>-->
+<!-- <li style="float: left; width: 246px;">-->
+<!-- <div class="item">-->
+<!-- <div class="pic">-->
+<!-- <img th:src="@{/img/web/group/pic4.jpg}" alt="">-->
+<!-- </div>-->
+<!-- <div class="tit">11-15 15:00:20</div>-->
+<!-- <div class="tit">浼婂畞鍘垮悍杈惧啘涓氬彂灞曟湁闄愬叕鍙�</div>-->
+<!-- </div>-->
+<!-- </li>-->
+<!-- <li style="float: left; width: 246px;">-->
+<!-- <div class="item">-->
+<!-- <div class="pic">-->
+<!-- <img th:src="@{/img/web/group/pic1.jpg}" alt="">-->
+<!-- </div>-->
+<!-- <div class="tit">11-15 15:00:20</div>-->
+<!-- <div class="tit">浼婂畞鍘垮悍杈惧啘涓氬彂灞曟湁闄愬叕鍙�</div>-->
+<!-- </div>-->
+<!-- </li>-->
+
</ul>
</div>
</div>
@@ -451,7 +463,7 @@
var deptId = [[${deptId}]];
var dicSlogan = [[${dicSlogan}]];
- var deptList = [[${deptList}]];
+ var deptAllList = [[${deptAllList}]];
var bizType = [[${bizType}]];
var bizTag = [[${bizTag}]];
</script>
--
Gitblit v1.9.3