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/index.html | 275 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 275 insertions(+), 0 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
new file mode 100644
index 0000000..caee3ca
--- /dev/null
+++ b/fzzy-igdss-web/src/main/resources/templates/group/index.html
@@ -0,0 +1,275 @@
+<!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="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">
+ <style>
+ .sp {
+ overflow: hidden;
+ }
+
+ .jkcloumn1 > img {
+ display: block;
+ margin: 0 auto;
+ }
+ </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>
+ <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>
+ </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="i-main cl">
+ <div class="left-container">
+
+ <div class="left-m1">
+ <div class="panel-title">鐩戠搴撶偣</div>
+
+ <div class="panel-content">
+ <ul class="left-m1-ul">
+ <li>
+ <h3>浼佷笟锛堜釜锛�</h3>
+ <p id="companyNum">0</p>
+ </li>
+ <li>
+ <h3>搴撶偣锛堜釜锛�</h3>
+ <p id="deptAreaNum">0</p>
+ </li>
+ <li>
+ <h3>浠撳簱锛堜釜锛�</h3>
+ <p id="depotSum">0</p>
+ </li>
+ <li>
+ <h3>绛掍粨锛堜釜锛�</h3>
+ <p id="depotOilSum">0</p>
+ </li>
+ </ul>
+
+ </div>
+ </div><!-- i-m1 end -->
+
+ <div class="left-m2">
+ <div class="panel-title" id="panel-title">鐩戠鍔ㄦ�佷俊鎭�</div>
+
+ <div class="panel-content">
+ <div class="panel-content-head">
+ <span class="head-item">鎵�灞炲簱鐐�</span>
+ <span class="head-item">褰撴棩鍒嗘瀽</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">搴撳尯1</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">搴撳尯2</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">搴撳尯3</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">搴撳尯4</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">搴撳尯5</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">搴撳尯6</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">搴撳尯7</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">搴撳尯8</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">搴撳尯9</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">搴撳尯10</span>
+ <span class="body-item">褰撴棩鍒嗘瀽涓�鍒囨甯�</span>
+ <span class="body-item" style="flex: 0.3;">04/22</span>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ </div>
+ <div class="left-m3">
+ <div class="panel-title">鍒嗗搧绉嶅簱瀛�</div>
+
+ <div class="panel-content">
+ <div class="chart-box1" id="allInventoryChart"></div>
+
+ <div class="details-unit">鍗曚綅锛堝惃锛�</div>
+
+ </div>
+ </div>
+
+ </div><!-- left end -->
+ <div class="right-container">
+ <div class="right-top">
+ <div class="right-map" id="map">
+
+ </div>
+
+ <div class="right-topInfo">
+
+ <div class="right-topInfo-box1">
+ <div class="panel-title" id="foodNumTitle">鍌ㄧ伯鏁伴噺</div>
+
+ <div class="panel-content">
+ <div class="lb-wrap">
+ <div class="lb-body">
+ <ul class="right-topInfo-jg">
+ <li>
+ <p id="foodSum">0</p>
+ <h3>鏁ｇ伯 (鍚�)</h3>
+ </li>
+ <li>
+ <p id="oilSum">0</p>
+ <h3>鎴愬搧 (鍚�)</h3>
+ </li>
+ </ul>
+ </div>
+ </div><!-- lb-wrap end -->
+ </div>
+ </div>
+
+ <div class="right-topInfo-box2">
+ <div class="panel-title">搴撶偣淇℃伅</div>
+ <div class="right-topInfo-address">
+ <i class="i-icon32"><img th:src="@{/img/web/group/icon-address.png}" alt=""></i>
+ <span id="cityAndCounty">涔岄瞾鏈ㄩ綈甯�</span>
+ </div>
+ <div class="panel-content">
+
+ <h2 class="right-topInfo-kd-h" id="deptAreaName">搴撳尯1</h2>
+ <div class="right-topInfo-kd">
+ <div class="right-topInfo-kd-item">
+ <h3>褰撴棩鍏ュ簱鏁帮紙涓級</h3>
+ <p id="depotNum">0</p>
+ </div>
+ <div class="right-topInfo-kd-item">
+ <h3>褰撴棩鍑哄簱鏁帮紙涓級</h3>
+ <p id="depotOilNum">0</p>
+ </div>
+ </div>
+ <ul class="right-topInfo-kd-list right-topInfo-jg">
+ <li>
+ <p id="foodNum">0</p>
+ <h3>浠撳簱鏁帮紙涓級</h3>
+ </li>
+ <li>
+ <p id="oilNum">0</p>
+ <h3>鍌ㄧ伯鏁帮紙鍚級</h3>
+ </li>
+ <li>
+ <p id="area">0</p>
+ <h3>鍗犲湴闈㈢Н锛坢虏锛�</h3>
+ </li>
+ </ul>
+ </div>
+ </div>
+
+ </div><!-- right-topInfo end -->
+
+ </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>
+ </div>
+ </div><!-- tubiao-Carousel end -->
+ </div>
+
+ </div><!-- right-bottom end -->
+
+
+ </div> <!-- right end -->
+
+ </div><!--i-main end-->
+
+</div>
+
+<script th:src="@{/js/jquery.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>
+<script th:src="@{/common/igds-common.js}"></script>
+<script th:src="@{/group/mapList.js}"></script>
+<script th:src="@{/group/index.js}"></script>
+<script th:inline="javascript">
+ var userId = [[${loginUser.loginName}]];
+ var companyId = [[${loginUser.companyId}]];
+ var deptId = [[${deptId}]];
+ var deptList = [[${deptList}]];
+</script>
+</body>
+</html>
--
Gitblit v1.9.3