cxc
/
ifm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229
							<!DOCTYPE html>
<html>
<head>
<title>ptslxhBody</title>
<style type="text/css">
#ptsMainBody {
	font: normal 100% Helvetica, Arial, sans-serif;
}

.aDiv {
	margin: 10px 0px 10px 0px;
	width: 100%;
	color: #333;
	text-align: center;
	line-height: 2;
	background: #FCF9F9;
}

.aDiv .sheInfo {
	height: 11.5em;
	width: 48%;
	border: 1px solid rgb(205, 197, 197);
	border-radius: 5px;
	margin: 3px 2px;
	padding: 0;
	float: left;
}

.aDiv .sheInfo .sheTitle {
	font-size: 1em;
	font-weight: bold;
	background-color: rgb(205, 197, 197);
}

.aDiv .sheInfo .leftUl {
	width: 40%;
	float: left;
	text-align: left;
	font-size: 0.75em;
}

.aDiv .sheInfo .rightUl {
	width: 60%;
	float: left;
	text-align: left;
	font-size: 0.75em;
}

.page {
	margin: 10px 0px 0px 0px;
	text-align: center;
	font-size: 0.8em;
	font-style: inherit;
}

.white_content {
	display: none;
	position: absolute;
	top: 20%;
	left: 4%;
	width: 90%;
	border: 5px solid #D6E9F1;
	background-color: white;
	z-index: 1002;
	overflow: auto;
}

.black_overlay {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #8B8B8B;
	z-index: 1001;
	-moz-opacity: 0.8;
	opacity: .80;
	filter: alpha(opacity = 80);
}

.close {
	float: right;
	clear: both;
	width: 100%;
	text-align: right;
	margin: 5px 5px 5px 0;
}

.close a {
	color: #5411F7;
	text-decoration: none;
	font-size: 1em;
	font-weight: 700
}

.info_table {
	text-align: left;
	width: 100%;
	font-size: 0.8em;
}

div#content {
	width: 100%;
	text-align: center;
}

.clearfix:after /*一个元素可以同时应用多个class样式*/ {
	content: " ";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}
</style>
<script type="text/javascript">
function show(tag, lqid, rlts, slxh) {
	jQuery.ajax({
		url: "viewLqdaxx.htm",
		dataType: "json",
		cache: false,
		data: {
			"lqid": lqid
		},
		success: function(daLqdaDTO) {
			var lqxx = "<span style='font-size:1em;font-weight:bold;color:green;'>" + daLqdaDTO.zsmc + "</span>" +
						"<table class='info_table'>" +
						"<tr><td>栏期名称: " + daLqdaDTO.daLqda.lqmc + "</td><td>建栏时间: " + daLqdaDTO.daLqda.jlsj + "</td></tr>" +
						"<tr><td>入栏天数: " + rlts + "&nbsp;天</td><td>总体饲料消耗: " + slxh + "&nbsp;Kg</td></tr>" +
						"<tr><td>总入栏数: " + daLqdaDTO.daLqda.rls + "&nbsp;头</td><td>入栏平均体重: " + daLqdaDTO.daLqda.rlpjtz + "&nbsp;Kg</td></tr>" +
						"<tr><td>在&nbsp;栏&nbsp;数: " + daLqdaDTO.daLqda.zls + "&nbsp;头</td><td>售&nbsp;出&nbsp;数: " + daLqdaDTO.daLqda.scs + "&nbsp;头</td></tr>" +
						"<tr><td>出&nbsp;栏&nbsp;数: " + daLqdaDTO.daLqda.cls + "&nbsp;头</td><td>淘&nbsp;汰&nbsp;数: " + daLqdaDTO.daLqda.tts + "&nbsp;头</td></tr>" +
						"<tr><td>隔&nbsp;离&nbsp;数: " + daLqdaDTO.daLqda.gls + "&nbsp;头</td><td>死&nbsp;亡&nbsp;数: " + daLqdaDTO.daLqda.sws + "&nbsp;头</td></tr>" +
						"<tr><td>初始遗留饲料量: " + daLqdaDTO.daLqda.csylsll + "&nbsp;Kg</td><td>结束剩余饲料量: " + daLqdaDTO.daLqda.jssysll + "&nbsp;Kg</td></tr>" +
						"</table>";
			document.getElementById("content").innerHTML = lqxx;
			var light = document.getElementById(tag);
			var fade = document.getElementById("fade");
			light.style.display = "block";
			fade.style.display = "block";
		},
		error: function(data) {
			alert("加载异常！");
		}
	});
}

