cxc
/
ifm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360
							<!DOCTYPE html>
<html lang="en">
<head>
<title>慧牧科技</title>
<style type="text/css">
@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone5 */
	thead>tr>td:first-child {
		width: 30% !important;
	}
	.container{
		font-size: 12px;
	}
}
@media (device-height:640px) and (-webkit-min-device-pixel-ratio:2){/* 兼容Galaxy S5 */
	thead>tr>td:first-child {
	    width:28% !important;
	}
}
@media (device-height:1024px) and (-webkit-min-device-pixel-ratio:2){/* 兼容ipad */
 	.container{
		font-size: 22px;
	}
	thead>tr>td>div>img{
	    height: 35% !important;
	}
}
.dropdown-menu>li {
	margin-top: 5px;
	margin-left: 20px;
	font-size: 15px;
}

thead>tr>td:first-child {
	width: 26%;
	padding-bottom: 0;
}

thead>tr>td>div>img {
	width: 60%;
}

.zsbt {
	width: 100%;
	height: 32%;
	float: left;
	text-align: center;
	color: #0662C0;
}

.zsnr dt {
	margin-right: 6px;
	float: left;
	clear: left;
	text-align: center;
	white-space: nowrap;
}

.zsnr  dd>span {
	padding-left: 10px !important;
	color: #d9534f !important;
}

