<!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>
|
