cxc
/
ifm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312
							<!DOCTYPE html>
<html lang="en">
<head>
<title>daMcdaxg</title>
<style type="text/css">
.nav-top {
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    font-size: 0.28rem;
}
.cont-div {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    margin:0px;
    padding: 0px !important;
    background-color: #fff;
    font-size: 0.26rem;
}
.cont-div>div{
    display: -webkit-box;
    -webkit-box-orient: vertical;
	padding: 0.2rem 0.4rem;
}
.cont-div>div>div{
    padding: 0.15rem 0;
}
.cont-div div span:first-child {
	padding-right:0;
	width:150px;
}
.nav-bottom {
    left: 0;
    right: 0;
    background-color: #fff;
    border-top: 1px solid #ccc;
    position: relative;
    bottom: 0;
    margin-bottom: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.nav-bottom li {
    margin: 0.1rem;
    width: 0.54rem;
    height: 0.54rem;
    padding: 0.08rem;
}
.nav-top li {
    padding: 10px;
}
.nav-top li.active {
    color: #4b738c;
    border-bottom: 2px solid #4b738c;
}
.nav-bottom li::before {
    top: 0.05rem;
    left: 0.01rem;
    position: relative;
	font-size: 0.28rem;
}
input[type=number],input[type=text],select{
	padding: 4px 15px;
	border: 1px solid rgba(0,0,0,.2);
	width: 50%;
}
select {
	margin: auto;
	border: 1px solid #ccc !important;
	-webkit-appearance: menulist;
}
.modile{
	text-align: right;
	text-indent: 5px;
}
/* 滚动条样式 */
.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;
}
#mcdaForm{
	display: flex;flex-direction: column;flex: 1;
}
</style>
<script type="text/javascript">
$(function() {
	//返回
	$(".glyphicon-chevron-left").on("tap", function () {
		haifm.loadMobilePage("haifm", "haifmvMain.htm?uuid=" + $("#uuid").val() + "&mcid=" + $("#mcid").val() + "&qyid=" + $("#qyid").val() +"&toList=1");	})
	
	iscroll(".cont-div");
	$(".nav-bottom").on("click", "li.glyphicon", function() {
		var lx = $(this).data("for");
		var mcid = $("#mcid").val();
		if (lx == "save") {
			saveMcda(mcid);
		}
		if (lx == "back") {
			if (mcid != "") {
				haifm.loadMobilePage("zslb", "haifmvDaViewMcda.htm?mcid=" + mcid);
			} else {
				haifm.loadMobilePage("haifm", "haifmvMain.htm");
			}
		}
	});
});

$("#mcdqsheng").bind("change", function(e) {
	clearMcdzShiSelect();
	clearMcdqXianSelect();
	setMcdqShiSelect(this.value);
});

$("#mcdqshi").bind("change", function(e) {
	clearMcdqXianSelect();
	setMcdqXianSelect(this.value);
});

setMcdqShengSelect();

// 清除市信息
function clearMcdzShiSelect() {
	$("#mcdqshi :not(option:first)").remove();
}

// 清除县信息
function clearMcdqXianSelect() {
	$("#mcdqxian :not(option:first)").remove();
}

// 牧场地区 省
function setMcdqShengSelect() {
	jQuery.getJSON("getXzqhSheng.htm", {}, function(data) {
		for (var o in data) {
			$("<option value='" + data[o].qhbm + "'>" + data[o].qhmc + "</option>").appendTo($("select[id='mcdqsheng']"));
		}
		$("#mcdqsheng option[value="+"'" + $("#shengPreSearch").val() + "'"+"]").attr("selected", true);
		$("#mcdqsheng").change();
	});
}

// 牧场地区 市
function setMcdqShiSelect(qhbm) {
	jQuery.getJSON("getXzqhShi.htm", {qhbm : qhbm}, function(data) {
		for (var o in data) {
			$("<option value='" + data[o].qhbm + "'>" + data[o].qhmc + "</option>").appendTo($("select[id='mcdqshi']"));
		}
		$("#mcdqshi option[value="+"'" + $("#shiPreSearch").val() + "'"+"]").attr("selected", true);
		$("#mcdqshi").change();
	});
}

// 牧场地区 县(区)
function setMcdqXianSelect(qhbm) {
	jQuery.getJSON("getXzqhXian.htm", {qhbm : qhbm}, function(data) {
		for (var o in data) {
			$("<option value='" + data[o].qhbm + "'>" + data[o].qhmc + "</option>").appendTo($("select[id='mcdqxian']"));
		}
		$("#mcdqxian option[value="+"'" + $("#xianPreSearch").val() + "'"+"]").attr("selected", true);
		$("#mcdqxian").change();
	});
}

/**
 * 保存牧场档案
 */
