cxc
/
ifm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432
							<!DOCTYPE html>
<html lang="en">
<head>
    <title>慧牧科技</title>
    <style type="text/css">
        /* 底部导航栏定义 */
        /*
        .nav-pills > li:not(:last-child){
            border-right: 1px #ddd;
        }
        .nav-pills > li {
            width:24.5%;
            height:40px;
            background-color:#d3d3d3;
            text-align:center;
            font-size:14px;
        }
        */
        @media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone5 */
	        #yjts{
	        	height:35% !important;
	        }
	        #mcgk .list-group-item{
	        	height: 32px !important;
	        	line-height: 32px !important;
	        }
	        .row>.navbar-fixed-bottom{
	        	font-size: 12px;
	        }
		}
		@media (device-height:640px) and (-webkit-min-device-pixel-ratio:2){/* 兼容Galaxy S5 */
		}
		@media (device-height:667px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone6*/
		}
		@media (device-height:736px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone6 Plus */
	        #mcgk .list-group-item{
	        	height: 42px !important;
	        	line-height: 42px !important;
	        }
		}
        @media (device-height:1024px) and (-webkit-min-device-pixel-ratio:2){/* 兼容ipad */
			#mcgk .list-group-item{
	        	height: 65px !important;
	        	line-height: 65px !important;
	        }
	        #yjts .list-group-item{
	        	height: 65px !important;
	        	line-height: 65px !important;
	        }
	        #scxx .list-group-item{
	        	height: 65px !important;
	        	line-height: 65px !important;
	        }
	        .row>.navbar-fixed-bottom{
	        	font-size: 20px !important;
	        }
	        #mcgk{
	        	font-size: 22px !important;
	        }
	        #yjts{
	        	font-size: 22px !important;
	        }
	        #scxx{
	        	font-size: 22px !important;
	        }
		}
		.container{
			width: 100% !important;
		}
        .nav-justified {
            width: 100%;
            border-bottom: 0;
        }

        .nav-justified > li {
            float: none;
        }

        .nav-justified > li > a {
            margin-bottom: 5px;
            text-align: center;
        }

        .nav-justified > .dropdown .dropdown-menu {
            top: auto;
            left: auto;
        }

        .nav-justified > li {
            text-align: center;
        }

        .nav-justified > li > a {
            margin-bottom: 0;
            padding:0 0;
        }

        .nav-justified > li > a {
            margin-right: 0;
        }

        .nav-pills > li:not(:last-child) {
            border-right: 1px #ddd;
        }

        /* 定义轮播图片大小 */
        .carousel-inner > .item > img {
            width: 100%;
        }

        /* 定义轮播字体位置 */
        .carousel-caption {
            bottom: 0;
            padding-bottom: 5px;
        }

        /* 定义资讯消息内部样式间隔 */
        .media {
            margin-top: 5px;
        }

        .media:not(:last-child) {
            padding-bottom: 5px;
            border-bottom: 1px solid #ddd;
        }

        /* 定义导航箭头图标 */
        .glyphicon-chevron-right {
            float: right;
            margin-right: 5px;
        }

        .glyphicon-chevron-right + .badge {
            margin-right: 5px;
        }

        /* 列表分割线 */
        .list-group-item {
            border: 0;
            height: 38px;
            line-height: 38px;
            padding: 0px;
        }

        .list-group-item:not(:first-child) {
            border-top: 1px solid #ddd;
        }

        /* 缩小面板内间隔 */
        .panel-body {
            padding: 0px 5px 0px 5px;
        }
        
        /* footer的图标 */
        .nav>li>span{
        	width: 40px;
    		height: 35px;
		    display: inline-block;
		    background-size: 400%;
	    	margin-top: 5px;
        }
        .mcsy{
		    background: url(views/haifmp/img/btnbg.png) no-repeat 0px -45px;
        }
        .sjlr{
		    background: url(views/haifmp/img/btnbg.png) no-repeat -40px 0px;
        }
        .jrmc{
		    background: url(views/haifmp/img/btnbg.png) no-repeat -123px 0px;
        }
        /* footer的默认字体颜色 */
        .nav>li>a{
        	color: #555;
        }
        /* footer的点击字体颜色 */
        .textColor{
        	color: #2385E2 !important;
        }
        .nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus{
        	text-decoration: none;
    		background-color: #f6f6f6 !important;
        }
        .nav>li>a {
            margin-bottom: 0 !important;
		    padding:0 !important;
		    background-color: #f6f6f6 !important;
		}
		/* 滚动条样式 */
		.iScrollVerticalScrollbar {
			position: absolute;
			z-index: 9999;
			width: 3px;
			bottom: 2px;
			top: 2px;
			right: 2px;
			overflow: hidden;
		}
		.iScrollVerticalScrollbar.iScrollBothScrollbars {
			bottom: 18px;
		}
		.iScrollIndicator {
			position: absolute;
			right: 0;
			background: rgba(0, 0, 0);
			border: 2px solid rgba(0, 0, 0, 0.5);
			border-radius: 8px;
		}
    </style>
    <script type="text/javascript">
        $(function () {
       	 	$("#mcid").val($("#symcid").val());
            $("#selectMc").bind("change", function () {
            	$("#symcid").val($("#selectMc").val());
              	$("#mcid").val($("#symcid").val());
                loadSy(1);
            });
          	//滚动区域事件
        	iscrollBig = new IScroll(".iscrollBig",{
        		scrollbars: true,
        	   	fadeScrollbars:true,
        	   	click:true,
        	   	scrollbars: 'custom',
        	   	shrinkScrollbars:'clip',
        	   	tap:true
        	});
        	//滚动区域的刷新事件
        	setTimeout(function () {
        		iscrollBig.refresh();
        	}, 100);
        	//touchmove的阻止浏览器或者屏幕滚动默认事件
    		document.addEventListener('touchmove', function(event) {
    			event.preventDefault();
    		}, false);
        	//localstorage.clear();
        	document.cookie = "name=0" ;
            loadSy(0);
            //获取屏幕高度并赋值;
           	var scrollHeight = window.screen.height;
       		$(".iscrollBox").css("height",scrollHeight);
       		//获取imgBox高度并赋值img;
   			var	imgHeight = $(".imgBox").height();
      	   	$(".imgBox img").css("height",imgHeight - 10);
        });

        function hideMenu() {
            $("#jg").hide();
            $("#sy").addClass("hidden").removeClass("show");
            $("#fb").addClass("hidden").removeClass("show");
            $("#tl").addClass("hidden").removeClass("show");
            $("#mc").addClass("hidden").removeClass("show");
            $("#menu > li").removeClass("active");
        }

        function loadSy(flag) {
        	if (flag == 1) {
        		$("#sy").html("");
        		haifm.loadMobilePage("haifm", "haifmvMain.htm?uuid=" + $("#uuid").val() + "&mcid=" + $("#mcid").val());
        	}
           	$("#sy").addClass("show").removeClass("hidden");
            loadSyYjts();
            //loadSyMcgk();
            /* 移除数据录入竖屏代码 */
            var portrait = $("link[id='portrait']");
            if(portrait.length >= 1){
            	$("link[id='portrait']").remove();
            }
            /* 移除数据录入横屏代码 */
            var landscape = $("link[id='landscape']");
            if(landscape.length >= 1){
            	$("link[id='landscape']").remove();
            }
        }

        function loadSjlr() {
        	$("#sy").html("");
            $("#sjlr").addClass("show").removeClass("hidden");
            haifm.loadMobilePage("sjlr", "haifmvMain.htm?mcid=" + $("#mcid").val() + "&devType=" + $("#devType").val());
            //响应页面布局
            setTimeout(function () {
            	$("#hiddenBoxPig div").on("click",function() {
            		$(".fo").css("display","none");
            	});
        	}, 50);
        }

        function loadMc() {
            $("#mc").addClass("show").removeClass("hidden");
            haifm.loadMobilePage("haifm", "mcHaifmIndex.htm?from=sy");
            /* 移除数据录入竖屏代码 */
            var portrait = $("link[id='portrait']");
            if(portrait.length >= 1){
            	$("link[id='portrait']").remove();
            }
            /* 移除数据录入横屏代码 */
            var landscape = $("link[id='landscape']");
            if(landscape.length >= 1){
            	$("link[id='landscape']").remove();
            }
        }

        function loadSyZxxx() {
            haifm.loadMobilePage("zxxx", "syZxxx.htm");
        }

        function loadSyMcgk() {
            haifm.loadMobilePage("mcgk", "syMcgk.htm?mcid="+ $("#mcid").val());
        }

        function loadSyYjts() {
            haifm.loadMobilePage("yjts", "syYjts.htm?mcid=" + $("#mcid").val());
        }
        function loadSyScxx() {
            haifm.loadMobilePage("scxx", "syScxx.htm?mcid=" + $("#mcid").val());
        }
        
      	//图标坐标
        function pig(e) {
        	$('.row .nav li').eq(0).find('span').css('background-position','0px 0px');
        	$('.row .nav li').eq(1).find('span').css('background-position','-40px 0px');
        	$('.row .nav li').eq(2).find('span').css('background-position','-123px 0px');
        	$('.row .nav li a').eq(0).removeClass('textColor');
        	$('.row .nav li a').eq(1).removeClass('textColor');
        	$('.row .nav li a').eq(2).removeClass('textColor');
        	switch(e) {
        	case 0:
        		$('.row .nav li').eq(0).find('span').css('background-position','0px -45px');
        		$('.row .nav li a').eq(0).addClass('textColor');
        		break;
        	case 1:
        		$('.row .nav li').eq(1).find('span').css('background-position','-40px -45px');
        		$('.row .nav li a').eq(1).addClass('textColor');
        		break;
        	case 2:
        		$('.row .nav li').eq(2).find('span').css('background-position','-123px -45px');
        		$('.row .nav li a').eq(2).addClass('textColor');
        		break;
        	}
        };
    </script>