.zszd {
	float:left;
	width:100%;
	text-align:center;
	margin-bottom:-10px;
}
.zdan {
	border:1px solid #2385e2;
	border-radius:30px;
	background-color:#2385e2;
	color:white;
	padding: 0px 4px;
}
.btn-default{
	background-color:#fff !important;
	border-color:transparent !important;
	outline: none !important;
}
.btn-default:hover{
	background-color:#fff !important;
	border-color:transparent !important;
}
.buttonBkgrd{
	background-color:#ddd !important;
}
/* 滚动条样式 */
.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(){
		/**
		 * 初始化滚动条
		 */
		var mScroll = new IScroll(".ZslistIscroll",{
			scrollbars: true,
			fadeScrollbars:true,
			shrinkScrollbars:'clip',
			scrollbars: 'custom',
			click:true,
			tap:true
		});
		setTimeout(function () {
			mScroll.refresh();
		}, 100);
		
		mScroll.on("scrollEnd",function(){
			var thisy = parseInt(this.y);
			$("img,.da").on("tap",function(){
				setCookie("scrollEnd11",thisy);
			});
		});
		
		if (document.cookie != undefined && document.cookie != null && document.cookie.indexOf("=") > -1) {
			var posY = getCookie("scrollEnd11");
			mScroll.scrollTo(0, posY);
			delCookie("scrollEnd11");
		}
		
		$(".input-group-btn").on("click",function(){
			$(this).find(".dropdown-menu").slideToggle();
			$(this).find("button").toggleClass("buttonBkgrd");
		});
		//touchmove的阻止浏览器或者屏幕滚动默认事件
		document.addEventListener('touchmove', function(event) {
			event.preventDefault();  
		}, false);
		//模糊查询键盘enter键事件
		$("input[type='search']").on('keypress',function(e) {
			var keycode = e.keyCode;  
			if(keycode=='13') {
				e.preventDefault();
				//请求搜索接口  
				haifm.loadMobilePage("zslb", "mcZsList.htm?mcid=" + $("#mcid").val() + "&zsmc=" + $("#sstj").val());
			}
		});
		//搜索按钮查询事件
		$(".input-group-addon").on("click",function(event){
			haifm.loadMobilePage("zslb", "mcZsList.htm?mcid=" + $("#mcid").val() + "&zsmc=" + $("#sstj").val());
		});
		//元素失去焦点隐藏软键盘
		$("#mcZsList").on("tap",function(e){
			if(e.target.nodeName != "INPUT"){
				$('input').blur();
			};
		});
		$(".da").on("click", function() {
			loadSt();
			var zsid = $(this).data("for");
			haifm.loadMobilePage("zslb", "haifmDaViewDaxx.htm?zsid=" + zsid);
			$("#addWrapper").addClass("hidden");
			$("#type").val("2");
		});
		/**
		 * 每点击li初始化滚动条
		 */
		$('.dropdown-menu li').on("click",function(){
			setTimeout(function () {
				mScroll.refresh();
			}, 100);
		});
	});
	//设置cookies
	function setCookie(name,value) {
		var Days = 1; //设置到期天数
		var exp = new Date();
		exp.setTime(exp.getTime() + Days*24*60*60*1000);
		document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
	}
	//读取cookies
	function getCookie(name) {
		var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
		if(arr=document.cookie.match(reg)){
			return unescape(arr[2]);
		}else {
			return null;
		}
	}
	//删除cookies 
	function delCookie(name) {
		var exp = new Date();
		exp.setTime(exp.getTime() - 1);
		var cval=getCookie(name);
		if(cval!=null){
			document.cookie= name + "="+cval+";expires="+exp.toGMTString();
		}
	}
	/**
	 * 自动加载
	 */
	$(function(){
		/* if (document.cookie != undefined && document.cookie != null && document.cookie.indexOf("=") > -1 && document.cookie.split("=")[1] > 0) {
			$(document).scrollTop(document.cookie.split("=")[1]);
		} */
		$(window).unbind('.infscr');
		$("#navigation a").attr("href", "mcZsList.htm?mcid=" + $("#selectMc").val() + "&zsids='" + $("#zsids").val() + "'&page=1");
		$("#zslist").infinitescroll({
			navSelector : "#navigation", //页面分页元素--本页的导航，意思就是一个可以触发ajax函数的模块  
			nextSelector : "#navigation a", //下一页的导航  
			itemSelector : ".tapcd ", //此处我用了类选择器，选择的是你要加载的那一个块（每次载入的数据放的地方）
			animate : false, //加载时候时候需要动画，默认是false  
			//maxPage: maxPage,  //最大的页数，也就是滚动多少次停。这个页码必须得要你从数据库里面拿
			loading : {
				msgText : "加载中...",
				finishedMsg : '没有新数据了...',
				selector : '.loading' // 显示loading信息的div   
			},
			extraScrollPx : 200, //离网页底部多少像素时触发ajax  
			errorCallback : function() {
			}, //加载完数据后的回调函数，可选
		});
	});
	
	function checkQy(obj) {
		var aa = $("#qytext").text($(obj).text());
		//搜索方法
		var val = $(obj).next().text();
		$(".tapcd").addClass("hidden");
		if (val == "1") {
			$(".tapcd").removeClass("hidden");
		} else {
			$(".ssqy" + val).removeClass("hidden");
		}
	}

	function loadSt(){
		document.cookie = "name=" + window.pageYOffset;
	}
	
	function hmzd(obj, zsid) {
		var zdzt = $(obj).data("zdzt");
		jQuery.getJSON("updateZszdzt.htm", {zdzt : zdzt, id : zsid}, function(data) {
			if (data.id == "") {
				alert("置顶失败!");
			} else {
				haifm.loadMobilePage("zslb", "mcZsList.htm?mcid=" + $("#mcid").val());
			}
		});
	}
