cxc
/
ifm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613
							<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>mcYzzk</title>
		<style>
			div#chartDiv{
				margin-bottom: 0;
				margin-right: 0;
				margin-left: 0;
			}
			p {
				font-size: 0.22rem;
			}
			li .row {
				margin-right: 0;
   				margin-left: 0;
			    padding: 0.05rem 0;
			}
			.mui-content {
			    background-color: #fff;
			}
			.suosou{
				height: 0.72rem;
				z-index: 1;
				padding: 0.12rem 0;
				border-bottom: 1px solid #eee;
			}
			#wrap .suosou ul.nav.nav-pills.navbar-fixed-bottom.nav-justified{
				background: #fff;
				justify-content: center;
				padding: 0.12rem 0;
			}
			#wrap .suosou ul.nav-pills>li+li {
			    margin-left: 0;
			}
			#wrap .suosou ul.nav.nav-pills.navbar-fixed-bottom.nav-justified li a{
			    color: #67889D;
			    padding: 0.05rem 0.2rem;
			    border: 1px solid #7BA3B9;
			    border-radius: 0.08rem;
			}
			.suosouLicolor{
				color: #fff !important;
				background-color: #6C98B1 !important;
			}
			ul, .mui-table-view {
			    color: #fff;
			}
			.mui-table-view-cell {
			    font-size: 0.24rem;
			    background: #4E768F;
			    text-align: left;
			}
			.hiddenli{
				margin: 0 0.3rem;
				padding-bottom: 0.1rem;
			}
			.rowBox{
			    border-radius: 0.05rem;
				background-color: #C3D4E6;
			}
			.yzzkIscroll li.mui-table-view-cell {
			    display: flex;
    			align-items: center;
			    margin-top: 0.02rem;
				margin-left: 0.15rem;
				margin-right: 0.15rem;
			}
			.yzzkIscroll .mui-table-view-cell span:first-child {
			    background-size: 175%;
			    background-repeat: no-repeat;
			    width: 0.5rem;
			    height: 0.4rem;
		        margin-right: 0.1rem;
			}
			.yzzkIscroll .mui-table-view-cell>.mui-switch{
				top:50%;
			}
			.out{
				border-top:1rem solid transparent;
				border-left:1.6rem solid transparent;
				width:0px;
				height:0px;
				position:relative;
			}
			.xian1{
				width: 1.4rem;
			    height: 0.02rem;
			    display: block;
			    position: absolute;
			    left: -1.2rem;
			    top: -0.52rem;
			    background: #4e768f;
			    transform: rotateZ(45deg);
			}
			.xian2{
			    width: 1.69rem;
			    height: 0.02rem;
			    display: block;
			    position: absolute;
			    margin-top: 0;
			    left: -1.66rem;
			    top: -0.32rem;
			    background: #4e768f;
			    transform: rotateZ(20deg);
			}
			b{font-style:normal;display:block;position:absolute;top:-1rem;left:-0.6rem;}
			em{font-style:normal;display:block;position:absolute;top:-0.4rem;left:-1.56rem;}
			i{font-style:normal;display:block;position:absolute;top:-0.76rem;left:-1.6rem;transform: rotateZ(31deg);}
			/*搜索框css*/
			#tabbarLrb .sskuang,#tabbarClyc .sskuang{
			    width: auto;
				height: 0.64rem;
			    margin: 0.2rem 1.3rem;
			}
			#tabbarLrb .sskuang span,#tabbarClyc .sskuang span{
				z-index: 1;background: #a3bed3 url(views/haifmv/img/mc_img/search.png);display: block;width: 0.64rem;height: 0.64rem;position: absolute;right: 0;top: 0;border-radius: 50%;background-size: 450%;background-position-x: -1.18rem;background-position-y: -0.89rem;
			}
			.cx{
				display: none;z-index: 1;background: #a3bed3 url(views/haifmv/img/mc_img/search.png);width: 0.64rem;height: 0.64rem;position: absolute;right: 0.4rem;bottom: 0.2rem;border-radius: 50%;background-size: 450%;background-position-x: -1.18rem;background-position-y: -0.89rem;
			}
			input[placeholder], [placeholder], *[placeholder] {
				text-align: left;font-size: 0.28rem !important;color: #fff !important;background: #bbcde1;border-radius: 30px;box-shadow: 0 0 5px #9ca0a9;
			}
			::-webkit-input-placeholder {
				color: #fff !important;
			}
			#modal-1 p{
				color: #fff;
				font-size: 0.3rem;
			}
			#modal-1 .title li:first-child,#modal-1 .title li:last-child{
				width: 50%;
			}
			#modal-1 .title li span.search{
				z-index: 1;background: url(views/haifmv/img/mc_img/search.png);display: block;width: 0.64rem;height: 0.64rem;border-radius: 50%;background-size: 450%;background-position-x: -1.16rem;background-position-y: -0.9rem;
			}
			#modal-1 .mui-icon-checkmarkempty{
				font-size: 1rem;
			    width: 100%;
			}
			#modal-1 .xian {
		        width: 1px;display: block;height: 1rem;background: -webkit-linear-gradient(left top, transparent 5%, #fff 50%, transparent 95%);
			}
			#modal-1 .mui-table-view:first-child {
			    margin-top: 0.1rem;
			}
			#modal-1 .mui-table-view li:last-child {
			    padding-bottom: 0.2rem;
			    border-radius: 0 0 0.2rem 0.2rem;
			}
			.mui-table-view-cell span.rq {
				position: inherit;right: inherit;top: inherit;background-repeat: no-repeat;background-position-x: -1.12rem;background-position-y: -1.32rem;background-size: 666%;
			}
			#modal-1 .checklabel,#modal-1 .mui-table-view-cell {
				color: #4E768F !important;
			}
			#modal-1 .mui-table-view-cell.mui-active,#modal-1 .mui-table-view-cell.sssj.mui-active,#modal-1 .mui-table-view-cell.yweb.mui-active,#modal-1 .mui-table-view-cell{
				background: #A3BED3;
			}
			#modal-1 .mui-table-view-cell{
				border-radius: 0;
			}
			#modal-1 .time span{
				display: block;padding: 0.1rem 0;border: 1px solid #fff;border-radius: 0.1rem;width: 0.58rem;height: 0.52rem;text-align: center;font-size: 0.22rem;
			}
			#modal-1 label,#modal-1 .time span {
			    color: #A6ACB0;
			}
		</style>
		<script type="text/javascript" src="views/haifmv/js/classie.js" ></script>
		<script type="text/javascript" src="views/haifmv/js/modalEffects.js" ></script>
		<script type="text/javascript" src="views/haifmv/mc/mcYzzk/mcYzzk.js"></script>
	</head>
	<body>
	<input type="hidden" id="lqid" name="lqid" value="$!lqid" />
	<input type="hidden" id="zsid" value="$!zsid"/>
	<input type="hidden" id="type" value="$!type"/>
	<input type="hidden" id="jsms" value="$!jsms"/>
	<input type="hidden" id="tjtksrq" value="$!tjtksrq"/>
	<input type="hidden" id="tjtjsrq" value="$!tjtjsrq"/>
	<input type="hidden" id="flag" value="$!flag"/>
	<input type="hidden" id="jttzzz" value="$!hm.jttzzz"/><!-- 体重增长 -->
	<input type="hidden" id="zttzzz" value="$!hm.zttzzz"/>
	<input type="hidden" id="qttzzz" value="$!hm.qttzzz"/>
	<input type="hidden" id="ztlrb" value="$!hm.ztlrb"/><!-- 料肉比 -->
	<input type="hidden" id="qtlrb" value="$!hm.qtlrb"/>
	<input type="hidden" id="dqtlrb" value="$!hm.dqtlrb"/>
		<div id="wrap">
			<div class="suosou iscrollyzgkX" id="iscrollyzgkX">
				<ul class="nav nav-pills navbar-fixed-bottom nav-justified" style="justify-content: space-between;">
					<li><a class="mui-tab-item suosouLicolor" id="ztgk" data-for="ztgk">总体概况</a></li>
					<li><a class="mui-tab-item" id="lrb" data-for="lrb">料肉比</a></li>
					#if ("$!zsbz" == 1)
					<li><a class="mui-tab-item" id="clyc" data-for="clyc">出栏预测</a></li>
					#else
					<li><a class="mui-tab-item" id="slcl" data-for="slcl">饲料存量</a></li>
					<li><a class="mui-tab-item" id="sssp" data-for="sssp">实时视频</a></li>
					#end
				</ul>
			</div>
			<div class="middle">
				<section class="yzzkIscroll" style="background: #fff;">
					<div class="mui-content">
						#if ("$!zsbz" == 1)
						<div id="tabbarZtgk" class="mui-control-content mui-active">
							<ul class="mui-table-view">
								<li class="mui-table-view-cell">
									<span class="jbxx"></span><span>基本信息</span>
									<div class="mui-switch mui-active">
										<div class="mui-switch-handle"></div>
									</div>
								</li>
								<li class="hiddenli" style="display: block;">
									<div class="rowBox container-fluid">
										<div class="row">
										  	<div class="col-xs-6 col-sm-6 col-md-6 discenter"><p>栏期名称：</p><span>&nbsp;$!hm.daLqda.lqmc</span></div>
											<div class="col-xs-6 col-sm-6 col-md-6 discenter"></div>
										</div>
										<div class="row">
										  	<div class="col-xs-6 col-sm-6 col-md-6 discenter"><p>入栏天数：</p><span>&nbsp;$!hm.mscxsj&nbsp;天</span></div>
											<div class="col-xs-6 col-sm-6 col-md-6 discenter"></div>
										</div>
										<div class="row">
										  	<div class="col-xs-6 col-sm-6 col-md-6 discenter"><p>入栏数：</p><span>&nbsp;$!hm.daLqda.rls&nbsp;头</span></div>
											<div class="col-xs-6 col-sm-6 col-md-6 discenter"></div>
										</div>
										<div class="row">
										  	<div class="col-xs-6 col-sm-6 col-md-6 discenter"><p>入栏体重：</p><span>&nbsp;$!hm.daLqda.rlpjtz&nbsp;Kg</span></div>
											<div class="col-xs-6 col-sm-6 col-md-6 discenter"></div>
										</div>
										<div class="row">
										  	<div class="col-xs-6 col-sm-6 col-md-6 discenter"><p>猪窝数：</p><span>0</span></div>
											<div class="col-xs-6 col-sm-6 col-md-6 discenter"></div>
										</div>
									</div>
								</li>
								<li class="mui-table-view-cell">
									<span class="dwqx"></span><span>动物去向</span>
									<div class="mui-switch mui-active">
										<div class="mui-switch-handle"></div>
									</div>
								</li>
								<li class="hiddenli" style="display: block;">
									<div class="rowBox container-fluid">
										<div class="row">
										  	<div class="col-xs-6 col-sm-6 col-md-6 discenter"><p>在栏：</p><span>&nbsp;$!hm.daLqda.zls&nbsp;($!hm.yebzls)头</span></div>
											<div class="col-xs-6 col-sm-6 col-md-6 discenter"><p>隔离：</p><span>&nbsp;$!hm.daLqda.gls&nbsp;头</span></div>
										</div>
										<div class="row">
										  	<div class="col-xs-6 col-sm-6 col-md-6 discenter"><p>售出：</p><span>&nbsp;$!hm.daLqda.scs&nbsp;头</span></div>
											<div class="col-xs-6 col-sm-6 col-md-6 discenter"><p>死亡：</p><span>&nbsp;#if("$!hm.daLqda.sws" == "0")$!hm.daLqda.sws&nbsp;头#else<span style="color:red">$!hm.daLqda.sws</span>&nbsp;头#end</span></div>
										</div>
									</div>
								</li>
								<li class="mui-table-view-cell">
									<span class="sczk"></span><span>生产状况</span>
									<div class="mui-switch mui-active">
										<div class="mui-switch-handle"></div>
									</div>
								</li>
								<li class="hiddenli" style="display: block;">
									<div class="rowBox container-fluid">
										<div class="row">
										  	<div class="col-xs-6 col-sm-6 col-md-6 discenter">
										  	<p>料肉比(前/昨)：</p>
										  	<span>&nbsp;<span id="lrbqt"></span></span>
											/
											<span>&nbsp;<span id="lrbzt"></span></span>
											</div>
											<div class="col-xs-6 col-sm-6 col-md-6 discenter"></div>
										</div>
										<div class="row">
										  	<div class="col-xs-6 col-sm-6 col-md-6 discenter"><p>日均增量(前/昨)：</p>
											  	<span id="rzzzt"></span>
												<span>/</span>
												<span id="rzzjt"></span>g</div>
											<div class="col-xs-6 col-sm-6 col-md-6 discenter"></div>
										</div>
										<div class="row">
										  	<div class="col-xs-6 col-sm-6 col-md-6 discenter"><p>饲料消耗(kg)：</p><span>&nbsp;$!hm.rcssum</span></div>
											<div class="col-xs-6 col-sm-6 col-md-6 discenter"></div>
										</div>
									</div>
								</li>
								<li class="mui-table-view-cell">
									<span class="rjfw"></span><span>日均访问</span>
									<div class="mui-switch mui-active">
										<div class="mui-switch-handle"></div>
									</div>
								</li>
								<li class="hiddenli" style="display: block;">
									<div class="rowBox container-fluid">
										<table style="width: 100%;margin-bottom: 0.2rem;">
											<tr> 
												<th style="width:80px;"> 
													<div class="out"> 
														<b>区域</b> 
														<em>日期</em>
														<i>日均访问量</i>
														<span class="xian1"></span>
														<span class="xian2"></span>
													</div> 
												</th> 
												<th>采食区一</th> 
												<th>采食区二</th> 
												<th>隔离区</th> 
												<th>平均访问</th> 
											</tr> 
											<tr>
												<td><p>昨天</p></td>
												<td><p>&nbsp;$!hm.ztcsq1fws</p></td>
												<td><p>&nbsp;$!hm.ztcsq2fws</p></td>
												<td><p>&nbsp;$!hm.ztglqfws</p></td>
												<td><p>&nbsp;$!hm.ztpjfws</p></td>
											</tr>
											<tr>
												<td><p>今天</p></td>
												<td><p>&nbsp;$!hm.jtcsq1fws</p></td>
												<td><p>&nbsp;$!hm.jtcsq2fws</p></td>
												<td><p>&nbsp;$!hm.jtglqfws</p></td>
												<td><p>&nbsp;$!hm.jtpjfws</p></td>
											</tr>
										</table>
									</div>
								</li>
								<li class="mui-table-view-cell">
									<span class="tzgk"></span><span>体重概况</span>
									<div class="mui-switch mui-active">
										<div class="mui-switch-handle"></div>
									</div>
								</li>
								<li class="hiddenli" style="display: block;">
									<div class="rowBox container-fluid">
										<div class="row">
											<div class="col-xs-6 col-sm-6 col-md-6 discenter"><p>&gt;$!hm.tzqj1name: &nbsp;</p><span>&nbsp;$!hm.tzqj1num&nbsp;($!hm.tzqj1yebnum)头</span></div>
											<div class="col-xs-6 col-sm-6 col-md-6 discenter"></div>
										</div>
										<div class="row">
											<div class="col-xs-6 col-sm-6 col-md-6 discenter"><p>&nbsp;$!hm.tzqj2name: &nbsp;</p><span>&nbsp;$!hm.tzqj2num&nbsp;($!hm.tzqj2yebnum)头</span></div>
											<div class="col-xs-6 col-sm-6 col-md-6 discenter"></div>
										</div>
										<div class="row">
											<div class="col-xs-6 col-sm-6 col-md-6 discenter"><p>&nbsp;$!hm.tzqj3name: &nbsp;</p><span>&nbsp;$!hm.tzqj3num&nbsp;($!hm.tzqj3yebnum)头</span></div>
											<div class="col-xs-6 col-sm-6 col-md-6 discenter"></div>
										</div>
										<div class="row">
											<div class="col-xs-6 col-sm-6 col-md-6 discenter"><p>&lt;$!hm.tzqj4name: &nbsp;</p><span>$!hm.tzqj4num&nbsp;($!hm.tzqj4yebnum)头</span></div>
											<div class="col-xs-6 col-sm-6 col-md-6 discenter"></div>
										</div>
									</div>
								</li>
								<li class="mui-table-view-cell">
									<span class="snhj"></span><span>舍内环境</span>
									<div class="mui-switch mui-active">
										<div class="mui-switch-handle"></div>
									</div>
								</li>
								<li class="hiddenli" style="display: block;">
									<div class="rowBox container-fluid">
										<table style="width: 100%;margin-bottom: 0.2rem;">
											<tr> 
												<th style="width:80px;"> 
													<div class="out"> 
														<b>区域</b> 
														<em>日期</em>
														<i style="top: -0.78rem;left: -1.2rem;">数值</i>
														<span class="xian1"></span>
														<span class="xian2"></span>
													</div> 
												</th> 
												<th>室内温度(℃)</th> 
												<th>室内湿度(RH)</th> 
												<th>氨气浓度(ppm)</th> 
											</tr> 
											<tr>
												<td><p>昨天</p></td>
												<td><p>&nbsp;$!hm.ztmintemp&nbsp;-&nbsp;$!hm.ztmaxtemp °C</p></td>
												<td><p>&nbsp;$!hm.ztminsd&nbsp;-&nbsp;$!hm.ztmaxsd RH</p></td>
												<td><p>&nbsp;$!hm.ztaqnd ppm</p></td>
											</tr>
											<tr>
												<td><p>今天</p></td>
												<td><p>&nbsp;$!hm.jtmintemp&nbsp;-&nbsp;$!hm.jtmaxtemp °C</p></td>
												<td><p>&nbsp;$!hm.jtminsd&nbsp;-&nbsp;$!hm.jtmaxsd RH</p></td>
												<td><p>&nbsp;$!hm.jtaqnd ppm</p></td>
											</tr>
										</table>
									</div>
								</li>
							</ul>
						</div>
						#else
						<div id="tabbarZtgk" class="mui-control-content mui-active">
							<ul class="mui-table-view">
								<li class="mui-table-view-cell">
									<span class="jbxx"></span><span>基本信息</span>
									<div class="mui-switch mui-active">
										<div class="mui-switch-handle"></div>
									</div>
								</li>
								<li class="hiddenli" style="display: block;">
									<div class="rowBox container-fluid">
										<div class="row">
											<div class="col-xs-6 col-sm-6 col-md-6 discenter"><p>栏期名称：</p><span>&nbsp;$!hm.daLqda.lqmc</span></div>
											<div class="col-xs-6 col-sm-6 col-md-6 discenter"></div>
										</div>
										<div class="row">
											<div class="col-xs-6 col-sm-6 col-md-6 discenter"><p>入栏天数：</p><span>&nbsp;$!hm.mscxsj&nbsp;天</span></div>
											<div class="col-xs-6 col-sm-6 col-md-6 discenter"></div>
										</div>
										<div class="row">
											<div class="col-xs-6 col-sm-6 col-md-6 discenter"><p>入栏数：</p><span>&nbsp;$!hm.daLqda.rls&nbsp;头</span></div>
											<div class="col-xs-6 col-sm-6 col-md-6 discenter"></div>
										</div>
										<div class="row">
											<div class="col-xs-6 col-sm-6 col-md-6 discenter"><p>入栏体重：</p><span>&nbsp;$!hm.daLqda.rlpjtz&nbsp;Kg</span></div>
											<div class="col-xs-6 col-sm-6 col-md-6 discenter"></div>
										</div>
										<div class="row">
											<div class="col-xs-6 col-sm-6 col-md-6 discenter"><p>猪窝数：</p><span>0</span></div>
											<div class="col-xs-6 col-sm-6 col-md-6 discenter"></div>
										</div>
									</div>
								</li>
								<li class="mui-table-view-cell">
									<span class="dwqx"></span><span>动物去向</span>
									<div class="mui-switch mui-active">
										<div class="mui-switch-handle"></div>
									</div>
								</li>
								<li class="hiddenli" style="display: block;">
									<div class="rowBox container-fluid">
										<div class="row">
											<div class="col-xs-6 col-sm-6 col-md-6 discenter"><p>在栏：</p><span>&nbsp;$!hm.daLqda.zls&nbsp;($!hm.yebzls)头</span></div>
											<div class="col-xs-6 col-sm-6 col-md-6 discenter"><p>隔离：</p><span>&nbsp;$!hm.daLqda.gls&nbsp;头</span></div>
										</div>
										<div class="row">
											<div class="col-xs-6 col-sm-6 col-md-6 discenter"><p>售出：</p><span>&nbsp;$!hm.daLqda.scs&nbsp;头</span></div>
											<div class="col-xs-6 col-sm-6 col-md-6 discenter"><p>死亡：</p><span>#if("$!hm.daLqda.sws" == "0")&nbsp; $!hm.daLqda.sws&nbsp;头#else<span style="color:red">$!hm.daLqda.sws</span>&nbsp;头#end</span></div>
										</div>
									</div>
								</li>
								<li class="mui-table-view-cell">
									<span class="sczk"></span><span>饲料消耗</span>
									<div class="mui-switch mui-active">
										<div class="mui-switch-handle"></div>
									</div>
								</li>
								<li class="hiddenli" style="display: block;">
									<div class="rowBox container-fluid">
										<div class="row">
											<div class="col-xs-6 col-sm-6 col-md-6 discenter"><p>累计采食：</p><span>&nbsp;$!hm.rcssum KG</span></div>
											<div class="col-xs-6 col-sm-6 col-md-6 discenter"></div>
										</div>
										<div class="row">
											<div class="col-xs-6 col-sm-6 col-md-6 discenter"><p>昨天/今天</p><span></span></div>
											<div class="col-xs-6 col-sm-6 col-md-6 discenter"></div>
										</div>
										<div class="row">
											<div class="col-xs-6 col-sm-6 col-md-6 discenter"><p>日采食：</p><span>&nbsp;$!hm.ztslxh KG/ $!hm.jtslxh KG</span></div>
											<div class="col-xs-6 col-sm-6 col-md-6 discenter"></div>
										</div>
									</div>
								</li>
								<!-- <li class="mui-table-view-cell">
									<span class="rjfw"></span><span>活跃指数</span>
									<div class="mui-switch mui-active">
										<div class="mui-switch-handle"></div>
									</div>
								</li>
								<li class="hiddenli" style="display: block;">
									<div class="rowBox container-fluid">
										<div class="row">
											<div class="col-xs-6 col-sm-6 col-md-6 discenter"><p>活跃指数：</p><span>昨天/今天</span></div>
											<div class="col-xs-6 col-sm-6 col-md-6 discenter"></div>
										</div>
										<div class="row">
											<div class="col-xs-6 col-sm-6 col-md-6 discenter"><p>/</p><span></span></div>
											<div class="col-xs-6 col-sm-6 col-md-6 discenter"></div>
										</div>
										<div class="row">
											<div class="col-xs-6 col-sm-6 col-md-6 discenter"><p>单窝：</p><span>最高/最低</span></div>
											<div class="col-xs-6 col-sm-6 col-md-6 discenter"></div>
										</div>
										<div class="row">
											<div class="col-xs-6 col-sm-6 col-md-6 discenter"><p>/</p><span></span></div>
											<div class="col-xs-6 col-sm-6 col-md-6 discenter"></div>
										</div>
									</div>
								</li> -->
								<li class="mui-table-view-cell">
									<span class="snhj"></span><span>舍内环境</span>
									<div class="mui-switch mui-active">
										<div class="mui-switch-handle"></div>
									</div>
								</li>
								<li class="hiddenli" style="display: block;">
									<div class="rowBox container-fluid">
										<table style="width: 100%;margin-bottom: 0.2rem;">
											<tr> 
												<th style="width:80px;"> 
													<div class="out"> 
														<b>区域</b> 
														<em>日期</em>
														<i style="top: -0.78rem;left: -1.2rem;">数值</i>
														<span class="xian1"></span>
														<span class="xian2"></span>
													</div> 
												</th> 
												<th>室内温度(℃)</th> 
												<th>室内湿度(RH)</th> 
												<th>氨气浓度(ppm)</th> 
											</tr> 
											<tr>
												<td><p>昨天</p></td>
												<td><p>&nbsp;$!hm.ztmintemp&nbsp;-&nbsp;$!hm.ztmaxtemp °C</p></td>
												<td><p>&nbsp;$!hm.ztminsd&nbsp;-&nbsp;$!hm.ztmaxsd RH</p></td>
												<td><p>&nbsp;$!hm.ztaqnd ppm</p></td>
											</tr>
											<tr>
												<td><p>今天</p></td>
												<td><p>&nbsp;$!hm.jtmintemp&nbsp;-&nbsp;$!hm.jtmaxtemp °C</p></td>
												<td><p>&nbsp;$!hm.jtminsd&nbsp;-&nbsp;$!hm.jtmaxsd RH</p></td>
												<td><p>&nbsp;$!hm.jtaqnd ppm</p></td>
											</tr>
										</table>
									</div>
								</li>
							</ul>
						</div>
						#end
						<div id="tabbarLrb" class="mui-control-content" >
							<div class="mui-collapse-content container-fluid">
								<div id="chartDiv" style="width:100%;height:100%"></div>
							</div>
							<div>
								<div id="errorDiv" style="width:100%;height:100%"></div>
							</div>
						</div>
						<div id="tabbarClyc" class="mui-control-content ">
							<div class="mui-collapse-content container-fluid">
								<div id="containerClyc" style="width:100%;height:100%"></div>
							</div>
						</div>
					</div>
					<span class="md-trigger cx" data-modal="modal-1" ></span>
				</section>
			</div>
			<!--弹框-->
			<div class="md-modal md-effect-1" id="modal-1">
				<div class="md-content">
					<ul class="title align-itemscenter">
						<li class="align-itemscenter" style="margin-right: 0.2rem;">
							<span class="search"></span>
							<p>搜索条件</p>
						</li>
						<li><span class="xian"></span></li>
						<li class="align-itemscenter" id = "search">
							<span class="mui-icon mui-icon-checkmarkempty md-qd"></span>
						</li>
					</ul>
					<div>
						<ul class="mui-table-view">
							<li class="mui-table-view-cell discenter sssj">
								<span class="rq"></span><span>搜索时间</span>
							</li>
							<li class="mui-table-view-cell discenter" style="background: #BBCDE1;">
								<div class="mui-input-row mui-radio mui-left">
									<label class="dr checklabel" data-for="1">一天</label>
									<input name="radio1" type="radio" checked>
								</div>
								<div class="time discenter" id="yks">
									<span class="nian newYear checklabel"></span>-<span class="yue newMonth checklabel"></span>-<span class="ri newDay checklabel"></span>
								</div>
								—
								<div class="time discenter" id="yjs">
									<span class="nian toYear checklabel"></span>-<span class="yue toMonth checklabel"></span>-<span class="ri toDay checklabel" style="margin-right: 0.1rem;"></span>
								</div>
								<div class="ee"></div>
							</li>
							<li class="mui-table-view-cell discenter" style="background: #BBCDE1;">
								<div class="mui-input-row mui-radio mui-left">
									<label class="jd" data-for="3">全程</label>
									<input name="radio1" type="radio">
								</div>
								<div class="time discenter" id="kaishi">
									<span class="nian newYear"></span>-<span class="yue newMonth"></span>-<span class="ri newDay"></span>
								</div>
								—
								<div class="time discenter" id="jieshu">
									<span class="nian toYear">2017</span>-<span class="yue toMonth">05</span>-<span class="ri toDay" style="margin-right: 0.1rem;">06</span>
								</div>
								<div class="ee overlay"></div>
							</li>
							<li class="mui-table-view-cell discenter iseb" >
								<span class="mceb"></span><span>有无耳标</span>
							</li>
							<li class="mui-table-view-cell align-itemscenter ff iseb" id="haveEb" style="background: #BBCDE1;">
								<span #if("$!flag" == 1) class="ffcolor" #end data-for="1">有</span>
								<span #if("$!flag" == 0) class="ffcolor" #end data-for="0">无</span>
								<span #if("$!flag" == 2) class="ffcolor" #end data-for="2">兼容搜索</span>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!--遮罩-->
			<div class="md-overlay"></div>
		</div>
	</body>
</html>