<!DOCTYPE html>
|
<html lang="zh-cn" xmlns:th=http://www.thymeleaf.org style="font-size: 10vw">
|
<head>
|
<meta charset="UTF-8">
|
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<title>智能粮库管理平台</title>
|
<link rel="shortcut icon" th:href="@{/static/favicon.ico}"/>
|
<link th:href="@{/static/databoard/group-base.css}" rel="stylesheet">
|
<link th:href="@{/static/databoard/group-header.css}" rel="stylesheet">
|
<link th:href="@{/static/databoard/group-container.css}" rel="stylesheet">
|
</head>
|
<body>
|
<div class="home_wrap">
|
|
<div class="nav-bar_wrap">
|
<div class="nav-bar-title"><span th:text="${largeScreenName}">智能粮库管理平台</span></div>
|
<div class="date-time-module">
|
<span class="nav-bar-text" id="navBarDate"></span>
|
<span class="nav-bar-text" id="navBarWeek"></span>
|
<span class="nav-bar-text" id="navBarTime"></span>
|
</div>
|
|
<div class="nav-bar-slogan">不忘初心，牢记使命，为中国人民谋幸福，为中华民族谋复兴</div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="left-container">
|
|
<!--基础信息-->
|
<div class="base-info-panel">
|
<div class="panel-title">库区数量</div>
|
|
<div class="panel-content">
|
<div class="inventory">
|
<div class="panel-content-text">库区(个)</div>
|
<div class="panel-content-count" style="color: #36b994;" id="deptSum">0</div>
|
</div><!--
|
-->
|
<div class="entrepot">
|
<div class="panel-content-text">仓库(个)</div>
|
<div class="panel-content-count" id="depotSum">0</div>
|
</div><!--
|
-->
|
<div class="real-time">
|
<div class="panel-content-text">实时储蓄(吨)</div>
|
<div class="panel-content-count" id="storageSum">0</div>
|
</div>
|
</div>
|
</div>
|
|
<!--库存动态信息-->
|
<div class="inventory-info-panel">
|
<div class="panel-title">库区动态信息</div>
|
|
<div class="panel-content">
|
<div class="panel-content-head">
|
<span class="head-item" style="flex: 0.8;">所属库区</span>
|
<span class="head-item">内容</span>
|
<span class="head-item" style="flex: 0.3;">日期</span>
|
</div>
|
|
<div class="panel-content-body" id="inventoryInfoBox">
|
<div id="inventoryInfo">
|
<!-- <div class="panel-content-body-tr">-->
|
<!-- <span class="body-item" style="flex: 0.8;">辽宁省沈阳市和平区</span>-->
|
<!-- <span class="body-item">此处是通知内容字数不够加些文字此处是通知内容字数不够加些文字</span>-->
|
<!-- <span class="body-item" style="flex: 0.3;">07/17</span>-->
|
<!-- </div>-->
|
<!-- <div class="panel-content-body-tr">-->
|
<!-- <span class="body-item" style="flex: 0.8;">辽宁省沈阳市和平区</span>-->
|
<!-- <span class="body-item">此处是通知内容字数不够加些文字</span>-->
|
<!-- <span class="body-item" style="flex: 0.3;">07/17</span>-->
|
<!-- </div>-->
|
<!-- <div class="panel-content-body-tr">-->
|
<!-- <span class="body-item" style="flex: 0.8;">辽宁省沈阳市和平区</span>-->
|
<!-- <span class="body-item">此处是通知内容字数不够加些文字</span>-->
|
<!-- <span class="body-item" style="flex: 0.3;">07/17</span>-->
|
<!-- </div>-->
|
<!-- <div class="panel-content-body-tr">-->
|
<!-- <span class="body-item" style="flex: 0.8;">辽宁省沈阳市和平区</span>-->
|
<!-- <span class="body-item">此处是通知内容字数不够加些文字</span>-->
|
<!-- <span class="body-item" style="flex: 0.3;">07/17</span>-->
|
<!-- </div>-->
|
<!-- <div class="panel-content-body-tr">-->
|
<!-- <span class="body-item" style="flex: 0.8;">辽宁省沈阳市和平区</span>-->
|
<!-- <span class="body-item">此处是通知内容字数不够加些文字</span>-->
|
<!-- <span class="body-item" style="flex: 0.3;">07/17</span>-->
|
<!-- </div>-->
|
<!-- <div class="panel-content-body-tr">-->
|
<!-- <span class="body-item" style="flex: 0.8;">辽宁省沈阳市和平区</span>-->
|
<!-- <span class="body-item">此处是通知内容字数不够加些文字</span>-->
|
<!-- <span class="body-item" style="flex: 0.3;">07/17</span>-->
|
<!-- </div>-->
|
<!-- <div class="panel-content-body-tr">-->
|
<!-- <span class="body-item" style="flex: 0.8;">辽宁省沈阳市和平区</span>-->
|
<!-- <span class="body-item">此处是通知内容字数不够加些文字</span>-->
|
<!-- <span class="body-item" style="flex: 0.3;">07/17</span>-->
|
<!-- </div>-->
|
<!-- <div class="panel-content-body-tr">-->
|
<!-- <span class="body-item" style="flex: 0.8;">辽宁省沈阳市和平区</span>-->
|
<!-- <span class="body-item">此处是通知内容字数不够加些文字</span>-->
|
<!-- <span class="body-item" style="flex: 0.3;">07/17</span>-->
|
<!-- </div>-->
|
<!-- <div class="panel-content-body-tr">-->
|
<!-- <span class="body-item" style="flex: 0.8;">辽宁省沈阳市和平区</span>-->
|
<!-- <span class="body-item">此处是通知内容字数不够加些文字</span>-->
|
<!-- <span class="body-item" style="flex: 0.3;">07/17</span>-->
|
<!-- </div>-->
|
<!-- <div class="panel-content-body-tr">-->
|
<!-- <span class="body-item" style="flex: 0.8;">辽宁省沈阳市和平区</span>-->
|
<!-- <span class="body-item">此处是通知内容字数不够加些文字</span>-->
|
<!-- <span class="body-item" style="flex: 0.3;">07/17</span>-->
|
<!-- </div>-->
|
<!-- <div class="panel-content-body-tr">-->
|
<!-- <span class="body-item" style="flex: 0.8;">辽宁省沈阳市和平区</span>-->
|
<!-- <span class="body-item">此处是通知内容字数不够加些文字</span>-->
|
<!-- <span class="body-item" style="flex: 0.3;">07/17</span>-->
|
<!-- </div>-->
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<!--总库存-->
|
<div class="all-inventory-panel">
|
<div class="panel-title">总库存</div>
|
|
<div class="panel-content">
|
<div class="chart-box" id="allFoodVarietyChart">
|
|
</div>
|
<!-- -->
|
<div class="details-box">
|
|
<div class="details-panel">
|
<div class="details-panel-title">总存储</div>
|
<div class="details-panel-text" id="foodVarietyName">小麦</div>
|
<div class="details-panel-num" id="foodVarietyValue">0</div>
|
</div>
|
|
<div class="details-unit">单位t</div>
|
|
</div>
|
</div>
|
</div>
|
|
</div>
|
<!-- -->
|
<div class="right-container">
|
|
<div class="top-container">
|
|
<div class="map-container" id="map">
|
|
</div>
|
|
<!-- -->
|
<div class="info-container">
|
|
<!--气象站信息-->
|
<div class="weather-panel">
|
<div class="panel-title">本地气象信息</div>
|
|
<div class="panel-content">
|
<div class="today-weather">
|
<span class="temperature" id="weather_wendu">0</span>
|
<span class="weather-img yun" id="weatherImg"></span>
|
<span class="weather-text">
|
<span id="weather_tianqi">晴转多云</span>
|
</span>
|
|
<div class="turnover-time-info">
|
<span class="turnover-time-text">更新时间</span>
|
<span class="turnover-time" id="weather_time">2000-01-01 00:00</span>
|
</div>
|
</div>
|
|
<!-- -->
|
<div class="today-weather-detail">
|
<div class="detail-item">
|
<span class="detail-item-icon"></span>
|
<span class="detail-item-text">湿度</span>
|
<span class="detail-item-info" id="weather_shidu">0%</span>
|
</div>
|
<div class="detail-item">
|
<span class="detail-item-icon"></span><!--
|
-->
|
<div class="detail-item-infos">
|
<span class="detail-item-text">风向</span>
|
<span class="detail-item-info" id="weather_fengxiang">无风</span>
|
<span class="detail-item-text">风力</span>
|
<span class="detail-item-info" id="weather_fengji">0级</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<!--库存信息-->
|
<div class="inventory-detail-panel">
|
<div class="panel-title">库区信息</div>
|
|
<div class="panel-content">
|
<div class="panel-content-title"><span id="deptName">库区名称</span>
|
<!-- <span class="panel-content-subtitle">直属库</span>-->
|
</div>
|
|
<div class="location">
|
<span class="icon-location"></span>
|
<span class="location-text" id="locationName">黑龙江哈尔滨</span>
|
</div>
|
|
<div class="panel-content-charts">
|
<div class="chart-item">
|
<div class="chart-box" id="reservesChart"></div>
|
<div class="chart-item-text">设计总储量</div>
|
</div><!--
|
-->
|
<div class="chart-item">
|
<div class="chart-box" id="areaChart"></div>
|
<div class="chart-item-text">设计总面积</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
|
<!--库存仓区统计-->
|
<div class="bottom-container">
|
<div class="panel-title">库区库存统计</div>
|
|
<div class="panel-content">
|
<div class="stats-chart-box">
|
<div class="chart-item">
|
<div class="chart-item-title">粮食性质</div>
|
<div class="chart-box" id="foodTypeChart"></div>
|
</div><!--
|
-->
|
<div class="chart-item">
|
<div class="chart-item-title">粮食品种</div>
|
<div class="chart-box" id="foodVarietyChart"></div>
|
</div><!--
|
-->
|
<div class="chart-item">
|
<div class="chart-item-title">粮食等级</div>
|
<div class="chart-box" id="foodLevelChart"></div>
|
</div>
|
</div><!--
|
|
-->
|
<div class="today-inbound">
|
<div class="today-inbound-title">当日出入库</div>
|
<div class="today-inbound-item">
|
<div class="item-title">入库登记(车)</div>
|
<div class="item-num" id="inSumNum">0</div>
|
</div><!--
|
-->
|
<div class="today-inbound-item">
|
<div class="item-title">出库登记(车)</div>
|
<div class="item-num" id="outSumNum">0</div>
|
</div><!--
|
-->
|
<div class="today-inbound-item">
|
<div class="item-title">入库完成(车)</div>
|
<div class="item-num" id="inComplateNum">0</div>
|
</div><!--
|
-->
|
<div class="today-inbound-item">
|
<div class="item-title">出库完成(车)</div>
|
<div class="item-num" id="outComplateNum">0</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<script th:src="@{/static/js/jquery.min.js}"></script>
|
<script th:src="@{/static/plugins/layui/layui.js}"></script>
|
<script th:src="@{/static/plugins/echarts/echarts.js}"></script>
|
<script th:src="@{/static/js/igds-common.js}"></script>
|
<script th:src="@{/static/databoard/mapList.js}"></script>
|
<script th:src="@{/static/databoard/databoard-group.js}"></script>
|
<script th:inline="javascript">
|
//气象信息
|
var weatherInfo = [[${weatherInfo}]];
|
var deptId = [[${deptId}]];
|
var bizType = [[${bizType}]];
|
var bizTag = [[${bizTag}]];
|
//下属库区信息
|
var deptList = [[${deptList}]];
|
|
var inoutMap = [[${inoutMap}]];
|
var userId = [[${loginUser.username}]];
|
//属仓库列表
|
var listDepot = [[${listDepot}]];
|
|
//属警告信息列表
|
var warnList = [[${warnList}]];
|
|
//设置定时刷新页面，主要为了防止掉线
|
var timerFlush;
|
window.onload = function () {
|
if (timerFlush) {
|
clearInterval(timerFlush);
|
}
|
timerFlush = setInterval(function () {
|
window.location.href = window.location.href;
|
}, 60 * 60 * 1000);
|
};
|
</script>
|
</body>
|
</html>
|
