cxc
/
ifm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423
							<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>总体概况查看</title>
<link rel="StyleSheet" href="css/huimv.css" type="text/css" />
<script type="text/javascript" src="views/sj/yzgk/ztgk/viewZtgk.js"></script>

<style type="text/css">
*{
}
.card {
margin: 0;
padding: 0;
font-family: "微软雅黑";
	box-shadow: 1px 1px 3px #bbb;
	float: left;
	height: 194px;
	width: 250px;
	background: #fff;
	margin: 15px 5px;
}
.card ul{
margin: 0;
padding: 0;
	list-style: none;
	position: relative;
	float: left;
}
.card li{
	line-height: 30px;
	height: 30px;
	font-size: 14px;
}
.stitle{
	height: 40px;
	font-size: 16px;
	text-align: center;
	font-weight: bolder;
	background-color: #eeeeee;
	line-height: 40px;
	border-bottom: 1px solid #e1e1e1;
}
.stitle+ul li{
	letter-spacing: 1px;
	font-weight: bold;
}
.card span{
	font-size: 14px;
}
.cardname1 li{
	text-align: right;
	width: 120px;
}
.cardcont1 li{
	text-align: left;
	width: 130px;
}
.cardname2 li{
	text-align: right;
	width: 110px;
}
.cardcont2 li{
	text-align: right;
	width: 80px;
}
.cardname3 li{
	text-align: right;
	width: 90px;
	text-align:right;
}
.cardcont31 li{
	text-align: right;
	width: 70px;
}
.cardcont32 li{
	text-align: left;
	width: 80px;
}
.cardname4 li{
	text-align: right;
	width: 120px;
	text-align:right;
}
.cardcont41 li{
	text-align: right;
	width: 60px;
}
.cardcont42 li{
	text-align: left;
	width: 70px;
}
.cardname5 li{
	text-align: right;
	width: 120px;
}
.cardcont5 li{
	text-align: right;
	width: 80px;
}
.cardname6 li{
	text-align: right;
	width: 90px;
	font-size: 14px;
	font-weight: bolder;
}
.cardcont61 li{
	text-align: left;
	width: 35px;
}
.cardcont62 li{
	text-align: left;
	width: 125px;
}
#red{
	color: red;
	font-size: 14px;
}
#green{
	color: LimeGreen  ;
	font-size: 14px;
}
.v_box{
	align:center;
	height:10px;
	margin-left:100px;
}
.v_box a{
	margin-top:10px; 
}
.v_box a.v_btn{
	float:left;
	display:block;
	width: 7px;
	height: 7px;
	background: #818181;
	margin-left: 3px;
}
.v_box a.on{
	background: #00AD29;
}

#callboard { height:18px; line-height:18px; overflow:hidden; position: absolute; z-index: 99 }
#callboard ul { margin-top: 0px; }
#callboard li { padding:0;}
</style>
<script type="text/javascript">
jQuery.ajaxSettings.async = false;

refreshXxtz();

// 获取消息通知，过滤条件：所选牧场，未处理，严重级别
function refreshXxtz() {
	$("#callboard").empty();
	if ("$!mcid" > 0) {
		jQuery.getJSON("getXxtzList.htm", {"param" : "{name: 'mcid', value: '$!mcid'}|{name: 'clzt', value: '1'}", "fgf" : "|", "from" : "xxtzBar"}, function(data) {
			$("#callboard").append("<ul>");
			for (var o in data) {
				$("#callboard ul").append("<li>");
				var result = "<span style='color: red; cursor: pointer;'>";
				result += "<a onclick='setFocus(2, 2);loadMainBodyPanel(\"xxtz\",\"a2b2\");' style='font-size: 16px; font-weight: bold;'>";
				result += data[o].bt;
				//result += data[o].zw.replace("<p><font color=red>", "").replace("</font></p>", "");
				result += "</a></span>";
				$("#callboard li:last-child").append(result);
			}
		});
	}
}

