cxc
/
ifm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188
							<!DOCTYPE html>
<html>
<head>
<style type="text/css">
@media (device-height:1024px) and (-webkit-min-device-pixel-ratio:2){/* 兼容ipad */
	.ztxxIscroll{
		font-size: 24px;
	}
	.cardWrapper div.row .leftDiv div img{
		width: 100px;
    	height: 100px;
	}
	.cardWrapper div.row .leftDiv h5{
		width: 100px;
	    font-size: 18px;
	}
	.cardWrapper div.row .rightDiv dl.dl-horizontal dt{
		height: 36px;
	    width: 100px;
	}
	.ztxxIscroll{
	    bottom: 100px !important;
	}
}
.cardWrapper div.row .leftDiv div img{
    margin-top: 0;
}
.ztxxIscroll>div>.row{
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #ccc;
}
.cardWrapper div.row .rightDiv{
	margin: 8px auto 0;
}
/* 滚动条样式 */
.iScrollVerticalScrollbar {
	position: absolute;
	z-index: 9999;
	width: 3px;
	bottom: 2px;
	top: 2px;
	right: 2px;
	overflow: hidden;
}
.iScrollVerticalScrollbar.iScrollBothScrollbars {
	bottom: 18px;
}
.iScrollIndicator {
	position: absolute;
	right: 0;
	background: rgba(0, 0, 0);
	border: 2px solid rgba(0, 0, 0, 0.5);
	border-radius: 8px;
}
</style>
</head>
<script type="text/javascript">
$(function(){
	//滚动区域事件
	mScroll = new IScroll(".ztxxIscroll",{
		scrollbars: true,
	   	fadeScrollbars:true,
	   	shrinkScrollbars:'clip',
		scrollbars: 'custom',
	   	tap:true
	});
	//滚动区域的刷新事件
	setTimeout(function () {
	    mScroll.refresh();
	}, 100);
});
</script>
<body>
	<div class="container cardWrapper ztxxIscroll" style="overflow: hidden;position: absolute;margin: 0;width: 100%;bottom: 60px;margin-bottom: 0;top:70px;">
		<div>
			<!-- 基本信息 -->
			<div class="row">
				<div class="leftDiv col-xs-5 col-sm-5 col-md-5 col-lg-5">
					<div><img src="views/haifm/images/zs/jbxx3.png" /></div>
					<h5>基本信息</h5>
				</div>
				<div class="rightDiv col-xs-7 col-sm-7 col-md-7 col-lg-7">
					<dl class="dl-horizontal">
						<dt>栏期名称<span></span></dt>
						<dd>$!hm.daLqda.lqmc</dd>
						<dt>入栏天数<span></span></dt>
						<dd>$!hm.mscxsj&nbsp;天</dd>
						<dt>入栏数<span></span></dt>
						<dd>$!hm.daLqda.rls&nbsp;头</dd>
						<dt>入栏体重<span></span></dt>
						<dd>$!hm.daLqda.rlpjtz&nbsp;Kg</dd>
						<dt>猪窝数<span></span></dt>
						<dd>0</dd>
					</dl>
				</div>
			</div>
			
			<!-- 动物去向 -->
			<div class="row">
				<div class="leftDiv col-xs-5 col-sm-5 col-md-5 col-lg-5">
					<div><img src="views/haifm/images/zs/dwqx3.png" /></div>
					<h5>动物去向</h5>
				</div>
				<div class="rightDiv col-xs-7 col-sm-7 col-md-7 col-lg-7">
					<dl class="dl-horizontal">
						<dt>在栏<span></span></dt>
						<dd>$!hm.daLqda.zls&nbsp;($!hm.yebzls)头</dd>
						<dt>售出<span></span></dt>
						<dd>$!hm.daLqda.scs&nbsp;头</dd>
						<dt>隔离<span></span></dt>
						<dd>$!hm.daLqda.gls&nbsp;头</dd>
						<dt>死亡<span></span></dt>
						<dd>#if("$!hm.daLqda.sws" == "0")$!hm.daLqda.sws&nbsp;头#else<span style="color:red">$!hm.daLqda.sws</span>&nbsp;头#end</dd>
					</dl>
				</div>
			</div>
			
			<!-- 饲料消耗 -->
			<div class="row">
				<div class="leftDiv col-xs-5 col-sm-5 col-md-5 col-lg-5">
					<div><img src="views/haifm/images/zs/sczk3.png" /></div>
					<h5>饲料消耗</h5>
				</div>
				<div class="rightDiv col-xs-7 col-sm-7 col-md-7 col-lg-7">
					<dl class="dl-horizontal">
	                    <dt></dt>
	                    <dd>昨天/今天</dd>
						<dt>累计采食<span></span></dt>
						<dd>$!hm.rcssum KG</dd>
	                    <dt></dt>
	                    <dd>昨天/今天</dd>
						<dt>日采食<span></span></dt>
	                    <dd><span class="rqbt"> $!hm.ztslxh </span>KG / <span class="rqbt">$!hm.jtslxh</span>KG</dd>
					</dl>
				</div>
			</div>
			
			<!-- 活跃指数 -->
			<div class="row">
				<div class="leftDiv col-xs-5 col-sm-5 col-md-5 col-lg-5">
					<div><img src="views/haifm/images/zs/rjfw3.png" /></div>
					<h5 >活跃指数</h5>
				</div>
				<div class="rightDiv col-xs-7 col-sm-7 col-md-7 col-lg-7">
					<dl class="dl-horizontal">
						<dt><span></span></dt>
						<dd class="rqbt">昨天/今天</dd>
						<dt>活跃指数<span></span></dt>
						<dd><span class="rqbt"></span> / <span class="rqbt"></span></dd>
	                    <dt><span></span></dt>
	                    <dd class="rqbt">最高/最低</dd>
	                    <dt>单窝<span></span></dt>
	                    <dd><span class="rqbt"></span> / <span class="rqbt"></span></dd>
					</dl>
				</div>
			</div>
			
			<!-- 舍内环境 -->
			<div class="row">
				<div class="leftDiv col-xs-5 col-sm-5 col-md-5 col-lg-5">
					<div><img src="views/haifm/images/zs/snhj3.png" /></div>
					<h5>舍内环境</h5>
				</div>
				<div class="rightDiv col-xs-7 col-sm-7 col-md-7 col-lg-7">
					<dl class="dl-horizontal">
						<dt><span></span></dt>
						<dd>昨天 $!{hm.ztmintemp}-$!{hm.ztmaxtemp} °C</dd>
						<dt>室内温度<span></span></dt>
						<dd></dd>
						<dt><span></span></dt>
						<dd>今天 $!{hm.jtmintemp}-$!{hm.jtmaxtemp} °C</dd>
						<dt><span></span></dt>
						<dd>昨天 $!{hm.ztminsd}-$!{hm.ztmaxsd} RH</dd>
						<dt>室内湿度<span></span></dt>
						<dd></dd>
						<dt><span></span></dt>
						<dd>今天 $!{hm.jtminsd}-$!{hm.jtmaxsd} RH</dd>
						<dt>氨气浓度<span></span></dt>
						<dd>$!hm.aqnd ppm</dd>
					</dl>
				</div>
			</div>
		</div>
	</div>
</body>
</html>