cxc
/
ifm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317
							<!DOCTYPE html>
<html lang="en">
<head>
    <title>mcZsView</title>
    <style>
	    #hkmenu1 ul.nav-pills, #menu1 ul.nav-pills{
	    	height:auto;
	    }
	    #chooseHjkzSet .modal-dialog{
	    	width: 5rem;
	    }
	    #chooseHjkzSet .modal-dialog div.option{
		    height: auto;
		    line-height: normal;
		    padding: 0.2rem;
		    font-size: 0.24rem;
		}
		#chooseHjkzSet .modal-dialog div.option:last-child {
			border-bottom: none;
		}
	    .footer_qtsz + a:focus, .footer_qtsz + a:hover, .footer_gtsz + a:focus, .footer_gtsz + a:hover, .footer_slxh + a:focus, .footer_slxh + a:hover {
		    color: #fff;
		}
    </style>
    <script type="text/javascript">
        $(function () {
        	 if ($("#destination").val() != "") {
        		 $("#zsbz").val("2");
        	 }
        	if ($("#zsbz").val() == 2) {
        		$(".footer_snhj").css("background","url('views/haifmv/img/mc_img/mc_footer2.png') no-repeat -3.65rem 0.03rem");
        		$(".footer_snhj+a").addClass("textColor");
        		$(".footer_yzzk").css("background","url('views/haifmv/img/mc_img/mc_footer1.png') no-repeat -0.2rem 0.03rem");
        		$(".footer_yzzk+a").removeClass("textColor");
        		loadMenu("snhj");
        	}else {
        		loadMenu("yzgk");
        	} 
        	
            //显示隐藏分栏站
            if ($("#zsbz").val() == 1) {
            	$("#flz").show();
            }else {
            	$("#flz").hide();
            }
            /**
             *右上角警报按钮的方法
             **/
             $("#flzPanel").on("tap", function() {
            	 if ($(this).data("target") == "bell"){
                 	var zsid = $("#zsid").val();
                 	haifm.loadMobilePage("zsmain", "bjtjxxHaifmvMain.htm?zsid=" + zsid);
                 }
             })

            $("#HjkzSetOptions").on("tap", ".option", function () {
                var zsid = $("#zsid").val();
                $('.modal-backdrop').remove();
                $('body').removeClass('modal-open');
                haifm.loadMobilePage("haifm", "haifmvHjkz" + $(this).data('skip') + ".htm?zsid=" + zsid);
            });
        });

        /**
         * 后退
         */
        function backUrl(from) {
            var type = $("#type").val();
            if (type != undefined && type != "ztgk" && type != "") {
            	if ($("#zsbz").val() == 2) {
	            	$("#flzPanel").attr("class", "glyphicon glyphicon-bell")
	                .attr('data-target', '')
	                .attr('data-toggle', '')
	                .data('target','bell');
            	}else {
            		$("#flzPanel").attr("class", "glyphicon");
            	}
            	//haifm.loadMobilePage("zsmain", "ztgkHaifmvMain.htm?zsid=" + $("#zsid").val());
            	haifm.loadMobilePage("haifm", "haifmvMain.htm?uuid=" + $("#uuid").val() + "&mcid=" + $("#mcid").val() + "&qyid=" + $("#qyid").val() +"&toList=1" + "&from=" + from);
	           	$(".footer_snhj").css("background-image","url(views/haifmv/img/mc_img/mc_footer1.png)");
	           	$(".footer_snhj").next().removeClass("textColor");
	           	$(".footer_qtsz").css("background-image","url(views/haifmv/img/mc_img/mc_footer1.png)");
	           	$(".footer_qtsz").next().removeClass("textColor");
	           	$(".footer_slxh").css("background-image","url(views/haifmv/img/mc_img/mc_footer1.png)");
	           	$(".footer_slxh").next().removeClass("textColor");
	           	$(".footer_yzzk").css("background-image","url(views/haifmv/img/mc_img/mc_footer2.png)");
	           	$(".footer_yzzk").next().addClass("textColor");
            } else {
            	haifm.loadMobilePage("haifm", "haifmvMain.htm?uuid=" + $("#uuid").val() + "&mcid=" + $("#mcid").val() + "&qyid=" + $("#qyid").val() +"&toList=1" + "&from=" + from);
            }
        }

        /**
         * 加载一级菜单
         */
        function loadMenu(key) {
        	 var flzPanel = $("#flzPanel");
             switch (key) {
                 case "snhj":
                	 flzPanel.attr("class", "glyphicon glyphicon-wrench")
                             .attr('data-target', '#chooseHjkzSet')
                             .attr('data-toggle', 'modal')
                             .data('target','#chooseHjkzSet')
                             .attr("style", "width: auto;height: auto;");
                	 $("#2key").val("snwd");
                	 if ($("#destination").val() != "") {
                		 $("#2key").val($("#destination").val());
                	 }
                	 break;
                 case "yzgk":
                	 if ($("#zsbz").val() == "2") {
	                	 flzPanel.attr("class", "glyphicon glyphicon-bell")
	                             .attr('data-target', '')
	                             .attr('data-toggle', '')
	                             .data('target','bell');
                	 }else {
                		 flzPanel.attr("class", "glyphicon")
                         .attr('data-target', '')
                         .attr('data-toggle', '')
                         .data('target','');
                		 flzPanel.css({"width":"18px","height":"18px"});
                	 }
                	 $("#2key").val("ztgk");
                	 break;
                 case "qtsz" :
                	 flzPanel.attr("class", "glyphicon")
                     .attr('data-target', '')
                     .attr('data-toggle', '')
                     .data('target','');
                	 $("#2key").val("tzfb");
                	 break;
                 case "slxh" :
                	 flzPanel.attr("class", "glyphicon")
                     .attr('data-target', '')
                     .attr('data-toggle', '')
                     .data('target','');
                	 $("#2key").val("mtxh");
                	 break;
                 default :
                	 flzPanel.attr("class", "glyphicon")
                             .attr('data-target', '')
                             .attr('data-toggle', '')
                             .data('target','');
                     break;
             }
             haifm.loadMobilePage("searchMenu", "searchHaifmvMain.htm?key2=" + $("#2key").val() + "&zsid=" + $("#zsid").val() + "&yweb=" + $("#yweb").val());
            if(key=='snhj'){
            	$(".glyphicon-wrench").on("click",function(){
					setTimeout(function(){
						$(".modal-backdrop").on("tap",function(){
							$(this).remove();
							$("#chooseHjkzSet").removeClass("in").hide();
							$("body").removeClass("modal-open");
						});
					}, 100);
            	});
	       	}
        }
        
        /** 
         * footer图标
         * */
        function pig(e) {
        	$('#menu1 .nav li').eq(0).find('span').css({'background-image':'url(views/haifmv/img/mc_img/mc_footer1.png)'});
        	$('#menu1 .nav li').eq(1).find('span').css({'background-image':'url(views/haifmv/img/mc_img/mc_footer1.png)'});
        	$('#menu1 .nav li').eq(2).find('span').css({'background-image':'url(views/haifmv/img/mc_img/mc_footer1.png)'});
        	$('#menu1 .nav li').eq(3).find('span').css({'background-image':'url(views/haifmv/img/mc_img/mc_footer1.png)'});
//        	$('#menu1 .nav li').eq(4).find('span').css({'background-image':'url(views/haifmv/img/mc_img/mc_footer1.png)'});
        	$('#menu1 .nav li a').eq(0).removeClass('textColor');
        	$('#menu1 .nav li a').eq(1).removeClass('textColor');
        	$('#menu1 .nav li a').eq(2).removeClass('textColor');
        	$('#menu1 .nav li a').eq(3).removeClass('textColor');
//        	$('#menu1 .nav li a').eq(4).removeClass('textColor');
        	switch(e) {
        	case 0:
        		$('#menu1 .nav li').eq(0).find('span').css({'background-image':'url(views/haifmv/img/mc_img/mc_footer2.png)'});
        		$('#menu1 .nav li a').eq(0).addClass('textColor');
        		break;
        	case 1:
        		$('#menu1 .nav li').eq(1).find('span').css({'background-image':'url(views/haifmv/img/mc_img/mc_footer2.png)'});
        		$('#menu1 .nav li a').eq(1).addClass('textColor');
        		break;
        	case 2:
        		$('#menu1 .nav li').eq(2).find('span').css({'background-image':'url(views/haifmv/img/mc_img/mc_footer2.png)'});
        		$('#menu1 .nav li a').eq(2).addClass('textColor');
        		break;
        	case 3:
        		$('#menu1 .nav li').eq(3).find('span').css({'background-image':'url(views/haifmv/img/mc_img/mc_footer2.png)'});
        		$('#menu1 .nav li a').eq(3).addClass('textColor');
        		break;
//        	case 4:
//        		$('#menu1 .nav li').eq(1).find('span').css({'background-image':'url(views/haifmv/img/mc_img/mc_footer2.png)'});
//        		$('#menu1 .nav li a').eq(1).addClass('textColor');
//        		break;
        	}
        }

        function pig1(e) {
        	$('#menu1 .nav li').eq(0).find('span').css({'background-image':'url(views/haifmv/img/mc_img/mc_footer1.png)'});
        	$('#menu1 .nav li').eq(1).find('span').css({'background-image':'url(views/haifmv/img/mc_img/mc_footer1.png)'});
        	$('#menu1 .nav li').eq(2).find('span').css({'background-image':'url(views/haifmv/img/mc_img/mc_footer1.png)'});
//        	$('#menu1 .nav li').eq(3).find('span').css({'background-image':'url(views/haifmv/img/mc_img/mc_footer1.png)'});
//        	$('#menu1 .nav li').eq(4).find('span').css({'background-image':'url(views/haifmv/img/mc_img/mc_footer1.png)'});
        	$('#menu1 .nav li a').eq(0).removeClass('textColor');
        	$('#menu1 .nav li a').eq(1).removeClass('textColor');
        	$('#menu1 .nav li a').eq(2).removeClass('textColor');
//        	$('#menu1 .nav li a').eq(3).removeClass('textColor');
//        	$('#menu1 .nav li a').eq(4).removeClass('textColor');
        	switch(e) {
        	case 0:
        		$('#menu1 .nav li').eq(0).find('span').css({'background-image':'url(views/haifmv/img/mc_img/mc_footer2.png)'});
        		$('#menu1 .nav li a').eq(0).addClass('textColor');
        		break;
        	case 1:
        		$('#menu1 .nav li').eq(1).find('span').css({'background-image':'url(views/haifmv/img/mc_img/mc_footer2.png)'});
        		$('#menu1 .nav li a').eq(1).addClass('textColor');
        		break;
        	case 2:
        		$('#menu1 .nav li').eq(2).find('span').css({'background-image':'url(views/haifmv/img/mc_img/mc_footer2.png)'});
        		$('#menu1 .nav li a').eq(2).addClass('textColor');
        		break;
//        	case 3:
//        		$('#menu1 .nav li').eq(3).find('span').css({'background-image':'url(views/haifmv/img/mc_img/mc_footer2.png)'});
//        		$('#menu1 .nav li a').eq(3).addClass('textColor');
//        		break;
//        	case 4:
//        		$('#menu1 .nav li').eq(1).find('span').css({'background-image':'url(views/haifmv/img/mc_img/mc_footer2.png)'});
//        		$('#menu1 .nav li a').eq(1).addClass('textColor');
//        		break;
        	}
        }
    </script>