$(function(win){
	var callboarTimer;
	var callboard = $('#callboard');
	var callboardUl = callboard.find('ul');
	var callboardLi = callboard.find('li');
	var liLen = callboard.find('li').length;
	var initHeight = callboardLi.first().outerHeight(true);
	
	win.autoAnimation = function (){
		if (liLen <= 1) {
			return;
		}
		
		var self = arguments.callee; 
		var callboardLiFirst = callboard.find('li').first(); 
		callboardLiFirst.animate({
			marginTop:-initHeight
		}, 500, function() {
			clearTimeout(callboarTimer);
			callboardLiFirst.appendTo(callboardUl).css({marginTop:0});
			callboarTimer = setTimeout(self, 5000);
		});
	};
	
	callboard.mouseenter(function() {
		clearTimeout(callboarTimer);
	}).mouseleave(function() {
		callboarTimer = setTimeout(win.autoAnimation, 2000);
	});
}(window));
setTimeout(window.autoAnimation, 2000);
</script>
</head>
<body>
<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"/>
<input type="hidden" id="sws" value="$!hm.daLqda.sws"/><!-- 死亡数 -->

<div id="callboard"></div>

<div class="card">
	<div class="stitle">基本信息</div><!-- 第一个 -->
	<ul class="cardname1">
		<li>猪舍名称：</li>
		<li>栏期名称：</li>
		<li>当前模式：</li>
		<li>入栏天数：</li>
		<li>入&nbsp;栏&nbsp;数：</li>	
	</ul>
	<ul class="cardcont1">
		<li>$!hm.daZsda.zsmc</li>
		<li>$!hm.daLqda.lqmc</li>
		<li>$!hm.dqms&nbsp;</li>
		<li>$!hm.mscxsj&nbsp;天</li>
		<li>$!hm.daLqda.rls&nbsp;头</li>		
	</ul>
</div>
<div class="card">
	<div class="stitle">动物去向</div><!-- 第二个 -->
	<ul class="cardname2">
		<li>在栏：</li>
		<li>售出：</li>
		<li>隔离：</li>
		<li>死亡：</li>
	</ul>
	<ul class="cardcont2">
		<li>$!hm.daLqda.zls&nbsp;($!hm.yebzls)头</li>
		<li>$!hm.daLqda.scs&nbsp;头</li>
		<li>$!hm.daLqda.gls&nbsp;头</li>
		<li>
			<div id="swsOverZero" style="display:none">
				<span id="green">$!hm.daLqda.sws&nbsp;头</span>
			</div>
			<div id="swsEqualZero" style="display:none">
				<span>$!hm.daLqda.sws&nbsp;头</span>
			</div>
		</li>
	</ul>
</div>
<div class="card">
	<div class="stitle">生产状况</div><!-- 第三个 -->
	<ul class="cardname3">
		<li></li>
		<li>料&nbsp;肉&nbsp;比：</li>
		<li></li>
		<li>日均增重：</li>
		<li>饲料消耗：</li>
	</ul>
	<ul class="cardcont31">
		<li>前天 /</li>
		<li>
			<div style="display:none" id="qtDqtLrb">
				<span id="green">$!hm.qtlrb↑</span>  /
			</div>
			<div style="display:none" id="dqtQtLrb">
				<span id="red">$!hm.qtlrb↓</span>  /
			</div>
		</li>
		<li>昨天 /</li>
		<li>
			<div style="display:none" id="qtZtTzzz">
				<span id="green">$!hm.zttzzz↓</span>  /
			</div>
			<div style="display:none" id="ztQtTzzz">
				<span id="red">$!hm.zttzzz↑</span>  /
			</div>
		</li>
		<!-- <li><span id="oneagoslxh">$!hm.ztslxh</span>  /</li> -->
		<li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$!hm.rcssum&nbsp;Kg</li>
	</ul>
	<ul class="cardcont32">
		<li>&nbsp;昨天</li>
		<li>
			<div style="display:none" id="ztQtLrb">
				<span id="green">&nbsp;$!hm.ztlrb↑</span>
			</div>
			<div style="display:none" id="qtZtLrb">
				<span id="red">&nbsp;$!hm.ztlrb↓</span>
			</div>
		</li>
		<li>&nbsp;今天</li>
		<li>
			<div style="display:none" id="ztJtTzzz">
				<span id="green">&nbsp;$!hm.jttzzz↓&nbsp;g</span>
			</div>
			<div style="display:none" id="jtZtTzzz">
				<span id="red">&nbsp;$!hm.jttzzz↑&nbsp;g</span>
			</div>
		</li>
		<!-- <li><span id="todayslxh">&nbsp;$!hm.jtslxh</span>Kg</li> -->
	</ul>
