From d24dd35d265a0b6bd0620285d226b5bed3d4566e Mon Sep 17 00:00:00 2001
From: czt <czt18638530771@163.com>
Date: 星期四, 11 十二月 2025 19:40:27 +0800
Subject: [PATCH] 大屏提交1：首页、GIS、视频页面
---
fzzy-igdss-web/src/main/resources/templates/group/gis.html | 464 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 464 insertions(+), 0 deletions(-)
diff --git a/fzzy-igdss-web/src/main/resources/templates/group/gis.html b/fzzy-igdss-web/src/main/resources/templates/group/gis.html
new file mode 100644
index 0000000..a8f6e2b
--- /dev/null
+++ b/fzzy-igdss-web/src/main/resources/templates/group/gis.html
@@ -0,0 +1,464 @@
+<!DOCTYPE html>
+<html lang="zh-cn" xmlns:th=http://www.thymeleaf.org>
+
+<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
+
+ <meta name="renderer" content="webkit">
+ <title>搴撳尯鍙鍖栫洃绠�</title>
+
+ <link th:href="@{/group/pc-reset.css}" rel="stylesheet" type="text/css">
+ <link th:href="@{/group/master.css}" rel="stylesheet" type="text/css">
+ <link th:href="@{/group/gis.css}" rel="stylesheet" type="text/css">
+ <style>
+ .anchorBL,
+ .BMap_cpyCtrl.anchorBL {
+ display: none !important;
+ ;
+ }
+
+ .BMap_bubble_pop {
+ background: url(/img/web/group/sup-popBg2.png) no-repeat;
+ background-size: 100% 100%;
+ padding: 3px 20px 30px 20px !important;
+ background-color: transparent !important;
+ border: 0 !important;
+ box-sizing: border-box;
+ overflow: hidden;
+ }
+
+ /*鍦板浘鏍囬*/
+ .BMap_bubble_top {
+ display: none !important;
+ ;
+ }
+
+ /* 娑堟伅鍐呭 */
+ .BMap_bubble_center {
+ background: transparent !important;
+ box-sizing: border-box;
+ overflow: hidden;
+
+ }
+
+ /* 宸︿笂瑙掑垹闄ゆ寜閿� */
+ .BMap_bubble_pop>img {
+ display: none !important;
+ top: -99999px !important;
+ ;
+ }
+ </style>
+</head>
+
+<body>
+
+ <div class="container">
+ <div class="i-top">
+ <h1 ondblclick="changeScreen()" class="i-top-tit"><span th:text="${sysName}">鐪佺骇鍌ㄥ绮洃绠″钩鍙�</span></h1>
+ <div class="i-navBar">
+ <a href="javaScript:;" onclick="changePage('index')" class="i-nav3">棣栭〉</a>
+ <a href="javaScript:;" onclick="changePage('gis')" class="i-nav4 active">GIS鐩戠</a>
+ <a href="javaScript:;" onclick="changePage('video')" class="i-nav5">瑙嗛鐩戠</a>
+ <a href="javaScript:;" onclick="changePage('logout')" class="i-nav6">閫�鍑虹郴缁�</a>
+ </div>
+ <div class="date-time-module">
+ <span id="navBarTime"></span>
+ <div class="i-top-date">
+ <span id="navBarDate"></span>
+ <span id="navBarWeek"></span>
+ </div>
+ </div>
+ <!-- <div id="data"></div> -->
+
+ </div><!--i-top end-->
+
+ <div class="c-main cl">
+ <div class="c-cen" id="map_container">
+ <!-- <img src="../images/visual/c-map.png" alt="">-->
+ </div>
+ <div class="c-left">
+ <div class="o-btn">
+<!-- <img src="../images/visual/c-btn1.png" alt="">-->
+ <img th:src="@{/img/web/group/c-btn1.png}"/>
+ </div>
+ <div class="inner">
+ <div class="close"></div>
+ <div class="m-box1">
+ <div class="l">
+ <div class="chartbox">
+ <div class="chart" id="breedChart"></div>
+ <div class="txt">
+ <div class="n" id="foodSum">1433331 </div>
+ <div class="p">鍚� </div>
+ </div>
+ </div>
+ </div>
+ <div class="r">
+ <ul class="ul-listb1" id="foodNumPer">
+ <li>
+ <div class="con" style="background-color: rgba(0, 228, 250,.05);">
+ <div class="dot" style="background-color: rgb(0, 228, 250);"></div>
+ <div class="num" style="color: rgb(0, 228, 250);">42.2%</div>
+ <div class="type">娣峰悎灏忛害</div>
+ </div>
+ </li>
+ <li>
+ <div class="con" style="background-color: rgba(22, 226, 173,.05);">
+ <div class="dot" style="background-color: rgb(22, 226, 173);"></div>
+ <div class="num" style="color: rgb(22, 226, 173);">12.6%</div>
+ <div class="type">灏忛害</div>
+ </div>
+ </li>
+ <li>
+ <div class="con" style="background-color: rgba(255, 181, 23,.05);">
+ <div class="dot" style="background-color: rgb(255, 181, 23);"></div>
+ <div class="num" style="color: rgb(255, 181, 23);">21.0%</div>
+ <div class="type">鐜夌背</div>
+ </div>
+ </li>
+ <li>
+ <div class="con" style="background-color: rgba(238, 60, 72,.05);">
+ <div class="dot" style="background-color: rgb(238, 60, 72);"></div>
+ <div class="num" style="color: rgb(238, 60, 72);">5.8%</div>
+ <div class="type">绋昏胺</div>
+ </div>
+ </li>
+ <li>
+ <div class="con" style="background-color: rgba(135, 103, 255,.05);">
+ <div class="dot" style="background-color: rgb(135, 103, 255);"></div>
+ <div class="num" style="color: rgb(135, 103, 255);">0.9%</div>
+ <div class="type">闈掔</div>
+ </div>
+ </li>
+ <li>
+ <div class="con" style="background-color: rgba(41, 122, 255,.05);">
+ <div class="dot" style="background-color: rgb(41, 122, 255);"></div>
+ <div class="num" style="color: rgb(41, 122, 255);">10.2%</div>
+ <div class="type">鑻﹁崬楹�</div>
+ </div>
+ </li>
+ <li>
+ <div class="con" style="background-color: rgba(238, 60, 144,.05);">
+ <div class="dot" style="background-color: rgb(238, 60, 144);"></div>
+ <div class="num" style="color: rgb(238, 60, 144);">16.2%</div>
+ <div class="type">澶ц眴</div>
+ </div>
+ </li>
+ <li>
+ <div class="con" style="background-color: rgba(0, 228, 250,.05);">
+ <div class="dot" style="background-color: rgb(0, 228, 250);"></div>
+ <div class="num" style="color: rgb(0, 228, 250);">42.2%</div>
+ <div class="type">娣峰悎灏忛害</div>
+ </div>
+ </li>
+ <li>
+ <div class="con" style="background-color: rgba(22, 226, 173,.05);">
+ <div class="dot" style="background-color: rgb(22, 226, 173);"></div>
+ <div class="num" style="color: rgb(22, 226, 173);">12.6%</div>
+ <div class="type">灏忛害</div>
+ </div>
+ </li>
+ <li>
+ <div class="con" style="background-color: rgba(255, 181, 23,.05);">
+ <div class="dot" style="background-color: rgb(255, 181, 23);"></div>
+ <div class="num" style="color: rgb(255, 181, 23);">21.0%</div>
+ <div class="type">鐜夌背</div>
+ </div>
+ </li>
+ <li>
+ <div class="con" style="background-color: rgba(238, 60, 72,.05);">
+ <div class="dot" style="background-color: rgb(238, 60, 72);"></div>
+ <div class="num" style="color: rgb(238, 60, 72);">5.8%</div>
+ <div class="type">绋昏胺</div>
+ </div>
+ </li>
+ <li>
+ <div class="con" style="background-color: rgba(135, 103, 255,.05);">
+ <div class="dot" style="background-color: rgb(135, 103, 255);"></div>
+ <div class="num" style="color: rgb(135, 103, 255);">0.9%</div>
+ <div class="type">闈掔</div>
+ </div>
+ </li>
+ <li>
+ <div class="con" style="background-color: rgba(41, 122, 255,.05);">
+ <div class="dot" style="background-color: rgb(41, 122, 255);"></div>
+ <div class="num" style="color: rgb(41, 122, 255);">10.2%</div>
+ <div class="type">鑻﹁崬楹�</div>
+ </div>
+ </li>
+ <li>
+ <div class="con" style="background-color: rgba(238, 60, 144,.05);">
+ <div class="dot" style="background-color: rgb(238, 60, 144);"></div>
+ <div class="num" style="color: rgb(238, 60, 144);">16.2%</div>
+ <div class="type">澶ц眴</div>
+ </div>
+ </li>
+ </ul>
+ </div>
+ </div>
+ <div class="m-box2">
+ <div class="item">
+
+ <div class="bot">
+ <div class="chart" id="ss"></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="c-right">
+ <div class="o-btn">
+ <img th:src="@{/img/web/group/c-btn2.png}"/>
+ </div>
+ <div class="inner">
+ <div class="close"></div>
+ <div class="m-nav" id="menuDiv">
+ <div class="con">
+ <div class="tit">
+ <div class="arr"></div>
+ <a href="javascript:;" class="v1"><i class="icon"></i><b class="t">鏂扮枂缁村惥灏旇嚜娌诲尯</b></a>
+ </div>
+ <div class="sub two">
+ <div class="con">
+ <div class="tit">
+ <div class="arr"></div>
+ <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">涔岄瞾鏈ㄩ綈甯�</span></a>
+ </div>
+ <div class="sub three">
+ <div class="tit">
+ <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">搴撳尯鍚嶇О1</span></a>
+ </div>
+ <div class="tit">
+ <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">搴撳尯鍚嶇О2</span></a>
+ </div>
+ </div>
+ </div>
+ <div class="con">
+ <div class="tit">
+ <div class="arr"></div>
+ <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">鍏嬫媺鐜涗緷甯�</span></a>
+ </div>
+ <div class="sub three">
+ <div class="tit">
+ <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">搴撳尯鍚嶇О1</span></a>
+ </div>
+ <div class="tit">
+ <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">搴撳尯鍚嶇О2</span></a>
+ </div>
+ </div>
+ </div>
+ <div class="con">
+ <div class="tit">
+ <div class="arr"></div>
+ <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">鍚愰瞾鐣競</span></a>
+ </div>
+ <div class="sub three">
+ <div class="tit">
+ <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">搴撳尯鍚嶇О1</span></a>
+ </div>
+ <div class="tit">
+ <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">搴撳尯鍚嶇О2</span></a>
+ </div>
+ </div>
+ </div>
+ <div class="con">
+ <div class="tit">
+ <div class="arr"></div>
+ <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">鍝堝瘑甯�</span></a>
+ </div>
+ <div class="sub three">
+ <div class="tit">
+ <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">搴撳尯鍚嶇О1</span></a>
+ </div>
+ <div class="tit">
+ <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">搴撳尯鍚嶇О2</span></a>
+ </div>
+ </div>
+ </div>
+ <div class="con">
+ <div class="tit">
+ <div class="arr"></div>
+ <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">鏄屽悏鍥炴棌鑷不宸�</span></a>
+ </div>
+ <div class="sub three">
+ <div class="tit">
+ <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">搴撳尯鍚嶇О1</span></a>
+ </div>
+ <div class="tit">
+ <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">搴撳尯鍚嶇О2</span></a>
+ </div>
+ </div>
+ </div>
+ <div class="con">
+ <div class="tit">
+ <div class="arr"></div>
+ <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">鍗氬皵濉旀媺钂欏彜鑷不宸�</span></a>
+ </div>
+ <div class="sub three">
+ <div class="tit">
+ <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">搴撳尯鍚嶇О1</span></a>
+ </div>
+ <div class="tit">
+ <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">搴撳尯鍚嶇О2</span></a>
+ </div>
+ </div>
+ </div>
+ <div class="con">
+ <div class="tit">
+ <div class="arr"></div>
+ <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">宸撮煶閮钂欏彜鑷不宸�</span></a>
+ </div>
+ <div class="sub three">
+ <div class="tit">
+ <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">搴撳尯鍚嶇О1</span></a>
+ </div>
+ <div class="tit">
+ <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">搴撳尯鍚嶇О2</span></a>
+ </div>
+ </div>
+ </div>
+ <div class="con">
+ <div class="tit">
+ <div class="arr"></div>
+ <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">闃垮厠鑻忓湴鍖�</span></a>
+ </div>
+ <div class="sub three">
+ <div class="tit">
+ <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">搴撳尯鍚嶇О1</span></a>
+ </div>
+ <div class="tit">
+ <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">搴撳尯鍚嶇О2</span></a>
+ </div>
+ </div>
+ </div>
+ <div class="con">
+ <div class="tit">
+ <div class="arr"></div>
+ <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">鍏嬪瓬鍕掕嫃鏌皵鍏嬪瓬鑷不宸�</span></a>
+ </div>
+ <div class="sub three">
+ <div class="tit">
+ <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">搴撳尯鍚嶇О1</span></a>
+ </div>
+ <div class="tit">
+ <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">搴撳尯鍚嶇О2</span></a>
+ </div>
+ </div>
+ </div>
+ <div class="con">
+ <div class="tit">
+ <div class="arr"></div>
+ <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">鍠�浠�鍦板尯</span></a>
+ </div>
+ <div class="sub three">
+ <div class="tit">
+ <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">搴撳尯鍚嶇О1</span></a>
+ </div>
+ <div class="tit">
+ <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">搴撳尯鍚嶇О2</span></a>
+ </div>
+ </div>
+ </div>
+ <div class="con">
+ <div class="tit">
+ <div class="arr"></div>
+ <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">鍜岀敯鍦板尯</span></a>
+ </div>
+ <div class="sub three">
+ <div class="tit">
+ <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">搴撳尯鍚嶇О1</span></a>
+ </div>
+ <div class="tit">
+ <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">搴撳尯鍚嶇О2</span></a>
+ </div>
+ </div>
+ </div>
+ <div class="con">
+ <div class="tit">
+ <div class="arr"></div>
+ <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">浼婄妬鍝堣惃鍏嬭嚜娌诲窞</span></a>
+ </div>
+ <div class="sub three">
+ <div class="tit">
+ <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">搴撳尯鍚嶇О1</span></a>
+ </div>
+ <div class="tit">
+ <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">搴撳尯鍚嶇О2</span></a>
+ </div>
+ </div>
+ </div>
+ <div class="con">
+ <div class="tit">
+ <div class="arr"></div>
+ <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">濉斿煄鍦板尯</span></a>
+ </div>
+ <div class="sub three">
+ <div class="tit">
+ <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">搴撳尯鍚嶇О1</span></a>
+ </div>
+ <div class="tit">
+ <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">搴撳尯鍚嶇О2</span></a>
+ </div>
+ </div>
+ </div>
+ <div class="con">
+ <div class="tit">
+ <div class="arr"></div>
+ <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">闃垮嫆娉板湴鍖�</span></a>
+ </div>
+ <div class="sub three">
+ <div class="tit">
+ <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">搴撳尯鍚嶇О1</span></a>
+ </div>
+ <div class="tit">
+ <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">搴撳尯鍚嶇О2</span></a>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ </div><!--i-main end-->
+
+ </div>
+
+
+
+ <!-- <script src="../js/bootstrap.min.js" type="text/javascript"></script> -->
+
+ <script>
+ window._AMapSecurityConfig = {
+ securityJsCode:'39051edca2c561cb80d8f49b4624ab17',
+ }
+ </script>
+ <script th:inline="javascript">
+ var userId = [[${loginUser.loginName}]];
+ var companyId = [[${loginUser.companyId}]];
+ var deptId = [[${deptId}]];
+ var areaList = [[${areaList}]];
+ var allArea = [[${allArea}]];
+ var deptList = [[${deptList}]];
+ var bizType = [[${bizType}]];
+ var dicSlogan = [[${dicSlogan}]];
+ var defaultAreaCode = [[${defaultAreaCode}]];
+ </script>
+ <script th:src="@{https://webapi.amap.com/maps?v=2.0&key=5249315a4ba00ea7212898d4449b8c0e&plugin=AMap.DistrictSearch}" src="https://webapi.amap.com/maps?v=2.0&key=5249315a4ba00ea7212898d4449b8c0e"></script>
+ <!-- UI缁勪欢搴� 1.0 -->
+ <script th:src="@{https://webapi.amap.com/ui/1.1/main.js?v=1.1.1}" src="//webapi.amap.com/ui/1.1/main.js?v=1.1.1"></script>
+ <script th:src="@{/js/jquery.min.js}"></script>
+ <script th:src="@{/js/plugins/echarts/echarts.js}"></script>
+ <script th:src="@{/common/constant.js}"></script>
+ <script th:src="@{/common/igds-common.js}"></script>
+
+ <script th:src="@{/group/gis.js}"></script>
+ <script th:src="@{/group/gis-map.js}"></script>
+ <script th:src="@{/group/gis-chart.js}"></script>
+</body>
+
+</html>
\ No newline at end of file
--
Gitblit v1.9.3