function saveMcda(id) {
	var mcmc = $("#mcmc").val();
	var ymcmc = $("#ymcmc").val();
	if (validator(mcdaForm, "modile")) {
		jQuery.ajax({
			url : "isExistMcmc.htm",
			dataType : "json",
			type : "post",
			async : true,
			data : {
				"mcmc" : mcmc,
				"ymcmc" : $("#ymcmc").val()
			},
			success : function(data) {
				if (data != "" && data[0].id > 0) {
					str = "牧场名称【" + mcmc + "】已存在！";
					alert(str);
					$("#mcmc").val("");
					return;
				} else {
					jQuery('#mcdaForm').ajaxSubmit({
						dataType : 'json',
						data : {
							"id" : id,
							"mcdqsheng" : $("#mcdqsheng").val(),
							"mcdqshi" : $("#mcdqshi").val(),
							"mcdqxian" : $("#mcdqxian").val(),
							"mccz" : $("#mccz").val(),
						},
						success : function(data) {
							// 保存成功
							if (data.returnCode > 0) {
								if (ymcmc != mcmc) {
									haifm.loadMobilePage("haifm", "haifmvMain.htm");
									return;
								}
								mui.toast("保存成功");
								// 加载查看页面
								if (data.result.id != '') {
									haifm.loadMobilePage("zslb", "haifmvDaViewMcda.htm?mcid=" + data.result.id);
								}
							}
						},
						error : function(data) {
							mui.alert('保存失败！系统错误！', '提示', function() {});
						}
					});
				}
			}
		});
	} else {
		//alert($("#htmlError").html());
	}
}
/* 滚动事件 */
function iscroll(classd){
	var mScroll = new IScroll(classd,{
		scrollbars: true,
		fadeScrollbars:true,
		shrinkScrollbars:'clip',
		scrollbars: 'custom',
		click:true,
	   	tap:true
	});
	setTimeout(function () {
	    mScroll.refresh();
	}, 100);
}
</script>
</head>
<body>
<form name="mcdaForm" id="mcdaForm" method="post" action="saveMcda.htm">
<div style="display: flex;flex-direction: column;flex: 1;">
<input type="hidden" value="$!daMcda.id" id="mcid">
<input type="hidden" id="mcfzr" name="daMcda.mcfzr" value="$!daMcda.mcfzr" />
<input type="hidden" id="ymcfzrxm" value="$!daMcda.mcfzrxm" />
<input type="hidden" id="qhbm" name="daMcda.qhbm" value="$!daMcda.qhbm"/>
<header>
		<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
		<p>档案信息</p>
		<span class="glyphicon" aria-hidden="true" style="width: 18px;height: 18px;"></span>
	</header>
<ul class="nav-top">
   	<li class="active">牧场档案</li>
</ul>
<div class="middle">
	<main class="cont-div">
		<div>
		    <div><span>牧场名称<font color="red">*</font></span><input class="modile" type="text" value="$!daMcda.mcmc" name="daMcda.mcmc" id="mcmc" valid="required" errmsg="牧场名称不能为空!" maxlength="40"><input type="hidden" id="ymcmc" value="$!daMcda.mcmc" /></div>
		    <div><span>牧场电话</span><input class="modile" type="text" value="$!daMcda.mcdh" name="daMcda.mcdh" valid="isTelephone" errmsg="联系电话必须是电话号码或手机!" /></div>
		    <div>
		    	<span>牧场地址<font color="red">*</font></span>
				<input type="hidden" id="shengPreSearch" value="$!qhidSheng" />
				<input type="hidden" id="shiPreSearch" value="$!qhidShi" />
				<input type="hidden" id="xianPreSearch" value="$!qhidXian" />
				<select name="mcdqsheng" id="mcdqsheng" class="form-control" style="width:1.5rem;padding:3px 6px;" valid="required" errmsg="省名称不能为空!">
					<option selected="selected" value="">-请选择省-</option>
				</select>
				<select name="mcdqshi" id="mcdqshi" class="form-control" style="width:1.5rem;padding:3px 6px;" valid="required" errmsg="市名称不能为空!">
					<option selected="selected" value="">-请选择市-</option>
				</select>
				<select name="mcdqxian" id="mcdqxian" class="form-control" style="width:1.5rem;padding:3px 6px;" valid="required" errmsg="县名称不能为空!">
					<option selected="selected" value="">-请选择县-</option>
				</select>
			</div>
			<div>
				<span></span>
				<input type="text" class="modile" name="daMcda.mcdz" id="mcdz" maxlength="100" value="$!daMcda.mcdz" style="width:270px;"/>
		    </div>
	    	<div><span>牧场邮编</span><input class="modile" type="number" value="$!daMcda.mcyb" name="daMcda.mcyb" valid="isPostcode" errmsg="邮政编码格式不正确！"></div>
	    	<div><span>牧场传真</span><input id="mccz" class="modile" type="text" value="$!daMcda.mccz" name="daMcda.mccz" errmsg="请输入正确的传真号码!"></div>
	    	<div><span>修改人</span><span>$!xgrxm</span></div>
	   	 	<div><span>修改时间</span><span>$!dateTool.format('yyyy-MM-dd', $!xgsj)</span></div>
	    </div>
	</main> 
</div>
<ul class="nav-bottom">
    <li class="glyphicon glyphicon-ok" data-for="save"></li>
    <li class="glyphicon glyphicon-backward" data-for="back"></li>
</ul>
</div>
</form>
</body>
</html>