cxc
/
ifm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146
							<!DOCTYPE html>
<html lang="en">
<head>
    <title>慧牧科技</title>
    <style type="text/css">
        .mcSelect {
            background: url('views/haifm/images/bj.png') repeat-x;
            height: 35px;
            text-align: center;
            margin-top: 5px;
        }
        #chooseQkSet .modal-dialog {
  			width: 300px;
  			margin: 36% auto 0 auto; 
  		}
  		#chooseQkSet .modal-dialog div.option {
    		height: 40px;
    		line-height: 40px;
    		text-align: center; 
    	}
    	#chooseQkSet .modal-dialog div.option:first-child {
      		border-bottom: 1px solid #F0F0F0; 
      	}
      	#addWrapper .emerge{
      		-webkit-animation-name: emerge;
    		animation-name: emerge;
    		-webkit-animation-duration: .2s;
    		animation-duration: .2s;
    		-webkit-animation-fill-mode: forwards;
    		animation-fill-mode: forwards;
      	}
      	#addWrapper .addButton{
      		position: relative;
    		box-shadow: 0 5px 11px rgba(98,98,102,0.25);
    		font-size: 30px;
    		width: 0.9rem;
    		height: 0.9rem;
    		line-height: 0.9rem;
    		margin: 0 auto;
    		text-align: center;
    		color: white;
    		border-radius: 100%;
    		font-size: 0.38rem;
      	}
      	#addWrapper {
      		width:0.9rem;
      		border-radius: 100%;
      		height: 0.9rem;
      		text-align:center;
      		margin:0 auto;
      		background-color: transparent;
      	}
      	.glyphicon-folder-open{
      		color: #ddd;
      	}
    </style>
    <script type="text/javascript">
        $(function () {
        	$("#type").val("1");
            loadZsList();
            loadQkSz();

            $("#selectMc").bind("change", function () {
                loadZsList();
                loadQkSz();
                $("#type").val("1");
            });
			
            $('#QkSetOptions').on('click', '.option', function () {
              	var mcid = $("#mcid").val();
              	$('.modal-backdrop').remove();
              	$('body').removeClass('modal-open');
      			haifm.loadMobilePage("haifm", "haifmQk" + $(this).data('skip') + ".htm?mcid=" + mcid);
          		$("#type").val("2");
              	$("#addWrapper").addClass("hidden");
          	});
            
            $("#addWrapper").on("click", function() {
            	var mcid = $("#mcid").val();
            	$("footer.row").hide();
            	haifm.loadMobilePage("zslb", "haifmvDaViewMcda.htm?mcid=" + mcid);
            	$("#addWrapper").addClass("hidden");
            	$("#type").val("2");
            });
            $("#addWrapper").removeClass("hidden");
        });
        
        function loadQkSz() {
        	if ($("#mcid").val() == "21") {
            	$("#qkPlane").attr("class", "glyphicon glyphicon-wrench")
                .attr('data-target', '#chooseQkSet')
                .attr('data-toggle', 'modal')
            	.data('target','#chooseQkSet');
            } else {
            	$("#qkPlane").attr("class", "placeholder btn-group")
                .attr('data-target', '')
                .attr('data-toggle', '')
                .data('target','');
            }
        }

        /**
         * 加载猪舍列表
         */
        function loadZsList() {
            haifm.loadMobilePage("zslb", "mcHaifmvZsList.htm?mcid=" + $("#mcid").val());
        }

        /**
         * 返回
         */
        function backUrl() {
        	var type = $("#type").val();
        	if (type == "2") {
        		haifm.loadMobilePage("zslb", "mcHaifmvZsList.htm?mcid=" + $("#mcid").val());
        		$("#type").val("1");
        		$("#addWrapper").removeClass("hidden");
        	} else {
        		haifm.loadMobilePage("haifm", "haifmvMain.htm?mcid=" + $("#mcid").val());
        	}
        }
    </script>
</head>
<body>
<input type="hidden" value="1" id="type" />
<div style="flex: 1;height: 100%;display: flex;display: -webkit-flex;flex-direction: column;position: relative;">
    <div id="zslb" style="flex: 1;display: flex;flex-direction: column;height: 100%;"></div>
     #if ("$!gh" != "h000")
    <div id="addWrapper" class="navbar-fixed-bottom nav-justified hidden" style="position: absolute;bottom: 0.2rem;" onclick="">
    	<div class="addButton emerge"><span class="glyphicon glyphicon-folder-open"></span></div>
    </div>
    #end  
</div>

<!-- 选择环境控制入口 -->
<div class="modal" id="chooseQkSet">
    <div class="modal-dialog">
        <div class="modal-content" id="QkSetOptions"> 
            <div class="option" data-dismiss="modal" data-skip="ph">PH</div>
            <div class="option" data-dismiss="modal" data-skip="sy">水压</div>
            <div class="option" data-dismiss="modal" data-skip="sz">全控设置</div>
        </div>
    </div>
</div>
</body>
</html>