cxc
/
ifm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546
							<!DOCTYPE html>
<html lang="en">
<head>
#include("template/huimv-haifmv-head.vm")
<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<title>序列号</title>
<style type="text/css">
#showmc,#showzs{
	background: #fff;
	width: 5.5rem;
	border-radius: 5px;
	padding: 6px 15px;
}
input[placeholder], [placeholder], *[placeholder] {
    color: #000 !important;
}
.mui-btn-blue, .mui-btn-primary, input[type=submit] {
    color: #fff !important;
    border: 1px solid #007aff;
    background-color: #007aff;
}
.mui-backdrop {
    position: fixed;
    z-index: 998;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.3);
}
.cont-div {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 38px;
    bottom: 40px;
    overflow: hidden;
    margin: 0;
    background: #d7dfea;
}
.cont-div>div{
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.cont-div>div>div{
    padding: 10px 0;
}
.bottom-da{
	position: inherit;
    padding: 10px 0 !important;
}
.disa {
	color:#ccc
}
input[type=text],input[type=number]{
	height:auto;
	margin-bottom:0;
	padding: 6px 15px;
	border-radius: 5px;
	border: 0;
}
#overlay {
    background: #000;
    filter: alpha(opacity=50); /* IE的透明度 */
    opacity: 0.5;  /* 透明度 */
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999; /* 此处的图层要大于页面 */
    display:none;
}
.ggys {
    padding-right: 0;
    text-align: center;
    width: 70%;
    position: absolute;
    bottom: 30%;
    left: 50%;
    margin-left: -35%;
    background: #fff;
    z-index: 99999;
    background: #d7dfea;
    height: 0;
    overflow: hidden;
    border: none;
}
.ggys .title {
    position: relative;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: row;
    flex-direction: row;
    color: #fff;
    background: #6c98b1;
    margin-top: 15px;
    width: 106%;
    margin-left: -3%;
}
.leftsanjiao,.rightsanjiao{
	position: absolute;
	width: 0;
    height: 0;
    bottom: -10px;
    border-top: 10px solid #376c8b;
}
.leftsanjiao{
    border-left: 8px solid transparent;
    border-right: 0px solid transparent;
    left: 0px;
    padding: 0 !important;
}
.rightsanjiao{
    border-left: 0px solid transparent;
    border-right: 8px solid transparent;
    right: 0px;
    padding: 0 !important;
}
.sjok {
	display: flex;
    justify-content: center;
    align-items: center;
	padding:0 !important;
    width: 35px;
    height: 35px;
    background: #6c98b1;
    color: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 10px #6c98b1;
    -moz-box-shadow: 0 0 10px #6c98b1;
    box-shadow: 0 0 10px #6c98b1;
}
.sjok span{
	font-size:26px;
}
/* 滚动条样式 */
.iScrollVerticalScrollbar {
	position: absolute;
	z-index: 9999;
	width: 3px;
	bottom: 2px;
	top: 2px;
	right: 2px;
	overflow: hidden;
	padding: 0px !important;
}
.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() {
	/* 滚动事件 */
	var mScroll = new IScroll(".cont-div",{
		scrollbars: true,
		fadeScrollbars:true,
		shrinkScrollbars:'clip',
		scrollbars: 'custom',
		click:true,
		tap:true
	});
	setTimeout(function () {
	    mScroll.refresh();
	}, 100);
	
	$("#zs").bind("change", function(){
		$("#mcmc").html($(this).find("option:selected").data("mcmc"));
		$("#jqid").html($(this).find("option:selected").data("jqid"));
		$("#xlha").html($(this).find("option:selected").data("xlh"));
		$("#zdh").html($(this).find("option:selected").data("zdh"));
	});
	
	$("#update").bind("click", function(event){
		$(".ad").removeClass("hidden");
		$(".up").removeClass("hidden");
		$(".ad").addClass("hidden");
		$("#save").val("1");
		mScroll.refresh();
	});
	
	$("#add").bind("click", function(){
		$(".ad").removeClass("hidden");
		$(".up").removeClass("hidden");
		$(".up").addClass("hidden");
		$("#save").val("2");
		mScroll.refresh();
	});
	
	$("#clear").bind("click", function(){
		if(confirm("确定要解除当前绑定的猪舍吗?")) {
			jQuery.ajax({
				url : 'clearXlh.htm',
				dataType : 'json',
				type : 'post',
				cache : false,
				data:  {
						"xlh" : $("#xlh").val(),
						},
				success : function(data) {
					if (data.returnCode > 0) {
						alert("解除成功！");
						window.location.href = "getXlh.htm?xlh=" + $("#xlh").val();
					}
				},
				error : function(data) {
					alert("系统异常解除失败！");
				}
			});
		}
	});
	shijian();
	
	/** 
	 * 牧场名称
	 * */
	$("#showmc,.zt").on("tap",function(e){
    	if(event.preventDefault){
            event.preventDefault();
        }else{
            event.returnValue = false;
        }
    	$(".ztk").show(showOverlay());
    	$(".ztk").css({height:"auto",overflow: "initial"});
    });
    $("#overlay,.sjok").on("tap",function(){
    	var checked = $('.ztlist').find('.highlight').html();
    	var mcid = $('.ztlist').find('.highlight').val();
    	$("#mc").val(mcid);
    	$("#showmc").html(checked);
	  	$(".ztk").hide(hideOverlay());
	});
    
    /** 
	 * 猪舍
	 * */
	$("#showzs,.zs").on("tap",function(e){
    	if(event.preventDefault){
            event.preventDefault();
        }else{
            event.returnValue = false;
        }
    	$(".zsk").show(showOverlay());
    	$(".zsk").css({height:"auto",overflow: "initial"});
    });
    $("#overlay,.sjok").on("tap",function(){
    	var checked = $('.zslist').find('.highlight').html();
    	var zsid = $('.zslist').find('.highlight').val();
    	$("#showzs").val(zsid);
    	$("#showzs").html(checked);	
    	$("#mcmc").html($(".zslist").find('.highlight').data("mcmc"));
		$("#jqid").html($(".zslist").find('.highlight').data("jqid"));
		$("#xlha").html($(".zslist").find('.highlight').data("xlh"));
		$("#zdh").html($(".zslist").find('.highlight').data("zdh"));
	  	$(".zsk").hide(hideOverlay());
	});
});

