<!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_modeling.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;;
|
}
|
|
.c-cen {
|
position: absolute;
|
top: 10px;
|
width: 100%;
|
height: 100vh;
|
display: flex;
|
align-items: center;
|
bottom: 10px;
|
}
|
|
</style>
|
</head>
|
|
<body>
|
|
<div class="container">
|
<div class="i-top">
|
<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">首页</a>
|
<a href="javaScript:;" onclick="changePage('gis_modeling')" class="i-nav4 active">GIS监管</a>
|
<a href="javaScript:;" onclick="changePage('video')" class="i-nav5">视频监管</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>
|
<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">
|
<iframe
|
id="gisFrame"
|
th:src="@{http://117.191.24.89:7777(uid=${defaultDeptId})}"
|
frameborder="0"
|
style=" width: 100%;height: 100vh;border: none;"
|
></iframe>
|
</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">10</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);">0%</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);">0%</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);">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);">90%</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%</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);">0%</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);">0%</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);">0%</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);">0%</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);">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(32,134,32);"></div>
|
<div class="num" style="color: rgb(32,134,32);">10%</div>
|
<div class="type">尼勒克县</div>
|
</div>
|
</li>
|
</ul>
|
</div>
|
</div>
|
<div class="m-box3">
|
<div class="item">
|
<div class="bot">
|
<div class="chart" id="ss"></div>
|
</div>
|
</div>
|
</div>
|
|
<div class="modeling-left-topInfo-box2" id="areaInformation">
|
<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>乌鲁木齐市</span>
|
</div>
|
<div class="panel-content">
|
<h2 class="right-topInfo-kd-h">库区1</h2>
|
<div class="modeling-left-topInfo-kd">
|
<div class="modeling-left-topInfo-ck">
|
<h1>一号仓库</h1>
|
</div>
|
</div>
|
<ul class="modeling-left-topInfo-kd-list right-topInfo-jg">
|
<li>
|
<p>0</p>
|
<h3>库存数（吨）</h3>
|
</li>
|
</ul>
|
</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>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
</div><!--i-main end-->
|
|
</div>
|
|
<script th:inline="javascript">
|
var userId = [[${loginUser.loginName}]];
|
var companyId = [[${loginUser.companyId}]];
|
var deptId = [[${deptId}]];
|
var areaList = [[${areaList}]];
|
var deptList = [[${deptList}]];
|
var defaultDeptId = [[${defaultDeptId}]];
|
var depotList = [[${depotList}]];
|
var bizType = [[${bizType}]];
|
var bizTag = [[${bizTag}]];
|
var dicSlogan = [[${dicSlogan}]];
|
var gisData = [[${gisData}]];
|
</script>
|
<!-- UI组件库 1.0 -->
|
<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_modeling.js}"></script>
|
<script th:src="@{/group/gis-chart.js}"></script>
|
</body>
|
|
</html>
|
