<!DOCTYPE html>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
<title>智慧粮库服务</title>
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
<link href="./css/mui.min.css" rel="stylesheet" />
|
<style>
|
.mui-bar-nav {
|
background: #245ca7;
|
-webkit-box-shadow: none;
|
box-shadow: none;
|
}
|
.mui-title {
|
color: #FFFFFF;
|
}
|
.mui-content{
|
margin: 0 5px;
|
}
|
.mui-content-padded{
|
margin: auto;
|
}
|
.mui-content-padded img{
|
width: 100%;
|
height: 180px;
|
}
|
.mui-content-padded p{
|
font-size: 18px;
|
margin-bottom: -4px;
|
color: #000000;
|
}
|
.mui-grid-view.mui-grid-9 {
|
margin: auto;
|
background-color: #FFFFFF;
|
border-left: none;
|
border-top: none;
|
}
|
.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body {
|
margin-top: 8px;
|
line-height: 17px;
|
height: 17px;
|
}
|
.mui-grid-view.mui-grid-9 .mui-table-view-cell {
|
padding: 10px 10px;
|
border-bottom: none;
|
border-top: 1px solid #eee;
|
}
|
.mui-grid-view.mui-grid-9 .mui-table-view-cell>a:not(.mui-btn) {
|
padding: 8px 0;
|
}
|
.mui-col-xs-4 {
|
width: 33.333333%;
|
}
|
.mui-icon-list,
|
.mui-icon-chat,
|
.mui-icon-contact,
|
.mui-icon-gear,
|
.mui-icon-close{
|
color: #FFFFFF;
|
}
|
.mui-grid-view.mui-grid-9 .mui-media .mui-icon {
|
font-size: 2.4em;
|
position: relative;
|
border-radius: 50px;
|
padding: 12px;
|
}
|
.img_ico{
|
width: 60px;
|
height: auto;
|
display: block;
|
margin: auto;
|
}
|
.title{
|
background-color: #FFFFFF;
|
display: block;
|
padding: 0 15px;
|
box-sizing: border-box;
|
color: #245ca7;
|
height: 40px;
|
line-height: 40px;
|
}
|
.warn{
|
background-color: #2e88e8;
|
width: 60px;
|
height: 60px;
|
border-radius: 50px;
|
margin-left: 20%;
|
}
|
</style>
|
</head>
|
<body>
|
<header class="mui-bar mui-bar-nav">
|
<h1 class="mui-title">智慧粮库服务</h1>
|
</header>
|
<div class="mui-content">
|
|
<div class="mui-content-padded">
|
<p>
|
<img src="./images/ad.png" />
|
</p>
|
</div>
|
<!-- <div>
|
<div class="title"><strong>三维可视</strong></div>
|
<ul class="mui-table-view mui-grid-view mui-grid-9">
|
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
|
<a href="javascript:void(0)" onclick="getView('0')">
|
<img class="img_ico" src="./images/ico_qjzs.png">
|
<div class="mui-media-body">全景展示</div>
|
</a>
|
</li>
|
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3" style="border-right: none;">
|
</li>
|
</ul>
|
</div> -->
|
<div style="margin-top: 5px;">
|
<div class="title"><strong>综合业务</strong></div>
|
<ul class="mui-table-view mui-grid-view mui-grid-9">
|
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3" style="">
|
<a href="javascript:void(0)" onclick="getView('comprehensive-display')">
|
<img class="img_ico" src="./images/ico_zhzs.png">
|
<div class="mui-media-body">综合展示</div>
|
</a>
|
</li>
|
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
|
<a href="javascript:void(0)" onclick="getView('monitor')">
|
<img class="img_ico" src="./images/ico_spjk.png">
|
<div class="mui-media-body">视频监控</div>
|
</a>
|
</li>
|
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
|
<a href="javascript:void(0)" onclick="getView('patrol-manage')">
|
<img class="img_ico" src="./images/ico_xungeng.png">
|
<div class="mui-media-body">巡更管理</div>
|
</a>
|
</li>
|
<!-- <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
|
<a href="javascript:void(0)" onclick="getView('storage-manage')">
|
<img class="img_ico" src="./images/ico_ccgl.png">
|
<div class="mui-media-body">存储管理</div>
|
</a>
|
</li> -->
|
<li>
|
|
</li>
|
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
|
<a href="javascript:void(0)" onclick="getView('quality-manage')">
|
<img class="img_ico" src="./images/ico_zlgl.png">
|
<div class="mui-media-body">质量管理</div>
|
</a>
|
</li>
|
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
|
<a href="javascript:void(0)" onclick="getView('order-manage')">
|
<img class="img_ico" src="./images/ico_order.png">
|
<div class="mui-media-body">工单管理</div>
|
</a>
|
</li>
|
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
|
<a href="javascript:void(0)" onclick="getView('inout-manage')">
|
<img class="img_ico" src="./images/ico_crk.png">
|
<div class="mui-media-body">出入库管理</div>
|
</a>
|
</li>
|
</ul>
|
</div>
|
<div style="margin-top: 5px;">
|
<div class="title"><strong>仓储业务</strong></div>
|
<ul class="mui-table-view mui-grid-view mui-grid-9">
|
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
|
<a href="javascript:void(0)" onclick="getView('grain-manage')">
|
<img class="img_ico" src="./images/ico_lqjc.png">
|
<div class="mui-media-body">粮情管理</div>
|
</a>
|
</li>
|
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
|
<a href="javascript:void(0)" onclick="getView('gas-display')">
|
<img class="img_ico" src="./images/ico_qtjc.png">
|
<div class="mui-media-body">气体管理</div>
|
</a>
|
</li>
|
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3" style="border-right: none;">
|
<a href="javascript:void(0)" onclick="getView('pest-display')">
|
<img class="img_ico" src="./images/ico_chjc.png">
|
<div class="mui-media-body">虫害管理</div>
|
</a>
|
</li>
|
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
|
<a href="javascript:void(0)" onclick="getView('device-wind-manage')">
|
<img class="img_ico" src="./images/ico_tfkz.png">
|
<div class="mui-media-body">通风管理</div>
|
</a>
|
</li>
|
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
|
<a href="javascript:void(0)" onclick="getDeviceView('device-control-gas','气调管理')">
|
<img class="img_ico" src="./images/ico_qtkz.png">
|
<div class="mui-media-body">气调管理</div>
|
</a>
|
</li>
|
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3" style="border-right: none;">
|
<a href="javascript:void(0)" onclick="getDeviceView('device-control-air','温控管理')">
|
<img class="img_ico" src="./images/ico_wkkz.png">
|
<div class="mui-media-body">温控管理</div>
|
</a>
|
</li>
|
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
|
<a href="javascript:void(0)" onclick="getDeviceView('device-control-door','门禁管理')">
|
<img class="img_ico" src="./images/ico_mjgl.png">
|
<div class="mui-media-body">门禁管理</div>
|
</a>
|
</li>
|
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3" style="border-bottom: 1px solid #eee;">
|
<a href="javascript:void(0)" onclick="getView('energy-manage')">
|
<img class="img_ico" src="./images/ico_nhzs.png">
|
<div class="mui-media-body">能耗管理</div>
|
</a>
|
</li>
|
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3" style="border-bottom: 1px solid #eee;">
|
<a href="javascript:void(0)" onclick="getWeatherView()">
|
<img class="img_ico" src="./images/ico_qxxx.png">
|
<div class="mui-media-body">气象信息</div>
|
</a>
|
</li>
|
</ul>
|
</div>
|
</div>
|
<script src="./js/mui.js"></script>
|
<script src="./js/jquery.min.js"></script>
|
<script type="text/javascript" charset="utf-8">
|
mui.init();
|
|
//跳转其他业务模块
|
function getView(tag) {
|
if (tag == '0') {
|
mui.alert('无权查看此功能！', '提示', ["确定"], function() {}, "div");
|
return;
|
}
|
var url = tag + ".html";
|
mui.openWindow({
|
url: url,
|
id: tag
|
})
|
}
|
|
//跳转气象页面
|
function getWeatherView() {
|
mui.openWindow({
|
url: "./weather.html?url=" + "https://widget-page.heweather.net/h5/index.html?md=03456&bg=1&lc=accu&key=3cb8c045697b43c2b858751a145464aa&demo=true&v=_1617326246190&demo=true",
|
id: 'weather'
|
})
|
}
|
|
//跳转设备操作页面
|
function getDeviceView(tag, typeName) {
|
mui.openWindow({
|
url: "device-listDepot.html",
|
id: "device-listDepot",
|
extras: {
|
tag: tag,
|
typeName: typeName
|
}
|
})
|
}
|
</script>
|
</body>
|
</html>
|
