<!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;
|
}
|
|
.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>
|
<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('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="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" style="flex: 0.4;">日期</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>占地面积（m²）</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="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>
|
</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/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>
|
<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 dicSlogan = [[${dicSlogan}]];
|
var deptList = [[${deptList}]];
|
var bizType = [[${bizType}]];
|
var bizTag = [[${bizTag}]];
|
</script>
|
</body>
|
</html>
|
