From 37c0d64a996ad6f42e8f85a643672bcb0f78c0d8 Mon Sep 17 00:00:00 2001
From: czt <czt18638530771@163.com>
Date: 星期六, 20 十二月 2025 09:44:28 +0800
Subject: [PATCH] 首页大屏增加抓拍跟踪
---
fzzy-igdss-web/src/main/resources/templates/group/index.html | 232 ++++++++++++++++++++++++++++++++++++++++++++++++++-------
1 files changed, 203 insertions(+), 29 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 caee3ca..b986355 100644
--- a/fzzy-igdss-web/src/main/resources/templates/group/index.html
+++ b/fzzy-igdss-web/src/main/resources/templates/group/index.html
@@ -17,18 +17,103 @@
display: block;
margin: 0 auto;
}
+
+ .item4 {
+ height: 280px;
+ width: 100%;
+ float: left;
+ }
+
+ .bgt {
+ background-position: top left;
+ background-size: 100% 100%;
+ background-repeat: no-repeat;
+ position: relative;
+ }
+
+ .item_cont .bd {
+ padding: 10px;
+ overflow: hidden;
+ position: relative;
+ padding-left: 60px;
+ }
+
+ .item_cont .bd .year {
+ width: 49px;
+ height: 26px;
+ border: 1px solid #21B1FF;
+ border-radius: 5px;
+ position: absolute;
+ bottom: 35px;
+ text-align: center;
+ z-index: 22;
+ left: 5px;
+ font-size: 12px;
+ line-height: 26px;
+ background: #05152f;
+ color: #fff;
+ }
+
+ .item_cont .bd ul li {
+ margin: 0 18px;
+ overflow: hidden;
+ text-align: center;
+ position: relative;
+ }
+
+ .item_cont .bd ul li .pic {
+ border: 3px solid #3288FF;
+ border-radius: 10px;
+ margin-bottom: 50px;
+ }
+
+ .item_cont .bd ul li img {
+ width: 240px;
+ height: 160px;
+ border-radius: 8px;
+
+ }
+
+ .item_cont .bd::after {
+ content: "";
+ width: 99.2%;
+ position: absolute;
+ bottom: 45px;
+ left: 5px;
+ z-index: 1;
+ border-bottom: 1px dashed #3288FF;
+ }
+
+ .item_cont .bd ul li .tit{
+ color: #FFFFFF;
+ }
+
+ .item_cont .bd ul li::after {
+ content: "";
+
+ width: 29px;
+ height: 53px;
+ position: absolute;
+ bottom: 20px;
+ left: 50%;
+ z-index: 0;
+ background: url(/img/web/group/icon_dot4.png) no-repeat bottom 0 center;
+ }
</style>
</head>
<body style="overflow:hidden;">
<div class="container">
<div class="i-top">
- <h1 ondblclick="changeScreen()" class="i-top-tit"><span th:text="${sysName}">鏀跨瓥鎬у偍澶囩伯娌圭洃绠″钩鍙�</span></h1>
+ <h1 ondblclick="changeScreen()" class="i-top-tit"><span th:text="${sysName}">鏅烘収绮簱璐ㄦ娂鐩戠澶у睆</span></h1>
+ <p ondblclick="changeScreen()" class="i-top-p" id="sloganText">
+ 鏂扮枂浼婂畞鍐滄潙鍟嗕笟閾惰鑲′唤鏈夐檺鍏徃鈥斺�旀櫤鎱х洃绠″钩鍙�</p>
<div class="i-navBar">
<a href="javaScript:;" onclick="changePage('index')" class="i-nav3 active">棣栭〉</a>
<a href="javaScript:;" onclick="changePage('gis')" class="i-nav4">GIS鐩戠</a>
<a href="javaScript:;" onclick="changePage('video')" class="i-nav5">瑙嗛鐩戠</a>
- <a href="javaScript:;" onclick="changePage('logout')" class="i-nav6">閫�鍑虹郴缁�</a>
+ <a href="javaScript:;" onclick="changePage('sys')" class="i-nav6">鍚庡彴绠＄悊</a>
+ <a href="javaScript:;" onclick="changePage('logout')" class="i-nav7">閫�鍑虹郴缁�</a>
</div>
<div class="date-time-module">
<span id="navBarTime"></span>
@@ -77,7 +162,7 @@
<div class="panel-content-head">
<span class="head-item">鎵�灞炲簱鐐�</span>
<span class="head-item">褰撴棩鍒嗘瀽</span>
- <span class="head-item">杩戜竷澶╃疮璁℃鏁�</span>
+ <span class="head-item" style="flex: 0.4;">鏃ユ湡</span>
</div>
<div class="panel-content-body" id="inventoryInfoBox">
@@ -219,35 +304,118 @@
</div><!-- right-top end -->
<div class="right-bottom bottom-container">
- <div class="panel-title" id="pieCharTitle">鏁伴噺缁熻</div>
-
- <div class="panel-content" style="position: relative;">
- <div class="tubiao-Carousel">
-
- <div class="stats-chart-box">
- <div class="chart-item">
- <div class="chart-item-title">鍝佺</div>
- <div class="chart-box" id="pieVarietyChart" style="height: 266px; width:256px"></div>
- </div>
- <div class="chart-item">
- <div class="chart-item-title">鎬ц川</div>
- <div class="chart-box" id="pieTypeChart" style="height: 266px; width:256px"></div>
- </div>
- <div class="chart-item">
- <div class="chart-item-title">绛夌骇</div>
- <div class="chart-box" id="pieLevelChart" style="height: 266px; width:256px"></div>
- </div>
- <div class="chart-item">
- <div class="chart-item-title">骞翠唤</div>
- <div class="chart-box" id="pieYearChart" style="height: 266px; width:256px"></div>
- </div>
- <div class="chart-item">
- <div class="chart-item-title">鍦板煙鍒掑垎</div>
- <div class="chart-box" id="pieAreaChart" style="height: 266px; width:256px"></div>
+ <div class="panel-title" id="pieCharTitle">鎶撴媿璺熻釜</div>
+ <!-- <div class="panel-content" style="position: relative;">-->
+ <!-- <div class="tubiao-Carousel">-->
+ <div class="item4 bgt follow">
+ <div class="item_cont">
+ <div class="bd">
+ <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>
</div>
</div>
- </div><!-- tubiao-Carousel end -->
+ </div>
</div>
+ <!-- </div><!– tubiao-Carousel end –>-->
+ <!-- </div>-->
</div><!-- right-bottom end -->
@@ -259,6 +427,9 @@
</div>
<script th:src="@{/js/jquery.min.js}"></script>
+<script th:src="@{/js/jquery.countup.min.js}"></script>
+<script th:src="@{/js/jquery.SuperSlide.js}"></script>
+<script th:src="@{/js/jquery.waypoints.min.js}"></script>
<script th:src="@{/js/plugins/echarts/echarts.js}"></script>
<script th:src="@{/ajax/libs/layer/layer.js}"></script>
<script th:src="@{/common/constant.js}"></script>
@@ -269,7 +440,10 @@
var userId = [[${loginUser.loginName}]];
var companyId = [[${loginUser.companyId}]];
var deptId = [[${deptId}]];
+ var dicSlogan = [[${dicSlogan}]];
var deptList = [[${deptList}]];
+ var bizType = [[${bizType}]];
+ var bizTag = [[${bizTag}]];
</script>
</body>
</html>
--
Gitblit v1.9.3