cxc
/
ifm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180
							<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
		<title></title>
		<style type="text/css">
			.table-condensed>thead>tr>th, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td{
				padding: 5px 2px;
			}
		</style>
		<script src="views/haifmp/sjlr/da/hpSjlrGzxx.js"></script>
		<script>
			var cjcount = '${cjcount}';
			var pzcount = '${pzcount}';
			if(cjcount == 0) {
				$("#cj").hide();
			}
			if(pzcount == 0) {
				$("#pz").hide();
			}
		</script>
	</head>
	<body>
		<input type="hidden" id="dweb" value="$!sjlrGzda.dweb" />
		<input type="hidden" id="cjcount" value="$!cjcount" />
		<input type="hidden" id="pzcount" value="$!pzcount" />
		<input type="hidden" value="$!ztsl" id="ztsl" />
		<input type="hidden" value="$!from" id="fromtt" />
		<div class="container" style="padding:0 !important;flex: 1;height: 100%;display: flex;flex-direction: column;">
			<div class="fenmian_header topBg" style="justify-content: space-between;">
				<div class="btn-group" role="group" style="position: relative;">
	
					<button type="button" class="btn btn-default fenmian_btn" onclick="backUrl();">&lt;</button>
				</div>
				<p>$!sjlrGzda.eph</p>
				<button type="button" class="btn btn-default" aria-label="Left Align" style="margin-right: 0.18rem;background: #2285e2;color: #fff;font-size: 0.25rem;border: 0;outline: none;" onclick="edit();">
					<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
				</button>
			</div>
			<div class="">
				<div class="gZXXhiddenMsg">
					<div class="row">
				  		<div class="col-md-6">出生日期：<span>$!dateTool.format('yyyy-MM-dd', $!sjlrGzda.csrq)</span></div>
				  		<div class="col-md-6 dayleft">猪只品种：<span>$!sjlrGzda.pzStr</span></div>
					</div>
					<div class="row">
						<div class="col-md-6">当前猪舍：<span>$!sjlrGzda.slStr</span></div>
				  		<div class="col-md-6 dayleft">当前状态：<span>$!sjlrGzda.dqztStr</span></div>
					</div>
					<div class="row">
				  		<div class="col-md-6">采精次数：<span>$!cjcount次</span></div>
				  		<div class="col-md-6 dayleft" style="display:none">使用天数：<span>$!syts天</span></div>
					</div>
					<div class="row">
						<div class="col-md-3"><img src="views/haifmp/img/da/caijing.png"/></div>
				  		<div class="col-md-3 hbgzsbg">合格：<span>$!cjhgcount次</span></div>
				  		<div class="col-md-3 hbgzsbg">不合格：<span>$!cjbhgcount次</span></div>
				  		<div class="col-md-3 hbgzsbg">合&nbsp;&nbsp; &nbsp;计：<span>$!cjcount次</span></div>
					</div>
					<div class="row">
						<div class="col-md-3"><img src="views/haifmp/img/da/peizhong.png"/></div>
				  		<div class="col-md-3 hbgzsbg">配种：<span>$!pzcount次</span></div>
				  		<div class="col-md-3 hbgzsbg">分&nbsp;&nbsp; &nbsp;娩：<span>$!pzfmcount次</span></div>
				  		<div class="col-md-3 hbgzsbg">分娩率：<span>$!pzfml%</span></div>
					</div>
				</div>
			</div>
			<div class="middle">
				<section class="gZdangan_iscroll">
					<div class="gZcontainer">
						<div class="row rowll" id ="cj">
					  		<div class="col-md-4" style="width:40%">采精记录(最近10次)</div>
					  		<div class="col-md-4 " style="width:30%">&nbsp;</div>
					  		<div class="col-md-2 " style="width:12%">&nbsp;</div>
					  		<div class="col-md-2 dropdownBtn" style="width:18%;display: flex;justify-content: center;align-items: center;">
					  			<div class="btn-group dropup">
									<button type="button" class="btn btn-bg btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
		 								<span class="caret"></span>
									</button>
								</div>
					  		</div>
						</div>
						<div class="gZXXhiddenMsgBox" style="display:none;">
							<div class="gZXXhiddenMsg" style="text-align:center;">
								<table class="table table-striped table-condensed">
									<tr class="info">
										<td>采精日期</td>
										<td>采精量(ml)</td>
										<td>制备份数</td>
										<td>精子活力</td>
										<td>采精状态</td>
									</tr>
									#foreach($!obj in $cjjlList)
									<tr>
										<td>$!dateTool.format('yyyy/MM/dd', $!obj.cjsj)</td>
										<td>$!obj.cjl</td>
										<td>$!obj.zbfs</td>
										<td>$!obj.jzhl</td>
										<td>$!obj.sfhgStr</td>
									</tr>
									#end
								</table>
							</div>
						</div>
						<div class="row rowll" id ="pz">
					  		<div class="col-md-4" style="width:40%">配种记录(最近10次)</div>
					  		<div class="col-md-4 " style="width:30%">&nbsp;</div>
					  		<div class="col-md-2 " style="width:12%">&nbsp;</div>
					  		<div class="col-md-2 dropdownBtn" style="width:18%;display: flex;justify-content: center;align-items: center;">
					  			<div class="btn-group dropup">
									<button type="button" class="btn btn-bg btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
		 								<span class="caret"></span>
									</button>
								</div>
					  		</div>
						</div>
						<div class="gZXXhiddenMsgBox" style="display:none;">
							<div class="gZXXhiddenMsg" style="text-align:center;">
								<table class="table table-striped table-condensed" >
									<tr class="info">
										<td>配种日期</td>
										<td>配种母猪</td>
										<td>配种说明</td>
										<!-- <td>方式</td> -->
										<td>评分</td>
									</tr>
									#foreach($!obj in $pzjlList)
									<tr>
										<td>$!dateTool.format('yyyy/MM/dd', $!obj.pzsj)</td>
										<td>$!obj.mzeb</td>
										<td>$!obj.pzsmStr</td>
										<!-- <td>$!obj.pzfs</td> -->
										<td>$!obj.pzfspf</td>
									</tr>
									#end
								</table>
							</div>
						</div>
						<div class="row rowll">
					  		<div class="col-md-4" style="width:40%">最近24小时体温数据</div>
					  		<div class="col-md-4 " style="width:30%">&nbsp;</div>
					  		<div class="col-md-2 " style="width:12%">&nbsp;</div>
					  		<div class="col-md-2 dropdownBtn" style="width:18%;display: flex;justify-content: center;align-items: center;">
					  			<div class="btn-group dropup">
									<button type="button" class="btn btn-bg btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
		 								<span class="caret"></span>
									</button>
								</div>
					  		</div>
						</div>
						<div class="gZXXhiddenMsgBox" style="display:none">
							<div class="gZXXhiddenMsg" style="text-align:center;">
								<div id="chartA"></div>
							</div>
						</div>
					</div>
				</section>
			</div>
		</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>