</div>
<div class="card">
	<div class="stitle">日均访问</div><!-- 第四个 -->
	<ul class="cardname4">
		<li></li>
		<li>采食区一：</li>
		<li>采食区二：</li>
		<li>隔&nbsp;离&nbsp;区：</li>
		<li>平均访问：</li>
	</ul>
	<ul class="cardcont41">
		<li>昨天 /&nbsp;</li>
		<li>$!hm.ztcsq1fws /&nbsp;</li>
		<li>$!hm.ztcsq2fws /&nbsp;</li>
		<li>$!hm.ztglqfws /&nbsp;</li>
		<li>$!hm.ztpjfws /&nbsp;</li>
	</ul>
	<ul class="cardcont42">
		<li>今天</li>
		<li>$!hm.jtcsq1fws</li>
		<li>$!hm.jtcsq2fws</li>
		<li>$!hm.jtglqfws</li>
		<li>$!hm.jtpjfws</li>
	</ul>
</div>
<div class="card">
	<div class="stitle">体重概况</div><!-- 第五个 -->
	<ul class="cardname5">
		<li>平均体重：</li>
		<li>&gt;&nbsp;<span>$!hm.tzqj1name</span>Kg：</li>
		<li><span>$!hm.tzqj2name</span>Kg：</li>
		<li><span>$!hm.tzqj3name</span>Kg：</li>
		<li>&lt;&nbsp;<span>$!hm.tzqj4name</span>Kg：</li>
	</ul>
	<ul class="cardcont5">
		<li>$!hm.pjtz&nbsp;Kg</li>
		<li>$!hm.tzqj1num&nbsp;($!hm.tzqj1yebnum)头</li>
		<li>$!hm.tzqj2num&nbsp;($!hm.tzqj2yebnum)头</li>
		<li>$!hm.tzqj3num&nbsp;($!hm.tzqj3yebnum)头</li>
		<li>$!hm.tzqj4num&nbsp;($!hm.tzqj4yebnum)头</li>
	</ul>
</div>
<div class="card">
	<div class="stitle">舍内环境</div><!-- 第三个 -->
	<ul class="cardname6">
		<li>室内温度：</li>
		<li></li>
		<li>室内湿度：</li>
		<li></li>
		<li>氨气浓度：</li>
	</ul>
	<ul class="cardcont61">
		<li>昨天</li>
		<li>今天</li>
		<li>昨天</li>
		<li>今天</li>
		<li></li>
	</ul>
	<ul class="cardcont62">
		<li>$!hm.ztmintemp&nbsp;-&nbsp;$!hm.ztmaxtemp °C</li>
		<li>$!hm.jtmintemp&nbsp;-&nbsp;$!hm.jtmaxtemp °C</li>
		<li>$!hm.ztminsd&nbsp;-&nbsp;$!hm.ztmaxsd RH</li>
		<li>$!hm.jtminsd&nbsp;-&nbsp;$!hm.jtmaxsd RH</li>
		<li>$!hm.aqnd ppm</li>
	</ul>
</div>
<!-- 动态滚页暂时隐藏
<div class="card">
	<div class="stitle">舍内环境</div>
	<div class="qhdiv"  style="display:none">
		<ul class="cardname6">
			<li>室内温度：</li>
			<li></li>
			<li>环境能耗：</li>
			<li></li>
		</ul>
		<ul class="cardcont61">
			<li>昨天</li>
			<li>今天</li>
			<li>昨天</li>
			<li>今天</li>
		</ul>
		<ul class="cardcont62">
			<li>$!hm.ztmintemp&nbsp;-&nbsp;$!hm.ztmaxtemp°C</li>
			<li>$!hm.jtmintemp&nbsp;-&nbsp;$!hm.jtmaxtemp°C</li>
			<li> - kW·h</li>
			<li> - kW·h</li>
		</ul>
	</div>
	<div  class="qhdiv" style="display:none">
		<ul class="cardname6">
			<li>气体浓度：</li>
			<li></li>
			<li></li>
			<li></li>
		</ul>
		<ul class="cardcont61">
			<li>氨气</li>
			<li>硫化氢</li>
			<li>甲烷</li>
			<li>氧气</li>
		</ul>
		<ul class="cardcont62">
			<li>$!hm.aqnd&nbsp;ppm</li>
			<li>$!hm.lhqnd&nbsp;ppm</li>
			<li>$!hm.jwnd&nbsp;ppm</li>
			<li>$!hm.yqnd&nbsp;%</li>
		</ul>
	</div>
	<div class="v_box">
		<a href="javascript:;" class="v_btn on"></a>
		<a href="javascript:;" class="v_btn"></a>
	</div>	
</div>
 -->
<br/>
</body>
</html>