yf_zd
/
commonApp


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247
							<!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 rel="stylesheet" href="../css/reset.css" />
		<link rel="stylesheet" href="../css/mui.min.css" />
		<link rel="stylesheet" href="../css/common.css" />
		<script src="../js/base.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			.mui-content,
			body,
			html {
				background: #fff;
			}
			.mui-content{
				padding-bottom: 60px;
			}
			
			.innerDiv {
				padding: .3rem;
			}
			
			.equipInfo>ul>li {
				line-height: 66px;
				overflow: hidden;
			}
			
			.equipInfo {
				margin: .2rem .3rem 0;
			}
			
			.equipInfo>ul>li>img {
				width: 41px;
				height: 41px;
			}
			
			.titleItem {
				margin-left: .4rem;
				color: #999;
				letter-spacing: .03rem;
			}
			
			.rightVal {
				float: right;
				height: 50px;
				line-height: 50px;
			}
		
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">详情</h1>
		</header>
		<div class="mui-content">
			<div class="innerDiv">
				<div class="equipInfo">
					<ul>
						<li>
							<img src="../images/sex_trap/1.png" />
							<span class="titleItem">设备开关</span>
							<span class="rightVal" id="ds"></span>
						</li>
						<li>
							<img src="../images/sex_trap/2.png" />
							<span class="titleItem">工作状态</span>
							<span class="rightVal" id="ws"></span>
						</li>
						<li>
							<img src="../images/sex_trap/3.png" />
							<span class="titleItem">环境温度</span>
							<span class="rightVal" id="at"></span>
						</li>
						<li>
							<img src="../images/sex_trap/4.png" />
							<span class="titleItem">环境湿度</span>
							<span class="rightVal" id="ah"></span>
						</li>
						<li>
							<img src="../images/sex_trap/5.png" />
							<span class="titleItem">充电电压</span>
							<span class="rightVal" id="cv"></span>
						</li>
						<li>
							<img src="../images/sex_trap/6.png" />
							<span class="titleItem">电池电压</span>
							<span class="rightVal" id="bv"></span>
						</li>
						<li>
							<img src="../images/sex_trap/7.png" />
							<span class="titleItem">充电状态</span>
							<span class="rightVal" id="cs"></span>
						</li>
						<li>
							<img src="../images/sex_trap/19.png" />
							<span class="titleItem">雨控状态</span>
							<span class="rightVal" id="rps"></span>
						</li>
						<li>
							<img src="../images/sex_trap/18.png" />
							<span class="titleItem">温控状态</span>
							<span class="rightVal" id="tps"></span>
						</li>
						<li>
							<img src="../images/sex_trap/17.png" />
							<span class="titleItem">倾倒状态</span>
							<span class="rightVal" id="dps"></span>
						</li>
						<li>
							<img src="../images/sex_trap/16.png" />
							<span class="titleItem">红外计数值</span>
							<span class="rightVal" id="hjz"></span>
						</li>
						<li>
							<img src="../images/sex_trap/14.png" />
							<span class="titleItem">风向</span>
							<span class="rightVal" id="drec"></span>
						</li>
						<li>
							<img src="../images/sex_trap/13.png" />
							<span class="titleItem">风速</span>
							<span class="rightVal" id="sped"></span>
						</li>
						<li>
							<img src="../images/sex_trap/10.png" />
							<span class="titleItem">信号强度</span>
							<span class="rightVal" id="csq"></span>
						</li>
						<li>
							<img src="../images/sex_trap/11.png" />
							<span class="titleItem">版本号</span>
							<span class="rightVal" id="dver"></span>
						</li>
						<li>
							<img src="../images/sex_trap/12.png" />
							<span class="titleItem">上报时间</span>
							<span class="rightVal" id="uplTime"></span>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<script src="../js/jquery-2.1.0.js"></script>
		<script src="../js/mui.min.js"></script>
		<script src="http://echarts.baidu.com/build/dist/echarts.js"></script>
		<script type="text/javascript">
			mui.init()
			var equipId;
			var ybq_data,upl_time;
			mui.plusReady(function() {
				var self = plus.webview.currentWebview();
				equipId = self.equipId;
				upl_time = self.upl_time;
				console.log(self.ybq_data)
				ybq_data = eval('('+self.ybq_data+')');
				console.log(ybq_data)
				fullData(ybq_data);
			})

			function fullData(dat) {
				$('#ds').html(dat.ds==1?'开启':'关闭');
				$('#ws').html(dat.ws==1?'工作':'待机');
				$('#at').html(dat.at);
				$('#ah').html(dat.ah);
				if(dat.cv !== null){					
					$('#cv').html(dat.cv/1000);
				}else{
					$('#cv').html( '--');
				}
				if(dat.bv){					
					$('#bv').html(dat.bv/1000);
				}else{
					$('#bv').html( '--');
				}
				if(dat.cs !== null){	
					$('#cs').html(dat.cs == '1' ?'充电中':'未充电');
				}else{
					$('#cs').html('--');
				}
				if(dat.bs !== null){	
					if(dat.bs == 0){						
						$('#bs').html('正常');
					}else if(dat.bs == 1){						
						$('#bs').html('欠压');
					}else if(dat.bs == 2){						
						$('#bs').html('过压');
					}
				}else{
					$('#bs').html('--');
				}
				if (dat.infr_ct !== null) {
					$('#hjz').html(dat.infr_ct)
				} else{
					$('#hjz').html('--')
				}
				if (dat.wind_drec !== null) {
					$('#drec').html(dat.wind_drec)
				} else{
					$('#drec').html('--')
				}
				if (dat.wind_sped !== null) {
					$('#sped').html(dat.wind_sped)
				} else{
					$('#sped').html('--')
				}
				if (dat.tps !== null) {
					if(dat.tps == 0){						
						$('#tps').html('正常');
					}else if(dat.tps == 1){						
						$('#tps').html('温控');
					}
				} else{
					$('#tps').html('--')
				}
				if (dat.rps !== null) {
					if(dat.rps == 0){						
						$('#rps').html('正常');
					}else if(dat.tps == 1){						
						$('#rps').html('雨控');
					}
				} else{
					$('#rps').html('--')
				}
				if (dat.dps !== null) {
					if(dat.dps == 0){						
						$('#dps').html('正常');
					}else if(dat.tps == 1){						
						$('#dps').html('倾倒');
					}
				} else{
					$('#dps').html('--')
				}
//				$('#cpu_tmp').html(dat.cpu_tmp/1000);
				$('#csq').html(dat.csq);
				$('#dver').html(dat.dver);
				$('#uplTime').html(upl_time)
			}

		</script>
	</body>

</html>