</script>
</head>
<body>
	<div class="container" id="mcZsList">
		<div class="row">
			<div class="navbar-fixed-top nav-justified" style="margin-top: 38px">
				<div class="input-group">
					<div class="input-group-btn">
						<input type="hidden" id="qyid" value="$!qyid" />
						<button data-toggle="dropdown"
							class="btn btn-default dropdown-toggle" type="button" id="mcqy">
							&nbsp;<span id="qytext">区域</span>&nbsp;&nbsp;<span class="caret"></span>
						</button>
						<ul class="dropdown-menu">
							#foreach($!obj in $!qyList)
							<li onclick="javascript:checkQy(this)">$!obj.dmmc</li>
							<li class="divider"><span class="hidden">$!obj.dmid</span></li>
							#end
						</ul>
					</div>
					<span class="input-group-addon">
						<span class="glyphicon glyphicon-search"></span>
					</span> 
					<input type="search" class="form-control" id="sstj" value="#!sstj" placeholder="搜索条件" />
				</div>
			</div>
			<div class="col-md-12 ZslistIscroll" style="position: absolute;bottom: 0;top: 75px;overflow: hidden;">
				<table class="table table-striped" id="zslist">
					#foreach ($!obj in $zsdaList)
					<thead class="tapcd ssqy$!{obj.ssqy}">
						<tr>
							<td>
								<div class="zszd"><span class="zdan" data-zdzt="$!obj.zdbz" onclick="hmzd(this, '$!obj.id')">#if("$!obj.zdbz" == "1")取消置顶#else置顶#end</span></div>
								<div onclick="javascript:loadSt();loadZsView('$!obj.id', '$!obj.zsbz', '$!obj.dqlq');" style="width: 100%;height: 25%;margin-top: 20px;display: flex;justify-content: center;align-items: center;">
									#set ($ssqy = "$!obj.ssqy")
									#set ($wl = "$!obj.wl")
									#if ("$ssqy" == "" || "$ssqy" == "0")
										#set ($ssqy = "1")
									#end
									#if ("$wl" == "")
										#set ($wl = "0")
									#end
									<img src="views/haifm/images/zslist/zslist_$!{ssqy}_$!{wl}.png">
								</div>
								<div class="zsbt"><p style="margin: 0;">$!obj.zsmc</p></div>
							</td>
							<td style="padding:8px 0 0 4px;width: 32%;">
								<dl class="zsnr" style="margin-bottom: 0;">
									#if ("$!obj.rl" != "")
									<dt>日龄:</dt>
									<dd>$!{obj.rl}天</dd>
									#end
									<dt>温度:</dt>
									#if ("$!obj.dqwd" == "")
									<dd style="color: #FC5C5C">&nbsp;</dd>
									#else
									<dd>$!obj.dqwd ℃</dd>
									#end
									#if ("$!obj.dqdn" != "")
									<dt>地暖:</dt>
									<dd>$!obj.dqdn ℃</dd>
									#end
									<dt>湿度:</dt>
									#if ("$!obj.dqsd" == "")
									<dd style="color: #FC5C5C">&nbsp;</dd>
									#else
									<dd>$!obj.dqsd RH</dd>
									#end
									<dt>氨气:</dt>
									#if ("$!obj.dqaq" == "")
									<dd style="color: #FC5C5C">&nbsp;</dd>
									#else
									<dd>$!obj.dqaq ppm</dd>
									#end
								</dl>
							</td>
							<td style="padding: 8px 0;width: 35%;">
								<dl class="zsnr" style="margin-bottom: 0;">
									#if ("$!gh" != "h000")
									<dt class="da" data-for="$!obj.id" onclick=""><span class="glyphicon glyphicon-folder-open"></span></dt>
									<dd class="da" data-for="$!obj.id" onclick="">猪舍/栏期/设备</dd>
									#end
								</dl>
							</td>
						</tr>
					</thead>
					<!-- <span class="glyphicon glyphicon-arrow-down"></span> 
					<dd style="color:#FC5C5C">17.21 ℃<span class="glyphicon glyphicon-arrow-down"></span></dd>
					<dd  style="color:#FEC72F">61 %<span class="glyphicon glyphicon-arrow-up"></span></dd>
					-->
					#end
				</table>
				<input type="hidden" id="zsids" value="$!zsids" />
			</div>
			<div id="navigation">
				<a href=""></a>
			</div>
			<div class="loading" style="text-align: center"></div>
		</div>
	</div>
</body>
</html>