</head>
<body>
<input type="hidden" id="zsid" value="$!daZsda.id"/>
<input type="hidden" id="mcid" value="$!daZsda.mcid"/>
<input type="hidden" id="zsbz" value="$!daZsda.zsbz"/>
<input type="hidden" id="ksjs" value="$!ksjs"/>
<input type="hidden" id="yweb" value="$!yweb"/>
<input type="hidden" id="2key" value=""/>
<input type="hidden" id="destination" value="$!destination"/>
<div style="height: 100%;display: flex;flex-direction: column;">
	<div id="wrap">
		<header>
			<span class="glyphicon glyphicon-chevron-left" aria-hidden="true" onclick="javascript:backUrl('$!from')"></span>
			<p>$!daZsda.zsmc </p>
			<span class="glyphicon" aria-hidden="true" id="flzPanel"></span>
		</header>
	    <!-- <div id="meniu2"></div> -->
	    <div id="zsmain" style="display: flex;flex-direction: column;flex: 1;"></div>
	    #if ("$!daZsda.zsbz" == 1)
        <footer class="row mc_footer" id="menu1">
	        <ul class="nav nav-pills navbar-fixed-bottom nav-justified" style="background-color: #f6f6f6;">
	            <li onclick="pig(0);loadMenu('yzgk');"><span class="footer_yzzk"></span><a href="#" class="textColor">养殖状况</a></li>
	            <li onclick="pig(1);loadMenu('qtsz');"><span class="footer_qtsz"></span><a href="#" class="">群体生长</a></li>
	           <!--  <li><span class="footer_gtsz"></span><a href="#" class="">个体生长</a></li> -->
	            <li onclick="pig(2);loadMenu('slxh');"><span class="footer_slxh"></span><a href="#" class="">饲料消耗</a></li> 
	            <li onclick="pig(3);loadMenu('snhj');"><span class="footer_snhj"></span><a href="#" class="">舍内环境</a></li>
	        </ul>
		</footer>
		#else 
		<footer class="row mc_footer" id="menu1">
	        <ul class="nav nav-pills navbar-fixed-bottom nav-justified" style="background-color: #f6f6f6;">
	            <li onclick="pig1(0);loadMenu('yzgk');"><span class="footer_yzzk"></span><a href="#" class="textColor">养殖状况</a></li>
	           	<li onclick="pig1(1);loadMenu('slxh');"><span class="footer_slxh"></span><a href="#" class="">饲料消耗</a></li> 
	            <li onclick="pig1(2);loadMenu('snhj');"><span class="footer_snhj"></span><a href="#" class="">舍内环境</a></li>
	        </ul>
		</footer>
		#end
	</div>