/**
 * 返回
 */
function backUrl() {
	window.location.href="loginHaifm.htm";
}

function saveXlh() {
	var save = $("#save").val();
	if (save == "0") {
		return;
	} else if(save == "1") {
		var zs = $("#zs").val();
		if (zs == "0") {
			alert("请选择猪舍!");
			return;
		}
	} else if (save == "2") {
		var zsmc = $("#zsmc").val();
		var jlsj = $("#jlsj").val();
		if (zsmc == "" || jlsj == "") {
			alert("猪舍名称或建栏时间不能为空！");
			return;
		}
	}
	$(".saveBtn").removeAttr("onclick");
	jQuery.ajax({
		url : 'saveXlh.htm',
		dataType : 'json',
		type : 'post',
		cache : false,
		data:  {
				"xlh" : $("#xlh").val(),
				"save" : $("#save").val(),
				"zsid" : $("#showzs").val(),
				"mcid" : $("#mc").val(),
				"zsmc" : $("#zsmc").val(),
				"jlsj" : $("#jlsj").val(),
				"rlrl" : $("#rlrl").val(),
				"rlts" : $("#rlts").val(),
				"rlpjtz" : $("#rlpjtz").val()
				},
		success : function(data) {
			if (data.returnCode == 1) {
				alert("保存成功！");
				window.location.href = "getXlh.htm?xlh=" + $("#xlh").val();
			}else if (data.returnCode == 2) {
				alert("请选择牧场名称！");
			}
		},
		error : function(data) {
			alert("系统异常保存失败！");
		}
	});
}
/** 
 * 时间事件
 * */
function shijian() {
	mui.init();
	mui.ready(function() {
		var rqbtns = $('#jlsj');
		rqbtns.each(function(i, rqbtn) {
			rqbtn.addEventListener('tap', function() {
				var optionsJson = this.getAttribute('data-options') || '{}';
				var options = JSON.parse(optionsJson);
				type = 1;
				dateP(type,jlsj);
			}, false);
		});
	});
}
function dateP(type,inputClass) {
	var picker = new mui.DtPicker({
	    type: "date",//设置日历初始视图模式 
	});
	picker.show(function(rs) {
		if ( type == 1 ) {
			inputClass.value = rs.text;
			picker.dispose();
		}
	});
}
/** 
 * 显示遮罩层 
 * */
function showOverlay(){
    $("#overlay").height(pageHeight());
    $("#overlay").width(pageWidth());

    // fadeTo第一个参数为速度，第二个为透明度
    // 多重方式控制透明度，保证兼容性，但也带来修改麻烦的问题
    $("#overlay").fadeTo(200, 0.5);
};

