cxc
/
ifm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234
							<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>mzdagl</title>
		<style>
			p{
		 		font-size: 0.24rem;
		 	}
		 	#modal-1 p{
		 		color: #fff;
		 		font-size: 0.3rem;
		 		margin-left: 0.1rem;
		 	}
			ul.mui-table-view{
				color: #4e7891;
			    background: #D7DFEA;
			}
			.mui-table-view-cell{
				padding: 0.1rem 8px 0;
			}
			.suosou{
				padding: 0.12rem 0.9rem;
				justify-content: center !important;
			    background: #bbcde1 !important;
			    border-bottom: none;
			}
			.suosou input{
				background: #fff !important;
			}
			input[type=search]{
				text-align: inherit;
				text-indent: 0.5rem;
			}
			.glyphicon-align-left{
				left: 0.3rem;
				color: #fff;
				position: absolute;
				font-size: 0.4rem;
				top: 0.2rem;
			}
			.btn-group.open .dropdown-toggle{
				box-shadow: inset 0 3px 5px transparent !important;
			}
			.rowBox{
				position: relative;
				border-radius: 0.1rem;
				padding-top: 0.05rem;
			}
			.row + .row{
				padding: 0.05rem 0 0.1rem 0;
			}
			.row div.col-xs-2.col-sm-2.col-md-2{
			    display: flex;
				color: #fff;
				width: 25%;
			}
			.row div.col-xs-2.col-sm-2.col-md-2:first-child{
				width: 22%;
				padding: 0 0 0 0.22rem;
			}
			.row div.col-xs-2.col-sm-2.col-md-2 + .col-xs-2.col-sm-2.col-md-2{
				width: 25%;
				padding: 0 0.1rem;
			}
			.mui-table-view-cell:last-child{
				padding-bottom: 0.1rem;
			}
			.row div.col-xs-2.col-sm-2.col-md-2 span{
				background: #D7DFEA;
			    padding: 0.05rem 0.1rem;
			    border-radius: 4px
			}
			.jrBtn{
				z-index: 1;
				position: absolute;
				top: 50%;
				right: 0;
				transform: translate(-50% , -50%);
				-webkit-transform: translate(-50% , -50%);
				-o-transform: translate(-50% , -50%);
				-moz-transform: translate(-50% , -50%);
			    width: 0.5rem;height: 0.5rem;
			    background: #bbcde1 url(views/haifmv/img/more.png);background-size: 560%;background-repeat: no-repeat;background-position-x: -1.28rem;background-position-y: -0.98rem;border-radius: 100%;
			}
			.mui-table-view-cell {
			    border-radius: 0 0;
			}
			.mui-table-view-cell.mui-active {
				background: #D7DFEA;
			}
			#modal-1 .swiper-slide li:nth-child(odd){
				background: #CFDDE8;
			}
			#modal-1 .swiper-slide li:nth-child(even){
				background: #B9CEDF;
			}
			#modal-1 .titlesb li span.xzdqzt{
			    background: url(views/haifmv/img/sjrl/xz/zt.png);
			    background-size: 600%;
			    background-position-x: -1.15rem;
			    background-position-y: -1.36rem;
			}
			#modal-1 .titlesb li span.xzslh{
			    background: url(views/haifmv/img/sjrl/xz/sl.png);
		        background-size: 450%;
			    background-position-x: -4.3rem;
			    background-position-y: -3.54rem;
			}
			#modal-1 .titlesb .mui-icon-checkmarkempty {
			    font-size: 1rem;
			}
		</style>
		<script type="text/javascript" src="views/haifmv/sjrl/da/mzda/mzdaIndex.js"></script>
	</head>
	<body>
	<input type="hidden" value="mzwd" id="ct" />
	<input type="hidden" value="$!ztsl" id="ztsl" />
	<input type="hidden" value="$!maxPages" id="maxPages" />
	<input type="hidden" value="$!page" id="page" />
		<div id="wrap">
			<header>
				<span class="glyphicon glyphicon-chevron-left" aria-hidden="true" onclick="backUrl();"></span>
				<p>母猪档案</p>
				<span class="glyphicon glyphicon-plus" aria-hidden="true" onclick="addMzda();"></span>
			</header>
			<div class="suosou">
				<div class="change" style="left: 0.2rem;"><i class="icon iconfont">&#xe654;</i></div>
				<div class="sskuang">
					<input type="search" id="dweb" value="$!dweb" placeholder="请输入耳牌号" onkeyup="this.value=value.replace(/[^\w]/g,'')"/>
					<span class="glyphicon glyphicon-search" aria-hidden="true"></span>
				</div>
				<div class="btn-group" style="background: transparent; position: absolute;right: 1.1rem;top: 0.18rem;">
				  	<button class="btn btn-default btn-lg dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="width: 100%;background: #F4F4F9;color: #4d778f;padding: 0.05rem 0.1rem;border-radius: 50%;margin-top: 0;font-size: 0.25rem;">
				    	<span class="glyphicon glyphicon-menu-down"></span>
				  	</button>
				</div>
				<div class="change changeBg2" style="right: 0.2rem;transform: rotateY(180deg);"><i class="icon iconfont">&#xe654;</i></div>
			</div>
			<div class="middle">
				<section class="mzdaIscroll">
					<div>
						<ul class="mui-table-view">
						#foreach($obj in $!mzdaList)
							<li class="mui-table-view-cell xqck" data-sl="$!obj.sl" data-dqzt="$!obj.dqzt" data-for="$!obj.id" data-dweb = "$!obj.dweb">
								<div class="rowBox container-fluid">
									<div class="row">
									  	<div class="col-xs-12 col-sm-12 col-md-12 discenter"><p>$!obj.eph</p></div>
									</div>
									<div class="row">
									  	<div class="col-xs-2 col-sm-2 col-md-2 discenter"><span>$!obj.pzStr</span></div>
										<div class="col-xs-2 col-sm-2 col-md-2 discenter"><span>$!obj.dqztStr</span></div>
									</div>
									<span class="jrBtn"></span>
								</div>
							</li>
							#end
						</ul>
						<div id="pullUp" class="">
							<div class="pullUpLabel">上拉加载更多</div>
						</div>
					</div>
				</section>
			</div>
			<!--当前状态弹出框-->
			<div class="md-modal md-effect-1" id="modal-1" style="z-index: 1220;">
				<div class="md-content">
					<ul class="title align-itemscenter titlesb">
						<li class="align-itemscenter tabText1">
							<span class="xzdqzt"></span>
							<p>当前状态</p>
						</li>
						<li class="align-itemscenter tabText2" style="display: none;">
							<span class="xzslh"></span>
							<p>舍栏</p>
						</li>
						<li class="align-itemscenter">
							<span class="mui-icon mui-icon-checkmarkempty"></span>
						</li>
					</ul>
					<div class="swiper-container" style="border-radius: 0 0 0.25rem 0.25rem;">
					  	<div class="swiper-wrapper">
					    	<div class="swiper-slide">
					    		<ul class="mui-table-view">
					    			#set($count = 0)
									#foreach($!obj in $!dqztList)
									#if($count % 2 == 0)
									<li class="mui-table-view-cell discenter">
									#end
										<div class="col-xs-6 col-sm-6 col-md-6 discenter">
							    			<div class="mui-input-row mui-checkbox mui-left">
												<label class="jd">$!obj.dmmc</label>
												<input name="dqztCheck" id="$!obj.dmid" data-for="$!obj.dmid" value="$!obj.dmid" type="checkbox">
											</div>
							    		</div>
							    		
							    	#if($count % 2 == 1)
									</li>
									#end
									#set($count = $count + 1)
									#end
								</ul>
					    	</div>
					    	<div class="swiper-slide">
					    		<ul class="mui-table-view">
					    			#set($count = 0)
									#foreach($!obj in $!slList)
									#if($count % 2 == 0)
									<li class="mui-table-view-cell discenter">
									#end
										<div class="col-xs-6 col-sm-6 col-md-6 discenter">
							    			<div class="mui-input-row mui-checkbox mui-left">
												<label class="jd">$!obj.dmmc</label>
												<input name="slCheck" id="$!obj.dmid" data-for="$!obj.dmid" value="$!obj.dmid" type="checkbox">
											</div>
							    		</div>
							    		
							    	#if($count % 2 == 1)
									</li>
									#end
									#set($count = $count + 1)
									#end
								</ul>
					    	</div>
					  	</div>
					  	<div class="swiper-button-prev"></div>
						<div class="swiper-button-next"></div>
					  	<div class="swiper-scrollbar"></div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>