cxc
/
ifm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224
							<!DOCTYPE html>
<html>
<head>
<title>慧养殖</title>
#include("template/huimv-wx-head.vm")
<style type="text/css">
*{ 
	margin:0; 
	padding:0; 
}
html{ 
	height:100%; 
}
body{ 
	min-height:100%; 
	position:relative; 
}
#mainMobileBody{
	padding:0px;
}
#sideToggle{ 
	display:none; 
}
.menuShow1{
	z-index:1;
	left:0px;
	opacity:1;
}
.menuShow2{
	z-index:0;
}
aside{ 
	position:absolute; 
	left:-400px;
	right:0;
	top:37px;
	width:130px;
	transition:0.2s ease-out;
	-webkit-transition:0.2s ease-out;
}
#sideMenuControl{
    margin-left: 10px;
    margin-top: 5px;
    float: left;
    border: none;
    background: transparent;
	display:inline-block;
    box-shadow: none;
    -webkit-box-shadow: none;
}
#mainZsSelect{
    line-height: 15px;
    position: absolute;
	width: 50%;
	margin-left:30%;
	margin-right:30%;

}
.contCenter{
    background-color:rgb(9,143,189);
    height: 35px;
    line-height: 35px;
    color: white;
    text-align: center;
}
.alphaFrame{
	left: 0px;
	top: 0px;
	opacity: 0;
	background: #C5C0C0;
	overflow: hidden;
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 1;
}
</style>
<script type="text/javascript">
$(function() {
	loadMainMenuPanel();
	//loadMainBodyPanel();
	//loadMainFootPanel();
	$("#sideToggle").attr("checked", false);
});

function backMain() {
	//loadMainBodyPanel();
	//loadMainFootPanel();
	//$("#mainTopTitle").show();
	//$("#mainZsSelect").hide();
	menuLiClick("zns");
	menuLiClick("yzgk","hide","ztgk");
	$("#zns").show();
	if ($("#sideToggle").attr("checked")) {
		selectMenu();
	}
}

// 加载主页面菜单
function loadMainMenuPanel() {
	huimvMobile.loadMobilePage("mainMobileMenu", "mainMobileMenu.htm");
}

//加载中间内容页
function loadMainBodyPanel() {
	huimvMobile.loadMobilePage("mainMobileBody", "mainMobileBody.htm");
}

//加载底部内容页
function loadMainFootPanel() {
	huimvMobile.loadMobilePage("mainMobileFoot", "mainMobileFoot.htm");
}

function selectMenu() {
	//document.getElmentById("mainMobileMenu").height=height;
	//$("#mainMobileMenu").attr("height",height);
	$("#mainMobileMenu").height(560);
	if ($("#sideToggle").attr("checked")) {
		$("#sideToggle").attr("checked", false);
		$("#alphaFrame").hide(); // 隐藏透明层
		$("#page1").removeClass("menuShow2");
		$("aside").removeClass("menuShow1");
		$("#mainMobileBody").css("opacity","1");
	} else {
		$("#sideToggle").attr("checked", true);
		$("#alphaFrame").show(); // 显示透明层
		$("#page1").addClass("menuShow2");
		$("aside").addClass("menuShow1");
		$("#mainMobileBody").css("opacity","0.2");
	}
}

//栏期变更
function selectedZsid() {
	var type = $("#type").val();
	switch (type) {
	//养殖概况
	case "ztgk":
	case "lrb":
	case "clyc":
	case "ssjk":
	//群体生长
	case "tzfb":
	case "pjtz":
	case "rzz":
	case "rzzr":
	case "rcscs":
	case "scscs":
	//饲料消耗
	case "mtxh":
	case "qcxh":
	//舍内环境
	case "snwd":
	case "snwdr":
	case "snsd":
	case "snsdr":
	case "qtzb":
	case "qtzbr":
		loadZnsMain(type);
		break;
	}
}
function ztgkSelect(val){
	$("#mobileZsid").val(val);
	var s = $("select:[id='mobileZsid']").val();
	if (s != undefined && s != null && s!= "") {
		$("#mobileZsid").selectmenu("refresh", true);
	}
	loadMain("zns","ztgk","hide");
}

function hideLeftMenu() {
	if ($("#sideToggle").attr("checked")) {
		selectMenu();
	}
}
//当不在选中区域隐藏菜单
/*
$(document).ready(function(){
	$("#mainMobileMenu").live("mouseleave",function(){
		selectMenu();
	});
});
*/
</script>
</head>
<body>
<input type='checkbox' id='sideToggle'>
<div id="page1">
	<aside style="z-index:2;">
		<div id="mainMobileMenu"></div>
	</aside>
	<div id="alphaFrame" class="alphaFrame" style="display:none;" onclick="hideLeftMenu()"></div>
	<div >
		<a id='sideMenuControl' onclick="selectMenu()" ><img src="css/jqm/images/search_list1.png" width="25px" height="25px"/></a>
		<div  class="contCenter">
				<label id="mainTopTitle"><div>$!mcmc $!obj.dqlq</div></label>
				
				<div id="mainZsSelect" style="display:none;">
					#if($!zsdaList.size() == 1)
						#foreach($!obj in $!zsdaList)
						$!obj.zsmc
						<input type="hidden" id="mobileZsid" value="$!obj.dqlq"/>
						#end
					#else
					<select id="mobileZsid" onchange="selectedZsid()">
						#foreach($!obj in $!zsdaList)
						<option value="$!obj.dqlq">$!obj.zsmc</option>
						#end
					</select>
					#end
				</div>
		</div>
		<!-- <a href="#" class="ui-btn-right" onclick="javascript:backMain();"><img src="css/jqm/images/home-black.png" width="25px" height="25px"/></a> -->
	</div>
	<div class="content">
		<div id="mainMobileBody"></div>
	</div>
	<div data-role="footer">
	<div id="mainMobileFoot"></div>
	</div>
</div>
</body>
</html>