<!DOCTYPE html>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
<meta name="viewport"
|
content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
<title>实时粮情</title>
|
<!-- MUI样式 -->
|
<link rel="stylesheet" href="./css/mui.min.css" />
|
<!-- 公共css -->
|
<link rel="stylesheet" href="./css/admin/public.css" />
|
<!-- 页面css -->
|
<link rel="stylesheet" href="./css/admin/grain-detail.css">
|
</head>
|
|
<body class="g-bg" style="background-image: url(images/a8.png);">
|
<header id="header" class="mui-bar mui-bar-nav m-pagetit">
|
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
|
<h1 class="mui-title" id="titleName">粮情详细</h1>
|
</header>
|
<div class="mui-content">
|
<div class="mui-scroll-wrapper g-src_box g-src_boxs1">
|
<div class="g-in-sl">
|
<div class="m-pow-dist m-sslq">
|
<ul class="ul-listpd1 ul-listslq">
|
<li>
|
<div class="con">
|
<div class="tit">
|
<div class="t1">
|
<span>粮情总览</span>
|
</div>
|
<span class="time" id="receiveDate">暂无检测数据</span>
|
</div>
|
<div class="inner">
|
<div class="info">粮食温度</div>
|
|
<div class="txt">
|
<div class="num"><span id="tempMax" style="font-size: 25px;">0</span><span> ℃</span></div>
|
<div class="desc">粮高温</div>
|
</div>
|
<div class="txt">
|
<div class="num"><span id="tempAve" style="font-size: 25px;">0</span><span> ℃</span></div>
|
<div class="desc">粮均温</div>
|
</div>
|
<div class="txt">
|
<div class="num"><span id="tempMin" style="font-size: 25px;">0</span><span> ℃</span></div>
|
<div class="desc">粮低温</div>
|
</div>
|
</div>
|
<div class="m-tempre">
|
<div class="group">
|
<div class="tm" style="background-image: url(images/f5.png);">
|
<div class="tem">
|
<div class="left">仓内温 </div>
|
<div class="right" id="tempIn"><span>0</span>℃</div>
|
</div>
|
<div class="tem">
|
<div class="left">仓内湿 </div>
|
<div class="right" id="humidityIn"><span>0</span>%</div>
|
</div>
|
</div>
|
</div>
|
<div class="group">
|
<div class="tm" style="background-image: url(images/f6.png);">
|
<div class="tem">
|
<div class="left">仓外温 </div>
|
<div class="right" id="tempOut"><span>0</span>℃</div>
|
</div>
|
<div class="tem">
|
<div class="left">仓外湿 </div>
|
<div class="right" id="humidityOut"><span>0</span>%</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</li>
|
</ul>
|
</div>
|
<div class="row-sslq1">
|
<div class="wp">
|
<div class="g-titsq1">各层粮情信息</div>
|
<div class="m-sslq2">
|
<ul class="ul-listsq2" id="grain-lay">
|
<li>
|
<div class="con">
|
<div class="mui-input-row mui-radio mui-left rad">
|
<label>一层</label>
|
<input name="radio1" type="radio">
|
</div>
|
<div class="m-left-sq2">
|
<div class="inner">
|
<div class="g">
|
<div class="pure">
|
0 <span>℃</span>
|
</div>
|
<div class="desc">粮高温</div>
|
</div>
|
</div>
|
<div class="inner">
|
<div class="g g1">
|
<div class="pure">
|
0 <span>℃</span>
|
</div>
|
<div class="desc">粮均温</div>
|
</div>
|
</div>
|
<div class="inner">
|
<div class="g g2">
|
<div class="pure">
|
0 <span>℃</span>
|
</div>
|
<div class="desc">粮低温</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="mui-input-row mui-radio mui-left rad">
|
<label>二层</label>
|
<input name="radio1" type="radio">
|
</div>
|
<div class="m-left-sq2">
|
<div class="inner">
|
<div class="g">
|
<div class="pure">
|
0 <span>℃</span>
|
</div>
|
<div class="desc">粮高温</div>
|
</div>
|
</div>
|
<div class="inner">
|
<div class="g g1">
|
<div class="pure">
|
0 <span>℃</span>
|
</div>
|
<div class="desc">粮均温</div>
|
</div>
|
</div>
|
<div class="inner">
|
<div class="g g2">
|
<div class="pure">
|
0 <span>℃</span>
|
</div>
|
<div class="desc">粮低温</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="mui-input-row mui-radio mui-left rad">
|
<label>三层</label>
|
<input name="radio1" type="radio">
|
</div>
|
<div class="m-left-sq2">
|
<div class="inner">
|
<div class="g">
|
<div class="pure">
|
0 <span>℃</span>
|
</div>
|
<div class="desc">粮高温</div>
|
</div>
|
</div>
|
<div class="inner">
|
<div class="g g1">
|
<div class="pure">
|
0 <span>℃</span>
|
</div>
|
<div class="desc">粮均温</div>
|
</div>
|
</div>
|
<div class="inner">
|
<div class="g g2">
|
<div class="pure">
|
0 <span>℃</span>
|
</div>
|
<div class="desc">粮低温</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="mui-input-row mui-radio mui-left rad">
|
<label>四层</label>
|
<input name="radio1" type="radio">
|
</div>
|
<div class="m-left-sq2">
|
<div class="inner">
|
<div class="g">
|
<div class="pure">
|
0 <span>℃</span>
|
</div>
|
<div class="desc">粮高温</div>
|
</div>
|
</div>
|
<div class="inner">
|
<div class="g g1">
|
<div class="pure">
|
0 <span>℃</span>
|
</div>
|
<div class="desc">粮均温</div>
|
</div>
|
</div>
|
<div class="inner">
|
<div class="g g2">
|
<div class="pure">
|
0 <span>℃</span>
|
</div>
|
<div class="desc">粮低温</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="mui-input-row mui-radio mui-left rad">
|
<label>五层</label>
|
<input name="radio1" type="radio">
|
</div>
|
<div class="m-left-sq2">
|
<div class="inner">
|
<div class="g">
|
<div class="pure">
|
0 <span>℃</span>
|
</div>
|
<div class="desc">粮高温</div>
|
</div>
|
</div>
|
<div class="inner">
|
<div class="g g1">
|
<div class="pure">
|
0 <span>℃</span>
|
</div>
|
<div class="desc">粮均温</div>
|
</div>
|
</div>
|
<div class="inner">
|
<div class="g g2">
|
<div class="pure">
|
0 <span>℃</span>
|
</div>
|
<div class="desc">粮低温</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</li>
|
</ul>
|
|
</div>
|
</div>
|
</div>
|
<div class="row-sslq2">
|
<div class="wp">
|
<div class="g-titsq1" id="grainCeng">1层详细粮情</div>
|
<div class="m-sslq3">
|
<ul class="ul-listsq3" id="grainPoint">
|
<li class="weig">
|
<div class="con">
|
<div class="desc d">行/列</div>
|
<div class="desc">1列</div>
|
<div class="desc">2列</div>
|
<div class="desc">3列</div>
|
<div class="desc">4列</div>
|
<div class="desc">5列</div>
|
</div>
|
</li>
|
<li class="weig">
|
<div class="con con1">
|
<div class="desc d1">1行</div>
|
<div class="desc">0</div>
|
<div class="desc">0</div>
|
<div class="desc">0</div>
|
<div class="desc">0</div>
|
<div class="desc">0</div>
|
</div>
|
</li>
|
<li class="weig">
|
<div class="con con2">
|
<div class="desc d1">2行</div>
|
<div class="desc">0</div>
|
<div class="desc">0</div>
|
<div class="desc">0</div>
|
<div class="desc">0</div>
|
<div class="desc">0</div>
|
</div>
|
</li>
|
<li class="weig">
|
<div class="con con3">
|
<div class="desc d1">3行</div>
|
<div class="desc">0</div>
|
<div class="desc">0</div>
|
<div class="desc">0</div>
|
<div class="desc">0</div>
|
<div class="desc">0</div>
|
</div>
|
</li>
|
<li class="weig">
|
<div class="con con4">
|
<div class="desc d1">4行</div>
|
<div class="desc">0</div>
|
<div class="desc">0</div>
|
<div class="desc">0</div>
|
<div class="desc">0</div>
|
<div class="desc">0</div>
|
</div>
|
</li>
|
<li class="weig">
|
<div class="con con5">
|
<div class="desc d1">5行</div>
|
<div class="desc">0</div>
|
<div class="desc">0</div>
|
<div class="desc">0</div>
|
<div class="desc">0</div>
|
<div class="desc">0</div>
|
</div>
|
</li>
|
</ul>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="m-bot_btn m-sslq-btn">
|
<div class="box">
|
<button id="1" type="button" class="mui-btn mui-btn-block bot-btn bot-btn1">历史数据</button>
|
<button id="2" type="button" class="mui-btn mui-btn-block bot-btn">粮情采集</button>
|
</div>
|
</div>
|
</body>
|
<script src="./js/mui.min.js"></script>
|
<script src="./js/jquery.js"></script>
|
<script src="./js/admin/grain-detail.js"></script>
|
<script type="text/javascript" charset="utf-8">
|
//mui初始化
|
mui.init();
|
|
mui.plusReady(function() {
|
//数据初始化
|
init();
|
})
|
</script>
|
</html>
|
