cxc
/
ifm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314
							<!DOCTYPE html>
<html>
<head>
<title>ztgkHaifmMain</title>
<style type="text/css">
@media (device-height:1024px) and (-webkit-min-device-pixel-ratio:2){/* 兼容ipad */
	.ztgkIscroll{
		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;
	}
	.ztgkIscroll{
	    bottom: 100px !important;
	}
}
.cardWrapper div.row .leftDiv div img{
    margin-top: 0;
}
.ztgkIscroll>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>
<script type="text/javascript">
$(function(){
	//滚动区域事件
	mScroll = new IScroll(".ztgkIscroll",{
		scrollbars: true,
	   	fadeScrollbars:true,
	   	shrinkScrollbars:'clip',
		scrollbars: 'custom',
	   	tap:true
	});
	//滚动区域的刷新事件
	setTimeout(function () {
	    mScroll.refresh();
	}, 100);
	//关闭侧边栏
	lrb($("#ztlrb").val(), $("#qtlrb").val(), $("#dqtlrb").val());
	tzzz($("#jttzzz").val(), $("#zttzzz").val(), $("#qttzzz").val());
});

/**
 * 料肉比箭头指向判断
 * @param ztlrb
 * @param qtlrb
 * @param dQtLrb
 */
function lrb(ztlrb, qtlrb, dqtlrb) {
	if (qtlrb >= dqtlrb && qtlrb > 0) {
		$("#lrbqt").html(qtlrb + "↑");
		$("#lrbqt").css("color","blue");
	}
	if (dqtlrb > qtlrb && qtlrb > 0) {
		$("#lrbqt").html(qtlrb + "↓");
		$("#lrbqt").css("color","red");
	}
	if (qtlrb > ztlrb && ztlrb > 0) {
		$("#lrbzt").html(ztlrb + "↓");
		$("#lrbzt").css("color","red");
	}
	if (ztlrb >= qtlrb && ztlrb > 0) {
		$("#lrbzt").html(ztlrb + "↑");
		$("#lrbzt").css("color","blue");
	}
	return;
}
/**
 * 日均增重箭头指向判断
 * @param jttzzz
 * @param zttzzz
 * @param qttzzz
 */
function tzzz(jttzzz, zttzzz, qttzzz) {
	if (zttzzz >= qttzzz && zttzzz > 0) {
		$("#rzzzt").html(zttzzz + "↑");
		$("#rzzzt").css("color","red");
	}
	if (qttzzz > zttzzz && zttzzz > 0) {
		$("#rzzzt").html(zttzzz + "↓");
		$("#rzzzt").css("color","blue");
	}
	if (zttzzz > jttzzz && jttzzz > 0) {
		$("#rzzjt").html(jttzzz + "↓");
		$("#rzzjt").css("color","blue");
	}
	if (zttzzz <= jttzzz && jttzzz > 0) {
		$("#rzzjt").html(jttzzz + "↑");
		$("#rzzjt").css("color","red");
	}
	return;
};
</script>
</head>
<body>
	<input type="hidden" value="$!type" id="type">
	<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 class="container cardWrapper ztgkIscroll" 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.daZsda.zsmc</dd>
						<dt>栏期名称<span></span></dt>
						<dd>$!hm.daLqda.lqmc</dd>
						<dt>当前模式<span></span></dt>
						<dd>$!hm.dqms</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>
					</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>
							<span>前天</span>
							<span>/</span>
							<span>昨天</span>
						</dd>
						<dt>料肉比<span></span></dt>
						<dd>
							<span>&nbsp;<span id="lrbqt"></span></span>
							/
							<span>&nbsp;<span id="lrbzt"></span></span>
						</dd>
						<dt></dt>
						<dd>
							<span>昨天</span>
							/
							<span>今天</span>
						</dd>
						<dt>日均增重<span></span></dt>
						<dd>
							<span id="rzzzt"></span>
							<span>/</span>
							<span id="rzzjt"></span>g
						</dd>
						<dt>饲料消耗<span></span></dt>
						<dd>
							<span>&nbsp;$!hm.rcssum</span>
							<span>&nbsp;</span>
							<span>Kg</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/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></dt>
						<dd>
							<span>昨天</span>
							<span>/</span>
							<span>今天</span>
						</dd>
						<dt>采食区一<span></span></dt>
						<dd>
							<span>&nbsp;$!hm.ztcsq1fws</span>
							/
							<span>&nbsp;$!hm.jtcsq1fws</span>
						</dd>
						<dt>采食区二<span></span></dt>
						<dd>
							<span>&nbsp;$!hm.ztcsq2fws</span>
							/
							<span>&nbsp;$!hm.jtcsq2fws</span>
						</dd>
						<dt>隔离区<span></span></dt>
						<dd>
							<span>&nbsp;$!hm.ztglqfws</span>
							/
							<span>&nbsp;$!hm.jtglqfws</span>
						</dd>
						<dt>平均访问<span></span></dt>
						<dd>
							<span>&nbsp;$!hm.ztpjfws</span>
							/
							<span>&nbsp;$!hm.jtpjfws</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/tzgk3.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.pjtz&nbsp;</dd>
						<dt>&gt;$!hm.tzqj1name &nbsp;&nbsp;<span></span></dt>
						<dd>$!hm.tzqj1num&nbsp;($!hm.tzqj1yebnum)头</dd>
						<dt>$!hm.tzqj2name <span></span></dt>
						<dd>$!hm.tzqj2num&nbsp;($!hm.tzqj2yebnum)头</dd>
						<dt>$!hm.tzqj3name &nbsp;<span></span></dt>
						<dd>$!hm.tzqj3num&nbsp;($!hm.tzqj3yebnum)头</dd>
						<dt>&lt;$!hm.tzqj4name &nbsp;&nbsp;<span></span></dt>
						<dd>$!hm.tzqj4num&nbsp;($!hm.tzqj4yebnum)头</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&nbsp;-&nbsp;$!hm.ztmaxtemp °C</dd>
						<dt></dt>
						<dd>今天　$!hm.jtmintemp&nbsp;-&nbsp;$!hm.jtmaxtemp °C</dd>
						<dt>室内湿度<span></span></dt>
						<dd>昨天　$!hm.ztminsd&nbsp;-&nbsp;$!hm.ztmaxsd RH</dd>
						<dt></dt>
						<dd>今天　$!hm.jtminsd&nbsp;-&nbsp;$!hm.jtmaxsd RH</dd>
						<dt>氨气浓度<span></span></dt>
						<dd>$!hm.ztaqnd ppm</dd>
					</dl>
				</div>
			</div>
		</div>
	</div>
</body>
</html>