</head>
<body>

<div class="container">
    <div class="row hidden" id="sy">
        <div>
            <div class="navbar-fixed-top">
                <span class="logo" style="margin:0 10px;"><img src="views/haifm/images/logo.png"></span>
                <input type="hidden" id="symcid" value="$!mcid" />
               <h4>
                <!-- <button data-toggle="dropdown" class="btn btn-default dropdown-toggle mcSelect" type="button" onclick="javascript:selctMc();">&nbsp;<span id="qytext">区域</span>&nbsp;&nbsp;<span class="caret"></span></button> -->
                #if ($mcdaList.size() == 1)
                #foreach ($!obj in $mcdaList)
                <input type="hidden" id="selectMc" value="$!obj.id"/>#if ("$!gh" == "h000") ****** #else $!obj.mcmc #end
                #end
                #else
                <select id="selectMc"  class="form-control">
                    #foreach ($!obj in $mcdaList)
                    <option value="$!obj.id" #if("$!obj.id" == "$!mcid") selected="selected" #end)>#if ("$!gh" == "h000") ****** #else $!obj.mcmc #end</option>
                    #end
                </select>
                #end
            </h4>
                <span class="placeholder"></span>
            </div>
        </div>
        <div class="iscrollBig" style="overflow: hidden;position: absolute;top:38px;bottom: 65px;width: 100%;">
	        <div class="iscrollBox">
	        	<div class="imgBox" style="height: 25%;">
		            <div data-ride="carousel" data-interval="3000" class="carousel slide" id="carousel-container">
		                <!-- 图片轮播 -->
		                <div class="carousel-inner">
		                    <div class="item active">
		                        <img alt="第一张图" src="views/haifm/images/1.jpg"/>
		                        <div class="carousel-caption">
		                            <p1></p1>
		                        </div>
		                    </div>
		                    <div class="item">
		                        <img alt="第二张图" src="views/haifm/images/2.jpg"/>
		                        <div class="carousel-caption">
		                            <p1></p1>
		                        </div>
		                    </div>
		                    <div class="item">
		                        <img alt="第三张图" src="views/haifm/images/3.jpg"/>
		                        <div class="carousel-caption">
		                            <p1></p1>
		                        </div>
		                    </div>
		                </div>
		                <!-- 圆圈切换 -->
		                <ol class="carousel-indicators">
		                    <li data-slide-to="0" data-target="#carousel-container" class="active"></li>
		                    <li data-slide-to="1" data-target="#carousel-container"></li>
		                    <li data-slide-to="2" data-target="#carousel-container"></li>
		                </ol>
		                <!-- 左右按钮控制 -->
		                <a data-slide="prev" href="#carousel-container" class="left carousel-control">
		                    <span class="glyphicon glyphicon-chevron-left"></span>
		                </a>
		                <a data-slide="next" href="#carousel-container" class="right carousel-control">
		                    <span class="glyphicon glyphicon-chevron-right"></span>
		                </a>
		            </div>
		        </div>
		        <!-- <div class="col-md-12" id="zxxx"></div> -->
		        <div class="wrapper" id="yjts" style="margin: 0px 10px 0 10px;height: 35%;"></div>
		        <div class="wrapper" id="mcgk" style="margin: 0px 10px 0 10px;height: 25%;"></div>
		        <div class="wrapper" id="scxx" style="margin: 0px 10px 0 10px;height: 40%;"></div>
	        </div>
        </div>
    </div>

    <div class="row" id="sjlr" style="display:none"></div>
    <div class="row" id="mc" style="display:none"></div>
<!-- 
    <div class="alert alert-warning fade in" style="display:none;" id="jg">
        <button data-dismiss="alert" class="close" type="button">×</button>
        <h4>警告</h4>
        <p>页面开发中。。。</p>
    </div> -->

    <div class="row fo">
        <ul class="nav nav-pills navbar-fixed-bottom nav-justified" id="menu" style="z-index: 1;border-top: 1px solid #ccc;background-color: #f6f6f6;display: -webkit-box;-webkit-box-pack: justify;-webkit-box-align: center;">
            <li onclick="hideMenu(),loadSy(1),pig(0)"><span class="mcsy"></span><a href="#" class="textColor">牧场首页</a></li>
             <li onclick="hideMenu(),loadSjlr(),pig(1)"><span class="sjlr"></span><a href="#">数据录入</a></li>
            <li onclick="hideMenu(),loadMc(),pig(2)"><span class="jrmc"></span><a href="#">进入牧场</a></li>
        </ul>
    </div>
</div>
</body>
</html>