/** 
 * 隐藏覆盖层 
 * */
function hideOverlay(){
    $("#overlay").fadeOut(200);
};

/** 
 * 当前页面高度
 */
function pageHeight(){
    return document.body.scrollHeight;
};

/** 
 * 当前页面宽度 
 * */
function pageWidth(){
    return document.body.scrollWidth;
};
</script>
</head>
<body>
<input type="hidden" value="$!xlh" id="xlh" />
<input type="hidden" value="0" id="save" />
<input type="hidden" value="" id="mc" />
<div class="container" style="width:100%;">
    <div class="row">
        <div class="navbar-fixed-top" style="background-color: #000;width: 100%;">
            <span class="glyphicon glyphicon glyphicon-menu-left" aria-hidden="true"
                  onclick="javascript:backUrl()"></span>
                  <h4 style="margin-top: 0; margin-bottom: 0;">序列号配置</h4>
            <span class="saveBtn" onclick="javascript:saveXlh()">保存</span>
        </div>
    </div>
</div>
<main class="cont-div">
	<div>
	    <div><span>序列号</span><span>$!xlh</span></div>
	    <div><span>绑定信息</span>#if("$!jqid" == "")<span style="color:red">未绑定</span>#else<span>已绑定</span>#end</div>
	    #if("$!jqid" != "")
	    <div><span>绑定猪舍</span><span>$!zsmc</span></div>
	    <div><span>机器编号</span><span>$!jqid</span></div>
	    <div><span>站点号</span><span>$!zdh</span></div>
	    #end
	    <div>
	    	<span>
	    		<button id="add" class="mui-btn mui-btn-primary " type="button" style="outline:none;" #if("$!jqid" != "") style="display:none" #end>新增猪舍绑定</button>
	    		<button id="clear" class="mui-btn mui-btn-success" type="button" #if("$!jqid" == "") style="display:none;outline:none;" #end>解除猪舍绑定</button>
	    	</span>
	    	<span>
	    		<button id="update" class="mui-btn mui-btn-royal" style="outline:none;">修改猪舍绑定</button>
	    	</span>
	    </div>
	    <div class="up hidden" style="position: relative;">
	    	<span>猪舍名称</span>
	    	<div class="" id='showzs'>--选择绑定猪舍--</div>
			<!-- <input type="text" value="--选择绑定猪舍--" placeholder="" id='showzs' /> -->
			<div class="btn-group sec zs" style="position: absolute;right: -15px;top: 15px;height: auto;">
		    	<span class="caret" style="padding-right: 0px;width: 0px;"></span>
			</div>
		</div>
		<div class="up hidden"><span>牧场名称</span><span id="mcmc">
		</span></div>
	    <div class="up hidden"><span>机器编号</span><span id="jqid"></span></div>
	    <div class="up hidden"><span>序列号</span><span id="xlha"></span></div>
	    <div class="up hidden"><span>站点号</span><span id="zdh"></span></div>

	    <div class="ad hidden" style="position: relative;">
	    	<span>牧场名称</span>
	    	<div class="" id='showmc'>牧场名称</div>
		    <!-- <input type="text" value="牧场名称" placeholder="" id='showmc' /> -->
			<div class="btn-group sec zt" style="position: absolute;right: -15px;top: 15px;height: auto;">
		    	<span class="caret" style="padding-right: 0px;width: 0px;"></span>
			</div>
		</div>
	    <div class="ad hidden"><span>猪舍名称<font color="red">*</font></span><input class="modile" type="text" value="$!daZsda.zsmc" name="daZsda.zsmc" id="zsmc" maxlength="40"></div>
    	<div class="ad hidden">
	    	<span><font color="red">*</font>建栏时间</span>
	    	<input class="modile" type="text" id="jlsj" class="datepicker-here" readonly="readonly" value="$!dateTool.format('yyyy-MM-dd', $!nowDate)" valid="required" errmsg="建栏时间不能为空!" #if("$!daLqdaDTO.daLqda.id" != "") disabled="disabled" #end />
	    </div>
	    <div class="ad hidden">
	    	<span>入栏日龄(天)</span>
	    	<input class="modile" type="number" id="rlrl" value="0" oninput="if(value.length>6)value=value.slice(0,6)"
	    		onblur="this.value=this.value.replace(/^\D|\D$/,'');" 
				onafterpaste='this.value=this.value.replace(/[^\d]/gi,"");this.value=this.value.replace(/^(\d+)\d*$/,"$1")' 
				onKeyUp='this.value=this.value.replace(/[^\d]/gi,"");this.value=this.value.replace(/^(\d+)\d*$/,"$1")' />
	    </div>
	    <div class="ad hidden">
	    	<span>入栏头数</span>
	    	<input class="modile" type="number" value="0" id="rlts" oninput="if(value.length>6)value=value.slice(0,6)"
	    		onblur="this.value=this.value.replace(/^\D|\D$/,'');" 
				onafterpaste='this.value=this.value.replace(/[^\d]/gi,"");this.value=this.value.replace(/^(\d+)\d*$/,"$1")' 
				onKeyUp='this.value=this.value.replace(/[^\d]/gi,"");this.value=this.value.replace(/^(\d+)\d*$/,"$1")' />
	    </div>
	    <div class="ad hidden">
	    	<span>入栏平均体重(Kg)</span>
	    	<input class="modile" type="number" value="0" id="rlpjtz" oninput="if(value.length>10)value=value.slice(0,10)"
	    		onblur="this.value=this.value.replace(/^\D|\D$/,'');" 
				onafterpaste='this.value=this.value.replace(/[^\d\.]/gi,"");this.value=this.value.replace(/^(\d+\.\d{2})\d*$/,"$1")' 
				onKeyUp='this.value=this.value.replace(/[^\d\.]/gi,"");this.value=this.value.replace(/^(\d+\.\d{2})\d*$/,"$1")' />
	    </div>
    </div>
