cxc
/
ifm


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193
							<!DOCTYPE html>
<html lang="en">
<head>
    <title>mcZsHjkzView</title>
    <style>
	    @media (device-height:1024px) and (-webkit-min-device-pixel-ratio:2){/* 兼容ipad */
		 	.zsul{
		    	font-size: 22px;
		    }
		    #hkmenu1 ul.nav-pills li img, #menu1 ul.nav-pills li imgP{
	    	    width: 60px;
    			height: 60px;
		    }
		    #hkmenu1 ul.nav-pills, #menu1 ul.nav-pills{
				height: 100px;
			}
			#hkmenu1 ul.nav-pills li div, #menu1 ul.nav-pills li div{
				height: 30px;
		    	font-size: 18px;
			}
		}
    	.zsul{
	    	display: -webkit-box;
	    }
    	.zsul>li{
    		-webkit-box-flex: 1;
    	}
    	.navbar-fixed-bottom{
    		border-top: 1px solid #ccc
    	}
    </style>
    <script type="text/javascript">
        $(function () {
            /**右上角警报按钮的方法
             */
            $("#hjkzPanel").click(function () {
                if ($(this).data('target') == 'bell'){
                	var zsid = $("#zsid").val();
                	haifm.loadMobilePage("hkzsmain", "haifmHjkzgzxx.htm?zsid=" + zsid);
                }
            });

            loadHkMenu("snhj");
            $('#HjkzSetOptions').on('click', '.option', function () {
//                console.log($(this).data('skip'));
                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 != "wd" && type != "") {
                $("#hkmenu1 > ul > li:eq(3)").click();
            } else {
                haifm.loadMobilePage("haifm", "mcHaifmIndex.htm?from=sy&mcid=" + $("#mcid").val());
            }
        } */
        function backUrl(from) {
            var type = $("#type").val();
            if (type != undefined && type != "") {
                haifm.loadMobilePage("haifm", "mcHaifmIndex.htm?from=sy&mcid=" + $("#mcid").val());
            }
        }

        /**
         * 加载菜单
         */
        function loadHkMenu(key, obj) {
            var hjkzPanel = $("#hjkzPanel");
            switch (key) {
                case "snhj":
                    hjkzPanel.attr("class", "glyphicon glyphicon-wrench")
                            .attr('data-target', '#chooseHjkzSet')
                            .attr('data-toggle', 'modal')
                            .data('target','#chooseHjkzSet');
                    break;
                case "yzzk":
                    hjkzPanel.attr("class", "glyphicon glyphicon-bell")
                            .attr('data-target', '')
                            .attr('data-toggle', '')
                            .data('target','bell');
                    break;
                default :
                    hjkzPanel.attr("class", "placeholder")
                            .attr('data-target', '')
                            .attr('data-toggle', '')
                            .data('target','');
                    break;
            }
            if (obj) {
                $("#hkmenu1").find("> ul > li").removeClass("active");
                $(obj).addClass("active");
                var img = $("#hkmenu1").find("img");
                for (var i = 0; i < img.length; i++) {
                    var src = img.eq(i).attr("src");
                    if ($(obj).find("div").html() == img.eq(i).next().html()) {
                        src = src.substring(0, src.length - 5) + "2.png";
                    } else {
                        src = src.substring(0, src.length - 5) + "1.png";
                    }
                    img.eq(i).attr("src", src);
                }
            }
            haifm.loadMobilePage("hkmenu2", "mcZsHkMenu.htm?key=" + key + "&zsid=" + $("#zsid").val());
        }
    </script>
</head>
<body>
<input type="hidden" id="zsid" value="$!daZsda.id"/>
<input type="hidden" id="mcid" value="$!daZsda.mcid"/>
<div class="container">
    <div class="row">
        <div class="navbar-fixed-top">
            <span class="glyphicon glyphicon-menu-left" aria-hidden="true"
                  onclick="javascript:backUrl('$!from')"></span>
            <h4>$!daZsda.zsmc</h4>
            <span class="glyphicon glyphicon-wrench" id="hjkzPanel"></span>
        </div>
    </div>
    <div class="row" id="hkmenu2"></div>
    <div class="row" id="hkzsmain"></div>
    <div class="row navbar-fixed-bottom" id="hkmenu1">
        <ul class="nav nav-pills zsul">
            <li class="col-lg-3 col-md-3 col-sm-3 col-xs-3" onclick="javascript:loadHkMenu('yzzk', this)">
                <img src="views/haifm/images/zs/hkmenu1/yzgk1.png"/>
                <div>养殖状况</div>
            </li>
            <li class="col-lg-3 col-md-3 col-sm-3 col-xs-3" onclick="javascript:loadHkMenu('csl', this)">
                <img src="views/haifm/images/zs/hkmenu1/csl1.png"/>
                <div>采食量</div>
            </li><!-- 
            <li class="disabled col-lg-3 col-md-3 col-sm-3 col-xs-3" onclick="javascript:loadHkMenu('hyzs', this)">
                <img src="views/haifm/images/zs/hkmenu1/hyzs1.png"/>
                <div>活跃指数</div>
            </li> -->
            <li class="active col-lg-3 col-md-3 col-sm-3 col-xs-3" onclick="javascript:loadHkMenu('snhj', this)">
                <img src="views/haifm/images/zs/hkmenu1/snhj2.png"/>
                <div>舍内环境</div>
            </li>
        </ul>
        <div id="hksearchDiv">
            <a href="#" data-target="#searchModal" data-toggle="modal" class="searchBtn glyphicon glyphicon-search"></a>
        </div>
    </div>
</div>

<!-- 选择环境控制入口 -->
<div class="modal" id="chooseHjkzSet">
    <div class="modal-dialog">
        <div class="modal-content" id="HjkzSetOptions">
        	#if ("$!xt_hjkz_yxcs" == "true")
            <div class="option" data-dismiss="modal" data-skip="yxcs">档位设置</div>
            #end
            #if ("$!gh" != "h000")
            <div class="option" data-dismiss="modal" data-skip="bjcs">报警设置</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" style="width: 100%;position: absolute;margin: 0;padding: 10px;top: 50%;margin-top: -260px;">
        <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" style="padding-top: 0;"></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>