yf_zd
/
commonApp


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184
							<!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/8.png" />
							<span class="titleItem">电池状态</span>
							<span class="rightVal" id="bs"></span>
						</li>
						<li>
							<img src="../images/sex_trap/9.png" />
							<span class="titleItem">CPU温度</span>
							<span class="rightVal" id="cpu_tmp"></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+')');
				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){					
					$('#cv').html(dat.cv/1000);
				}else{
					$('#cv').html( '--');
				}
				if(dat.bv){					
					$('#bv').html(dat.bv/1000);
				}else{
					$('#bv').html( '--');
				}
				if(dat.cs){					
					$('#cs').html(dat.cs==1?'充电中':'未充电');
				}else{
					$('#cs').html('--');
				}
				if(dat.bs){	
					if(dat.bs == 0){						
						$('#bs').html('正常');
					}else if(dat.bs == 1){						
						$('#bs').html('欠压');
					}else if(dat.bs == 2){						
						$('#bs').html('过压');
					}
				}else{
					$('#bs').html('--');
				}
				$('#cpu_tmp').html(dat.cpu_tmp/1000);
				$('#csq').html(dat.csq);
				$('#dver').html(dat.dver);
				$('#uplTime').html(upl_time)
			}

		</script>
	</body>

</html>