cxc
/
ifm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289
							<!DOCTYPE html>
<html lang="en">
<head>
<title>daMcdaView</title>
<style type="text/css">
.nav-top {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-top:40px;
    font-size:15px;
}
.cont-div {
    width: 100%;
    position: absolute;
    top: 82px;
    bottom: 40px;
    overflow: hidden;
    margin:0px;
    padding: 0px !important;
}
.cont-div>div{
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.cont-div>div>div{
    padding: 10px 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: fixed;
    bottom: 0;
    margin-bottom: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.nav-bottom li {
    margin: 5px;
    background-color: #357BDC;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    color: #ffffff;
    padding: 4px;
}
.nav-top li {
    padding: 10px;
}
.nav-bottom li::before {
    top: 4px;
    left: 4px;
    position: relative;
}
select {
    margin: auto;
}
.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;
}
</style>
<script type="text/javascript">
$(function() {
	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", "haifmDaViewMcda.htm?mcid=" + mcid);
			} else {
				haifm.loadMobilePage("haifm", "haifmMain.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()
						},
						success : function(data) {
							// 保存成功
							if (data.returnCode > 0) {
								if (ymcmc != mcmc) {
									haifm.loadMobilePage("haifm", "haifmMain.htm");
									return;
								}
								// 加载查看页面
								if (data.result.id != '') {
									haifm.loadMobilePage("zslb", "haifmDaViewMcda.htm?mcid=" + data.result.id);
								}
							}
						},
						error : function(data) {
							alert("保存失败！系统错误！");
						}
					});
				}
			}
		});
	} 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>
<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"/>
<ul class="nav-top">
   	<li class="active">牧场档案</li>
</ul>
<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:80px;padding:3px 6px;" valid="required" errmsg="省名称不能为空!">
				<option selected="selected" value="">-请选择省-</option>
			</select>
			<select name="mcdqshi" id="mcdqshi" class="form-control" style="width:80px;padding:3px 6px;" valid="required" errmsg="市名称不能为空!">
				<option selected="selected" value="">-请选择市-</option>
			</select>
			<select name="mcdqxian" id="mcdqxian" class="form-control" style="width:80px;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 class="modile" type="number" value="$!daMcda.mccz" name="daMcda.mccz" valid="isTelephone" errmsg="请输入正确的传真号码!"></div>
	    <div><span>修改人</span><span>$!xgrxm</span></div>
	    <div><span>修改时间</span><span>$!dateTool.format('yyyy-MM-dd', $!xgsj)</span></div>
    </div>
</main>
<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>