</div>
<div class="modal" id="searchModal" tabindex="-1" role="dialog" aria-labelledby="searchModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="width: 100%;position: absolute;margin: 0;padding: 10px;top: 50%;margin-top: -290px;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="searchModalLabel">搜索条件</h4>
            </div>
            <div class="modal-body" id="searchMenu" style="padding-top: 0;"></div>
            <div class="modal-footer">
                <button class="btn btn-default" type="button" id="selectMenu">搜索</button>
                <button type="button" class="btn btn-default" data-dismiss="modal" id="closeMenu">关闭</button>
            </div>
        </div>
    </div>
</div>
<!-- 选择环境控制入口 -->
<div class="modal" id="chooseHjkzSet" style="border-radius: 6px;top:30%;left:50%;right: inherit;bottom: inherit;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);">
    <div class="modal-dialog" style="margin-top:0;">
        <div class="modal-content" id="HjkzSetOptions" style="border: none;">
        	 #if ("$!hk_bys_ya" == "false") 
	        	#if ("$!xt_hjkz_yxcs" == "true")
	            <div class="option" data-dismiss="modal" data-skip="yxcs">档位设置</div>
	            #end
            #end
            #if ("$!daZsda.hkbz" == "1" && "$!xt_hjkz_bjcs" == "true")
            <div class="option" data-dismiss="modal" data-skip="bjcs">报警设置</div>
            #end
            #if ("$!xt_flz_bjcs" == "true")
            <div class="option" data-dismiss="modal" data-skip="flzbjcs" id="flz">分栏站报警设置</div>
            #end
            <!-- 保育舍预案 -->
            #if ("$!hk_bys_ya" == "true") 
            <div class="option" data-dismiss="modal" data-skip="bysya">保育舍预案设置</div>
            #end
            #if ("$!xt_hjkz_yxcs" == "true")
            <div class="option" data-dismiss="modal" data-skip="csjl">采食计量配置</div>
            #end
            #if ("$!xt_hk_qtsb" == "true")
            <div class="option" data-dismiss="modal" data-skip="gjpz">高级配置</div>
            #end
        </div>
    </div>
</div>

</body>
</html>