</main>
<!--新增牧场名称-->
<div class="mui-poppicker mui-active ggys ztk" style="padding:0;">
	<div class="title">
		<h4>牧场名称</h4>
		<div class="leftsanjiao"></div>
		<div class="rightsanjiao"></div>
	</div>
	<div class="mui-poppicker-body">
		<div class="mui-picker" style="background-color: #d7dfea;">
			<div class="mui-picker-inner">
				<div class="slkCentent">
					<div class="mui-pciker-rule mui-pciker-rule-ft"></div>
					<ul class="mui-pciker-list ztlist" style="transform: perspective(1000px) rotateY(0deg) rotateX(0deg);">
						#foreach($!obj in $!mcdaList)
						<li class="highlight" value="$!obj.id">$!obj.mcmc</li>
						#end
					</ul>
					<div class="mui-pciker-rule mui-pciker-rule-bg"></div>
				</div>
			</div>
		</div>
	</div>
	<div class="sjokbox" style="justify-content: center;display: flex;padding: 15px 0;">
		<div class="sjok okzt">
			<span class="glyphicon glyphicon-ok" style="padding-right: 0px;"></span>
		</div>
	</div>
</div>
<!--修改牧场名称-->
<div class="mui-poppicker mui-active ggys zsk" style="padding:0;">
	<div class="title">
		<h4>猪舍名称</h4>
		<div class="leftsanjiao"></div>
		<div class="rightsanjiao"></div>
	</div>
	<div class="mui-poppicker-body">
		<div class="mui-picker" style="background-color: #d7dfea;">
			<div class="mui-picker-inner">
				<div class="slkCentent">
					<div class="mui-pciker-rule mui-pciker-rule-ft"></div>
					<ul class="mui-pciker-list zslist" style="transform: perspective(1000px) rotateY(0deg) rotateX(0deg);">
						#foreach($!obj in $!zsdaList)
						<li class="highlight" value="$!obj.id" data-mcmc="$!obj.mcmc" data-jqid="$!obj.jqid" data-xlh="$!obj.xlh" data-zdh="$!obj.zdh">$!obj.zsmc</li>
						#end
					</ul>
					<div class="mui-pciker-rule mui-pciker-rule-bg"></div>
				</div>
			</div>
		</div>
	</div>
	<div class="sjokbox" style="justify-content: center;display: flex;padding: 15px 0;">
		<div class="sjok okzt">
			<span class="glyphicon glyphicon-ok" style="padding-right: 0px;"></span>
		</div>
	</div>
</div>
<div id="overlay"></div>
</body>
<script type="text/javascript">
	(function (doc,win) {
		var docEl = doc.documentElement;
		var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
		var recalc = function () {
			var clientWidth = docEl.clientWidth;
			if (!clientWidth) return;
			if(clientWidth>=640){
				docEl.style.fontSize = '100px';
			}else{
				docEl.style.fontSize = 100 * (clientWidth / 640) + 'px';
			}
		};
		if (!doc.addEventListener) return;
		win.addEventListener(resizeEvt, recalc, false);
		doc.addEventListener('DOMContentLoaded', recalc, false);
	})(document, window);
</script>
</html>