cxc
/
ifm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195
							<!DOCTYPE html>
<html lang="en">
<head>
<title>daMcdaView</title>
<style type="text/css">
.nav-top {
    position: inherit;
   /*  position: fixed;
    top: 0;
    left: 0;
    right: 0; */
    border-bottom: 1px solid #ccc;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    /* margin-top:40px; */
    font-size:15px;
}
.cont-div {
    width: 100%;
    height: 100%;
    position: absolute;
    /* top: 82px;
    bottom: 40px; */
    overflow: hidden;
    margin:0px;
    padding: 0px !important;
    top: 0;
    left: 0;
    z-index: 1;
}
.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:20px;
	width:150px;
}
.nav-bottom {
    left: 0;
    right: 0;
    border-top: 1px solid #ccc;
    position: relative;
    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: 0;
    position: relative;
}
/* 滚动条样式 */
.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() {
	//返回
	$(".glyphicon-chevron-left").on("tap", function () {
		haifm.loadMobilePage("haifm", "haifmMain.htm?uuid=" + $("#uuid").val() + "&mcid=" + $("#mcid").val() + "&qyid=" + $("#qyid").val() +"&toList=1");
	})
	
	iscroll(".cont-div");
	$(".nav-bottom").on("click", "li.glyphicon", function() {
		var mcid = $("#mcid").val();
		var lx = $(this).data("for");
		if (lx == "delete") {
			var zsnum = $("#zsnum").val();
			if (zsnum > 0) {
				alert("无法删除此牧场，请先删除此牧场下的猪舍!");
				return;
			} else {
				if(confirm("确定要删除该牧场吗？删除成功后无法进行恢复！")) {
					jQuery.ajax({
						url : 'disableMcda.htm',
						dataType : 'json',
						type : 'post',
						cache : false,
						data : {"id" : mcid},
						success : function(data) {
							if (data.returnCode > 0) {
								alert("删除成功!");
								haifm.loadMobilePage("haifm", "haifmMain.htm?uuid=" + $("#uuid").val() + "&mcid=" + $("#mcid").val() + "&qyid=" + $("#qyid").val() +"&toList=1");
							} else {
								alert("删除失败!");
							}
						},
						error : function(data) {
							alert("系统异常！删除失败！");
						}
					});
				}
			}
		}
		if (lx == "update") {
			haifm.loadMobilePage("zslb", "haifmvDaEditMcda.htm?mcid=" + mcid);
		}
		if (lx == "add") {
			haifm.loadMobilePage("zslb", "haifmvDaMcdaFrame.htm?mcid=" + mcid);
		}
	});
});
/* 滚动事件 */
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>
<div style="display: flex;flex-direction: column;flex: 1;">
	<input type="hidden" value="$!numOfExistZs" id="zsnum">
	<input type="hidden" value="$!daMcda.id" id="mcid">
	<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>牧场名称</span><span>$!daMcda.mcmc</span></div>
			    <div><span>牧场电话</span><span>$!daMcda.mcdh</span></div>
			    <div><span>牧场地址</span><span>$!daMcda.mcdz</span></div>
			    <div><span>牧场邮编</span><span>$!daMcda.mcyb</span></div>
			    <div><span>牧场传真</span><span>$!daMcda.mccz</span></div>
			    <div><span>修改人</span><span>$!xgrxm</span></div>
			    <div><span>修改时间</span><span>$!dateTool.format('yyyy-MM-dd', $!daMcda.xgsj)</span></div>
		    </div>
		</main>
	</div>
	<ul class="nav-bottom">
		#if("$!daxx_mcda_update" == "true")
	    <li class="glyphicon glyphicon-pencil" data-for="update"></li>
	    #end
	    #if("$!daxx_mcda_delete" == "true")
	    <li class="glyphicon glyphicon-trash" data-for="delete"></li>
	    #end
	    #if("$!daxx_zsda_insert" == "true")
	    <li class="glyphicon glyphicon-plus" data-for="add"></li>
	    #end
	</ul>
</div>
</body>
</html>