cxc
/
ifm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368
							<!DOCTYPE html>
<html>
	<head>
		<title>yjxx</title>
		<style type="text/css">
	        .unread{
	            width: 0.2rem;
				height: 0.2rem;
				border-radius: 100%;
				background: #89C930;
				position: absolute;
				left: -0.35rem;
				top: 50%;
				margin-top: -0.1rem;
	        }
	        #sub{
				display: flex;flex: 1;flex-direction: column;
	        }
			/* 滚动条样式 */
			.iScrollHorizontalScrollbar {
				right: 2px;
				bottom: 0;
			}
			.iScrollHorizontalScrollbar.iScrollBothScrollbars {
				right: 18px;
			}
			/* 主页面 */
			.titleText {
			    width: 100%;
			    background: #f4f2f3 !important;
			    position: relative;
			    margin-bottom: 0.1rem;
			    height: 0.8rem;
			    line-height: 0.8rem;
			    border-top: 1px solid #ccc;
			    border-bottom: 1px solid #ccc;
			    text-indent: 16px;
			    font-size: 0.24rem;
			    font-weight: bold;
			}
			.iscroll_content {
				background: #fff !important;
			}
			#sb{
				padding: 0 8%;
			}
			.sbsj1{
				text-align: center;
				height: 0.48rem;
				line-height: 0.48rem;
				font-size: 0.26rem;
				background: #fff !important;
			}
			.sbxxBox{
				position: relative;
				border: 1px solid #ccc;
				padding: 15px;
			    border-radius: 8px;
			    background: #fff;
			}
			.sbp1{
				font-weight: bold;
				font-size: 0.26rem;
				color: #333;
				margin: 0;
			}
			.sbsj2{
				font-size: 0.24rem;
				margin-bottom: 0.2rem;
			}
			.sbp2{
				font-weight: bold;
				font-size: 0.24rem;
				color: #333;
				text-indent: 2em;
			}
			#sbxx,#scxx,#tgxx{
				padding: 0.1rem 0;
			}
			.yujingActive{
				color: #2285E2;
				border-bottom: 2px solid #2285E2;
				font-weight: bold;
			}
			.scrollX{
				width: 100%;
				height: 0.6rem;
				position: absolute;
				bottom: 0;
				border-top: 1px solid #ccc;
				background: #f4f2f3 !important;
				display: -webkit-box;
				-webkit-box-pack: center;
				overflow: hidden;
				font-size: 14px;
			}
			.scrollXBox{
				display: flex;align-items: center;flex-direction: row;width: 100%;justify-content: space-around;
			}
			#pullDown,#pullUp{
				height:40px;
				line-height:40px;
				text-align:center;
			}
		</style>
		<script>
			$(function(){
				var myScroll,mScroll;
				var from = '${from}';
				var page = $("#page").val(2);
				//初始化page
				if(localStorage.hasOwnProperty("yjxxIndexPage")) {
					$("#page").val(localStorage.getItem("yjxxIndexPage"));
				}
				/*纵向滚轮 */
				myScroll = new IScroll(".iscroll_content",{
				 	scrollbars: true,
					fadeScrollbars:true,
					scrollbars: 'custom',
					shrinkScrollbars:'clip',
					probeType: 2,  
					click:true
				});
				setTimeout(function(){
					myScroll.refresh();
				}, 100);
				/* 横向滚轮 */
				mScroll = new IScroll(".scrollX",{
					scrollX: true,
					scrollY: false,
					scrollbars: true,
					fadeScrollbars:true,
					scrollbars: 'custom',
					shrinkScrollbars:'clip',
				});
				setTimeout(function(){
					mScroll.refresh();
				}, 100);
				if($(".scrollXBox div").length==6){
					$(".scrollXBox").css("width","130%");
				}
				var pullUp = $("#pullUp"),
					pullUpLabel = $(".pullUpLabel"),
					loadingStep = 0;//加载状态0默认，1显示加载状态，2执行加载数据，只有当为0时才能再次加载，这是防止过快拉动刷新 
				pullUp.show();
		
				myScroll.on("scroll",function(){
					if(loadingStep == 0 && !pullUp.attr("class").match('refresh')){
						if(this.y < (this.maxScrollY - 14)){//上拉加载更多
							pullUp.addClass("refresh").show();
							pullUp.css({"background":"","background-size":""});
							pullUpLabel.text("松手开始加载...");
							loadingStep = 1;
							myScroll.refresh();
						}
					}
				});
				myScroll.on("scrollEnd",function(){
					if(loadingStep == 1){
						if( pullUp.attr("class").match("refresh") ){//下拉刷新操作  
							pullUp.removeClass("refresh").addClass("loading");
							pullUpLabel.text("加载中...");
							pullUp.css({"background":"#fff url(views/haifmv/img/pullUp.gif) 35% center no-repeat","background-size":"8%"});
							loadingStep = 2;
							pullUpAction();
							myScroll.refresh();
						}
					}
					//滑动定位
					var thisy = parseInt(this.y);
						localStorage("yjxxIndexY",thisy);
				}); 
				
				//上拉加载方法
				function pullUpAction(){
					var page = parseInt($("#page").val())+1;
					var maxPages = $("#maxPages").val();
					if (page <= maxPages) {
						jQuery("#sub").ajaxSubmit({
							type: "post",
							async: true,
							dataType : 'text',
							data : {
								"page" : page,
								"from" : from,
								"mcid" :$("#mcid").val()
							},
							success : function(data) {
								var hc = localStorage.getItem("yjxxIndex");
								setTimeout(function() {
									var something = "";
									var szd= new Array();
									szd = data.split("$");
									szd.pop();//删除最后一个空元素
									page = szd[0];
									var maxPage = szd[1];
									$("#from").val(szd[2]);
									for (var i = 3 ; i < szd.length ; i++) {
										var jt = new Array();
										jt = szd[i].split("@");
										var fbsj = jt[0];
										var zw = jt[1];
										var tssj = jt[2];
										var bt = jt[3];
										var id =jt[4];	
										var ydzt = jt[5];
										var fromVal = $("#from").val();
										var li = document.createElement("li");
										//li.setAttribute("id","11");
										if (ydzt == 0){
											li.innerHTML = "<div class='sbsj1'>" + tssj + "</div><div class='sbxxBox' onclick= 'viewXxtsxx(" + id +","+ fromVal + ")'><p class='sbp1'>" + bt + "</p><p class='sbp2'>"+zw+"</p><span class='unread'></span></div>";
										}else {
											li.innerHTML = "<div class='sbsj1'>" + tssj + "</div><div class='sbxxBox' onclick= 'viewXxtsxx(" + id +","+ fromVal + ")'><p class='sbp1'>" + bt + "</p><p class='sbp2'>"+zw+"</p><span class=''></span></div>";
										}
									}
									$(".iscroll_content ul").append(li);
									pullUp.attr("class","");
									pullUpLabel.text("上拉加载更多");
									pullUp.css({"background":""});
									myScroll.refresh();
									loadingStep = 0;
									localStorage.setItem("yjxxIndex",hc + something);
								},1000);
								$("#page").val(page);
								localStorage.setItem("yjxxIndexPage",page);
							},
							error: function(XMLHttpRequest, textStatus, errorThrown,msg) {
								alert(XMLHttpRequest.status);
								alert(XMLHttpRequest.readyState);
								alert(textStatus);
							}
						});
					}
				}
				//加载缓存中的内容
				if (localStorage.hasOwnProperty("yjxxIndex")) {
					var sth = localStorage.getItem("yjxxIndex");
					$(".iscroll_content ul").append(sth.substring(4,sth.length));
				};
				//定位到上次离开的位置
				if (localStorage.hasOwnProperty("yjxxIndexY")) {
					var tall = localStorage.getItem("yjxxIndexY");
					iscroll.scrollTo(0,tall,1000, IScroll.utils.ease.elastic);
					iscroll.refresh();
				};
				/* tab内容切换*/
				$(".btnBox div").on("tap",function() {
					var $this = $(this);
					$this.addClass("yujingActive").siblings().removeClass();
					var data = $(this).data("for");
					if (data != "" && data != undefined) {
						haifm.loadMobilePage("haifm","viewHaifmvXxlist.htm?from=" + data +"&page=" + $("#page").val() + "&mcid=" + $("#mcid").val());
					}
					myScroll.scrollTo(0, 0);
					myScroll.refresh();
				});
				//根据from 显示内容
				if (from == "sbxx") {
					$("#sbxx").addClass("yujingActive").siblings().removeClass();
				} else if (from =="scxx"){
					$("#scxx").addClass("yujingActive").siblings().removeClass();
				}else if (from =="mctg"){
					$("#tgxx").addClass("yujingActive").siblings().removeClass();
				}
			});	
					
			function onBack(){
				clear();
				haifm.loadMobilePage("haifm", "haifmvMain.htm?uuid=" + $("#uuid").val() + "&mcid=" + $("#mcid").val());
			}
			
			function viewXxtsxx(id, from) {
				if (from = sbxx) {
					from = "sbxx";
				}
				haifm.loadMobilePage("haifm", "viewHaifmvGtxxtsxx.htm?xxid=" + id + "&from=" + from + "&mcid="+$("#mcid").val());
			}
			//设置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 clear(){
				if (localStorage.hasOwnProperty("yjxxIndex")) {
					localStorage.removeItem("yjxxIndex");
				}
				if (localStorage.hasOwnProperty("yjxxIndexY")) {
					localStorage.removeItem("yjxxIndexY");
				}
				if (localStorage.hasOwnProperty("yjxxIndexPage")) {
					localStorage.removeItem("yjxxIndexPage");
				}
			}
			
		</script>
	</head>
	<body>
	<form name="sub" id="sub" method="post" action="jzXxList.htm">
		<input type="hidden" id="from" value="$!from">
		<input type="hidden" id="page" value="">
		<div id="wrap">
			<header>
				<span class="glyphicon glyphicon-chevron-left" aria-hidden="true" onclick="onBack()"></span>
				<p>信息详情</p>
				<span class="glyphicon" aria-hidden="true" style="width: 18px;height: 18px;"></span>
			</header>
			<div class="fenmian_dayNumBox titleText" style="display: none;">
				$!mcmc
			</div>
			<div class="middle">
				<section class="iscroll_content">
					<div>
						<ul id = "sb">
						#set ($count = 1)
						#foreach($obj in $!xxtsList)
							<li id = "xx$!page$count">
								<div class="sbsj1">$!dateTool.format('yyyy-MM-dd HH:mm:ss', $!obj.tssj)</div>
								<div class="sbxxBox" onclick="viewXxtsxx('$!obj.id', '$!from')">
									<p class="sbp1">$!obj.bt</p>
									<!-- <div class="sbsj2">$!dateTool.format('yyyy-MM-dd HH:mm:ss', $!obj.fbsj)</div> -->
									<p class="sbp2">$!obj.zw</p>
									<span  #if ("$!obj.ydzt" == "0") class="unread" #else class="" #end ></span>
								</div>
								
							</li>
						#set ($count = $count + 1)
						#end
						</ul>
						<div id="pullUp" class="">
							<div class="pullUpLabel">上拉加载更多</div>
						</div>
					</div>
				</section>
			</div>
			<div style="display: none;position: relative;height: 0.6rem;">
				<div class="btnBox scrollX">
					<div class="scrollXBox">
						<div data-for="sbxx" id="sbxx" class="yujingActive">设备信息</div>
						<div data-for="scxx" id="scxx">生产信息</div>
						<div data-for="mctg" id="tgxx">通告</div>
					</div>
				</div>
			</div>
		</div>
	</form>
	</body>
</html>