<!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>占地面积（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="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>
|
