cxc
/
ifm


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
							<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>wsclMain</title>
<link rel="stylesheet" href="views/wscl/common.css" />
<style type="text/css">
.suosou{
	height: 0.72rem;
    z-index: 1;
    padding: 0.38rem 0;
    border-bottom: 1px solid #eee;
}
#wrap .suosou ul.nav.nav-pills.navbar-fixed-bottom.nav-justified{
	background: #fff;
	justify-content: center;
	padding: 0.12rem 0;
}
#wrap .suosou ul.nav-pills>li+li {
    margin-left: 0;
}
#wrap .suosou ul.nav.nav-pills.navbar-fixed-bottom.nav-justified li a{
    color: #67889D;
    padding: 0.05rem 0.2rem;
    border: 1px solid #7BA3B9;
    border-radius: 0.08rem;
}
.suosouLicolor{
	color: #fff !important;
	background-color: #6C98B1 !important;
}
</style>
<script type="text/javascript">
var jroll;
$(function(){
	$("#kb").hide();
	$("#bjsz").hide();
	jroll = new JRoll('#iscrollwsclX',{
		id: "dome1",
		scrollX: true,
		scrollY: false,
	});
	//设置二级菜单横向滚动的宽度
	var deviceW = $("body").width();
	var iscrollXwid = $(".iscrollwsclX li").outerWidth() * $(".iscrollwsclX li").length;
	if (iscrollXwid >= deviceW) {
		$(".iscrollwsclX ul").css("width","auto");
	} else {
		$(".iscrollwsclX ul").css("width","100%");
	}
    setTimeout(function(){
		jroll.refresh();
	}, 500);

	haifm.loadMobilePage("wsclMenu", "wsclYckzIndex.htm?mcid=" + $("#mcid").val());
	$("#iscrollwsclX ul").on("tap", "a", function(){
		var type = $(this).data("for");
		$("#iscrollwsclX ul a").removeClass("suosouLicolor");
		$(this).addClass("suosouLicolor");
		haifm.loadMobilePage("wsclMenu", "wscl" + type + "Index.htm?mcid=" + $("#mcid").val());
		if(type == "Gzyj") {
			$("#flzPanel").addClass("glyphicon-phone");
		}else {
			$("#flzPanel").removeClass("glyphicon-phone");
		}
		if (type == "Yckz") {
			$(".save").show();
			$("#kb").hide();
		} else {
			$(".save").hide();
			$("#kb").show();
		}
		
	});
	$("#flzPanel").on("tap", function(){
		$("#bjsz").show();
		$("#qtsz").hide();
		$(".suosou").hide();
		haifm.loadMobilePage("wsclMenu", "wsclBjszIndex.htm?mcid=" + $("#mcid").val());
	});
	
});


function backSy() {
	haifm.loadMobilePage("haifm", "haifmvMain.htm?mcid=" + $("#mcid").val());
}
function backOther(){
	$("#bjsz").hide();
	$("#qtsz").show();
	$(".suosou").show();
	haifm.loadMobilePage("wsclMenu", "wsclGzyjIndex.htm?mcid=" + $("#mcid").val());
}


</script>
</head>
<body>
	<input type="hidden" id="mcid" name="mcid" value="$!mcid" />
		<div id="wrap">
			<header id="qtsz">
				<span class="glyphicon glyphicon-chevron-left" aria-hidden="true" onclick="javascript:backSy()"></span>
				<p>$!mcmc</p>
				<span class="glyphicon glyphicon-ok save" aria-hidden="true" onclick="saveWsclYckz();"></span>
				<span id="kb"></span>
			</header>
			<header id="bjsz">
				<span class="glyphicon glyphicon-chevron-left" aria-hidden="true" onclick="javascript:backOther()"></span>
				<p id="title">报警设置</p>
				<span class="glyphicon" aria-hidden="true" id="flzPanel"></span>
			</header>
			<div class="suosou iscrollwsclX" id="iscrollwsclX">
				<ul class="nav nav-pills navbar-fixed-bottom nav-justified" style="justify-content: space-between;">
					<li><a class="mui-tab-item suosouLicolor" id="yckz" data-for="Yckz">远程控制</a></li>
					<li><a class="mui-tab-item" id="sszt" data-for="Sszt">实时组态</a></li>
					<li><a class="mui-tab-item" id="ssjc" data-for="Ssjc">实时检测</a></li>
					<li><a class="mui-tab-item" id="gzyj" data-for="Gzyj">故障预警</a></li>
				</ul>
			</div>
			<div class="middle" id="wsclMenu"></div>
		</div>
		<!--遮罩-->
		<div id="overlay"></div>
	</body>
</html>