function hide(tag) {
	var light = document.getElementById(tag);
	var fade = document.getElementById("fade");
	light.style.display = "none";
	fade.style.display = "none";
}

function pageClick(mcid, page) {
	jQuery("#ptsMainBody").load("ptslxhMobileBody.htm?page="+ page);
}
</script>
</head>
<body>
<input type="hidden" value="daLqdaDTO" id="daLqdaDTO" name="daLqdaDTO">
<input type="hidden" value="$!type" id="type">
<input type="hidden" value="$!mcid" id="mcid">
<div id="ptsMainInfo" style="width:100%;">
	<div class="aDiv clearfix">
		#foreach ($!obj in $!list)
		<div class="sheInfo">
			<ul>
				<li>
					<h4 class="sheTitle">
						<a href="#" onclick="javascript:loadPtsTjt('$!obj.mcid', '$!obj.zsid', '$!obj.lqid', 'qcxh');">$!obj.zsmc&nbsp;&nbsp;&nbsp;</a>
						<a href="javascript:void(0)" onclick="show('light', '$!obj.lqid', '$!obj.rlts', '$!obj.tsum')"><span style="color:blue; border: 1px solid blue; border-radius: 5px;">详情</span></a>
					</h4>
				</li>
			</ul>
			<ul class="leftUl">
				<li>栏期名称：</li>
				<li>入栏天数：</li>
				<li>总体上料：</li>
				<li>&nbsp;&nbsp;&nbsp;</li>
				<li>每天上料：</li>
			</ul>
			<ul class="rightUl">
				<li>$!obj.lqmc&nbsp;</li>
				<li>$!obj.rlts&nbsp;天</li>
				<li>$!obj.tsum&nbsp;Kg</li>
				<li>昨天&nbsp;/&nbsp;今天</li>
				<li>
					#if("$!obj.y2rzcsl" == "1")
						<font color="red">$!obj.yrzcsl↑</font>
					#elseif("$!obj.y2rzcsl" == "0")
						<font color="green">$!obj.yrzcsl↓</font>
					#else
						<font>$!obj.yrzcsl</font>
					#end
					/
					#if("$!obj.y1rzcsl" == "1")
						<font color="red">$!obj.rzcsl↑</font>
					#elseif("$!obj.y1rzcsl" == "0")
						<font color="green">$!obj.rzcsl↓</font>
					#else
						<font>$!obj.rzcsl</font>
					#end
					Kg
				</li>
			</ul>
		</div>
		#end
	</div>
	<div id="light" class="white_content">
		<div class="close"><a href="javascript:void(0)" onclick="hide('light')">关闭</a></div>
		<div id="content"></div>
	</div>
	<div id="fade" class="black_overlay"></div>
</div>
<div class="page">
	#foreach($!obj in $!pageList)
	<span>第&nbsp;
		#if ($!page == $!obj.page)
		<a href="#" style="font-size:0.9em;color:black;text-decoration:none;">$!obj.page</a>
		#else
		<a href="#" style="font-size:0.9em" onclick="javascrpt:pageClick('$!obj.mcid','$!obj.page')">$!obj.page</a>
		#end
		&nbsp;页
	</span>
	#end
</div>
</body>
</html>