cxc
/
ifm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222
							<!DOCTYPE html>
<html lang="en">
<head>
    <title>mcZsView</title>
    <style>
	    #hkmenu1 ul.nav-pills, #menu1 ul.nav-pills{
	    	height:auto;
	    }
	    #chooseHjkzSet .modal-dialog div.option{
			border-bottom: 1px solid #f0f0f0;
		}
		#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 () {
            loadMenu("yzgk");
            //点击一级菜单加载内容页面-事件委托
           /*  var menu1 = $('#menu1');
            menu1.on('click', 'li', function () {
//                console.log('menu1' + $(this).data('skip'));
                if ($(this).data('skip')) {
                    var liActive = menu1.find('li.active');
                    var src1 = liActive.find('img').attr('src');
                    liActive.find('img').attr('src', src1.replace('2', '1'));
                    menu1.find('li.active').removeClass('active');
                    var src2 = $(this).find('img').attr('src');
                    $(this).find('img').attr('src', src2.replace('1', '2'));
                    $(this).addClass('active');
                    loadMenu($(this).data('skip'));
                }
            }); */
            
            //显示隐藏分栏站
            if ($("#zsbz").val() == 1) {
            	$("#flz").show();
            }else {
            	$("#flz").hide();
            }
            /**右上角警报按钮的方法
             */
/*             $("#flzPanel").click(function () {
                if ($(this).data('target') == 'bell'){
                	var zsid = $("#zsid").val();
                	//haifm.loadMobilePage("hkzsmain", "haifmHjkzgzxx.htm?zsid=" + zsid);
                }
            }); */

            $('#HjkzSetOptions').on('tap', '.option', function () {
                var zsid = $("#zsid").val();
                $('.modal-backdrop').remove();
                $('body').removeClass('modal-open');
                haifm.loadMobilePage("haifm", "haifmHjkz" + $(this).data('skip') + ".htm?zsid=" + zsid);
            });
        });
        /**
         * 后退
         */
        function backUrl(from) {
            var type = $("#type").val();
            if (type != undefined && type != "ztgk" && type != "") {
            	haifm.loadMobilePage("zsmain", "mcZsMenu.htm?key=" + "yzgk" + "&zsid=" + $("#zsid").val());
            	$("#flzPanel").attr("class", "glyphicon");
	           	$(".footer_snhj").css("background-image","url(views/haifmv/img/mc_img/mc_footer11.png)");
	           	$(".footer_snhj").next().removeClass("textColor");
	           	$(".footer_qtsz").css("background-image","url(views/haifmv/img/mc_img/mc_footer11.png)");
	           	$(".footer_qtsz").next().removeClass("textColor");
	           	$(".footer_slxh").css("background-image","url(views/haifmv/img/mc_img/mc_footer11.png)");
	           	$(".footer_slxh").next().removeClass("textColor");
	           	$(".footer_yzzk").css("background-image","url(views/haifmv/img/mc_img/mc_footer22.png)");
	           	$(".footer_yzzk").next().addClass("textColor");
            } else {
            	haifm.loadMobilePage("haifm", "haifmMain.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');
                     break;
                 case "yzzk":
                	 flzPanel.attr("class", "glyphicon glyphicon-bell")
                             .attr('data-target', '')
                             .attr('data-toggle', '')
                             .data('target','bell');
                     break;
                 default :
                	 flzPanel.attr("class", "glyphicon")
                             .attr('data-target', '')
                             .attr('data-toggle', '')
                             .data('target','');
                     break;
             }
            haifm.loadMobilePage("zsmain", "mcZsMenu.htm?key=" + key + "&zsid=" + $("#zsid").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);
            	});
	       	}
        }
    </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"/>
<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" style="width: 0.36rem;height: 0.36rem;"></span>
		</header>
	    <!-- <div id="meniu2"></div> -->
	    <div id="zsmain" style="display: flex;flex-direction: column;flex: 1;"></div>
	    <!-- <div class="navbar-fixed-bottom"> -->
	    #if ("$!daZsda.zsbz" == 1)
	        <footer class="row mc_footer" id="menu1">
			        <ul class="nav nav-pills navbar-fixed-bottom nav-justified" style="background-color: #000;">
			            <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: #000;">
			            <li onclick="pig1(0);loadMenu('yzgk');"><span class="footer_yzzk"></span><a href="#" class="textColor">养殖状况</a></li>
			            <!-- <li><span class="footer_qtsz"></span><a href="#" class="">群体生长</a></li>
			            <li><span class="footer_gtsz"></span><a href="#" class="">个体生长</a></li>
			            <li><span class="footer_slxh"></span><a href="#" class="">饲料消耗</a></li> -->
			            <li onclick="pig1(1);loadMenu('snhj');"><span class="footer_snhj"></span><a href="#" class="">舍内环境</a></li>
			        </ul>
			</footer>
			#end
	        <!-- <div id="searchDiv">
	            <a href="#" data-target="#searchModal" data-toggle="modal" class="searchBtn glyphicon glyphicon-search"></a>
	        </div>
	    </div> -->
	</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%);">
    <div class="modal-dialog" style="margin-top:0;">
        <div class="modal-content" id="HjkzSetOptions" style="border: none;border-radius: 0;">
        	#if ("$!xt_hjkz_yxcs" == "true")
            <div class="option" data-dismiss="modal" data-skip="yxcs">档位设置</div>
            #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
            <!--  <div class="option" data-dismiss="modal" data-skip="jrq">加热器配置</div> -->
        </div>
    </div>
</div>

<!-- 选择框 -->
<div class="modal" id="searchModal" tabindex="-1" role="dialog" aria-labelledby="searchModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <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="hksearchMenu"></div>
            <div class="modal-footer">
                <button class="btn btn-default" type="button" id="hkselectMenu">搜索</button>
                <button type="button" class="btn btn-default" data-dismiss="modal" id="hkcloseMenu">关闭</button>
            </div>
        </div>
    </div>
</div>
</body>
</html>