cxc
/
ifm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240
							<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>mcSnhj</title>
		<style>
			div#chartDiv{
				margin-bottom: 0;
			}
			p{
		 		color: #fff;
		 		font-size: 0.3rem;
		 	}
			h3{
				text-align: center;
				color: #6e98b0;
				font-weight: bold;
				font-size: 0.32rem;
			}
			.mui-content {
			    background-color: #fff;
			}
			input[placeholder], [placeholder], *[placeholder] {
				text-align: left;font-size: 0.28rem !important;color: #fff !important;background: #bbcde1;border-radius: 30px;box-shadow: 0 0 5px #9ca0a9;
			}
			::-webkit-input-placeholder {
				color: #fff !important;
			}
			.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default,.btn-default.active.focus, .btn-default:hover, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover{
				border-color: transparent;
			    background-color: transparent;
			}
			.sskuang{
			    width: auto;
				height: 0.64rem;
			    margin: 0.2rem 1.3rem;
			}
			.sskuang span{
				z-index: 1;background: #a3bed3 url(views/haifmv/img/mc_img/search.png);display: block;width: 0.64rem;height: 0.64rem;position: absolute;right: 0;top: 0;border-radius: 50%;background-size: 450%;background-position-x: -1.18rem;background-position-y: -0.89rem;
			}
			.cx{
				z-index: 1;background: #a3bed3 url(views/haifmv/img/mc_img/search.png);display: block;width: 0.64rem;height: 0.64rem;position: absolute;right: 0.4rem;bottom: 0.2rem;border-radius: 50%;background-size: 450%;background-position-x: -1.18rem;background-position-y: -0.89rem;
			}
			.suosou{
				height: 0.72rem;
			    z-index: 1;
			    padding: 0.12rem 0;
				border-bottom: 1px solid #eee;
			}
			#wrap .suosou ul.nav.nav-pills.navbar-fixed-bottom.nav-justified{
				background: #fff;
				justify-content: center;
				padding: 0.12rem 0;
			}
			#wrap .suosou ul.nav-pills>li+li {
			    margin-left: 0;
			}
			#wrap .suosou ul.nav.nav-pills.navbar-fixed-bottom.nav-justified li a{
			    color: #67889D;padding: 0.05rem 0.2rem;border: 1px solid #7BA3B9;border-radius: 0.08rem;font-size:0.22rem;
			}
			.tabcolor{
				color: #fff !important;
				background-color: #6C98B1 !important;
			}
			.xian {
		        width: 1px;display: block;height: 1rem;background: -webkit-linear-gradient(left top, transparent 5%, #fff 50%, transparent 95%);
			}
			.mui-table-view-cell.mui-active,.mui-table-view-cell.sssj.mui-active,.mui-table-view-cell.yweb.mui-active,.mui-table-view-cell{
				background: #A3BED3;
			}
			.mui-table-view:first-child{
				margin-top: 0.1rem;
			}
			.mui-table-view li:last-child{
				padding-bottom: 0.2rem;border-radius: 0 0 0.2rem 0.2rem;
			}
			.mui-table-view-cell {
			    font-size: 0.26rem;text-align: left;border-radius: 0;
			}
			#modal-1 .mui-icon-checkmarkempty{
				font-size: 1rem;
			    width: 100%;
			}
			.mui-table-view-cell span.rq {
				position: inherit;right: inherit;top: inherit;background-repeat: no-repeat;background-position-x: -1.12rem;background-position-y: -1.32rem;background-size: 666%;
			}
			.time span{
				display: block;padding: 0.1rem 0;border: 1px solid #fff;border-radius: 0.1rem;width: 0.58rem;height: 0.52rem;text-align: center;font-size: 0.22rem;
			}
			.checklabel,.mui-table-view-cell {
				color: #4E768F !important;
			}
			label,.time span{
				color: #A6ACB0;
			}
			#modal-1 .title li:first-child,#modal-1 .title li:last-child{
				width: 50%;
			}
			#modal-1 .title li span.search{
				z-index: 1;background: url(views/haifmv/img/mc_img/search.png);display: block;width: 0.64rem;height: 0.64rem;border-radius: 50%;background-size: 450%;background-position-x: -1.16rem;background-position-y: -0.9rem;
			}
			.dropdown-menu{
				left: -1.3rem;min-width: 2rem;top: 0.5rem;border-radius: 10px;
			}
			#containerWd,#containerSd,#containerAq{
				width:100%;height:100%
			}
		</style>
		<script type="text/javascript" src="views/haifmv/js/classie.js" ></script>
		<script type="text/javascript" src="views/haifmv/js/modalEffects.js" ></script>
		<script type="text/javascript" src="views/haifmv/mc/mcQtsz/mcQtsz.js"></script>
	</head>
	<body>
	<input type="hidden" id="lqid" name="lqid" value="$!lqid" />
	<input type="hidden" id="zsid" value="$!zsid"/>
	<input type="hidden" id="type" value="$!type"/>
	<input type="hidden" id="jsms" value="$!jsms"/>
	<input type="hidden" id="tjtksrq" value="$!tjtksrq"/>
	<input type="hidden" id="tjtjsrq" value="$!tjtjsrq"/>
	<input type="hidden" id="dbrq" value="$!dbrq"/>
	<input type="hidden" id="lb" value="$!lb"/>
	<input type="hidden" id="flag" value="$!flag"/>
		<div id="wrap">
			<div class="suosou iscrollQtszX" id="iscrollQtszX">
				<ul class="nav nav-pills navbar-fixed-bottom nav-justified" style="justify-content: space-between;">
					<li><a href="#tabbarTzfb" class="mui-tab-item tabcolor" id="tzfb" data-for="tzfb">体重分布</a></li>
					<li><a href="#tabbarPjtz" class="mui-tab-item " id="pjtz" data-for="pjtz">平均体重</a></li>
					<li><a href="#tabbarRjzz" class="mui-tab-item " id="rjzz" data-for="rjzz">日均增重</a></li>
					<li><a href="#tabbarZzfb" class="mui-tab-item " id="zzfb" data-for="zzfb">增重分布</a></li>
		 			<li><a href="#tabbarRjfw" class="mui-tab-item " id="rjfw" data-for="rjfw">日均访问</a></li>
					<li><a href="#tabbarFwfb" class="mui-tab-item " id="fwfb" data-for="fwfb">访问分布</a></li>
				</ul>
			</div>
			<div class="middle">
				<section class="snhjIscroll" style="background: #fff;">
					<div class="mui-content">
						<div class="mui-collapse-content container-fluid"></div>
						<div id="chartDiv" class="mui-control-content mui-active"></div>
						<div id="containerClyc" class="mui-control-content mui-active"></div>
					</div>
					<span class="md-trigger cx" data-modal="modal-1" ></span>
				</section>
			</div>
		    
		   	<!--弹框-->
		    <div class="md-modal md-effect-1" id="modal-1">
				<div class="md-content">
					<ul class="title align-itemscenter">
						<li class="align-itemscenter" style="margin-right: 0.2rem;">
							<span class="search"></span>
							<p>搜索条件</p>
						</li>
						<li><span class="xian"></span></li>
						<li class="align-itemscenter" id = "search">
							<span class="mui-icon mui-icon-checkmarkempty md-qd"></span>
						</li>
					</ul>
					#if (("$!type" == "fwfb" )||("$!type" == "zzfb"))
					<div>
						<ul class="mui-table-view">
							<li class="mui-table-view-cell discenter sssj dbrqhide">
								<span class="rq"></span><span>搜索条件</span>
							</li>
							<li class="mui-table-view-cell discenter dbrqhide" id="dbrq2" style="background: #BBCDE1;">
								<div class="mui-input-row mui-radio mui-left">
									<label class="dr checklabel" data-for = "1">对比日期</label>
									<input name="radio1" type="radio" checked>
								</div>
								<div class="time discenter" id="danri">
									<span class="nian checklabel">2017</span>-<span class="yue checklabel" >06</span>-<span class="ri checklabel" >06</span>
								</div>
								<div class="ee"></div>
							</li>
							<li class="mui-table-view-cell discenter fwfbxs" >
								<span class="mceb"></span><span>请选择</span>
							</li>
							<li class="mui-table-view-cell align-itemscenter ff fwfbxs fwfb" style="background: #BBCDE1;">
								<span class="ffcolor" data-for="1" id="lb_xs">小时采食次数</span><span data-for="2" id="lb_jg">访问间隔分布</span>
							</li>
						</ul>
					</div>
					#else 
					<div>
						<ul class="mui-table-view">
							<li class="mui-table-view-cell discenter sssj">
								<span class="rq"></span><span>搜索条件</span>
							</li>
							#if("$!type" == "tzfb")
							<li class="mui-table-view-cell discenter" style="background: #BBCDE1;">
								<div class="mui-input-row mui-radio mui-left">
									<label class="dr checklabel" data-for = "1">对比日期</label>
									<input name="radio1" type="radio" checked>
								</div>
								<div class="time discenter" id="danri">
									<span class="nian checklabel">2017</span>-<span class="yue checklabel" >06</span>-<span class="ri checklabel" >06</span>
								</div>
								<div class="ee"></div>
							</li>
							<li class="mui-table-view-cell discenter iseb" >
								<span class="mceb"></span><span>有无耳标</span>
							</li>
							<li class="mui-table-view-cell align-itemscenter ff iseb" id="haveEb" style="background: #BBCDE1;">
								<span #if("$!flag" == 1) class="ffcolor" #end data-for="1">有</span>
								<span #if("$!flag" == 0) class="ffcolor" #end data-for="0">无</span>
								<span #if("$!flag" == 2) class="ffcolor" #end data-for="2">兼容搜索</span>
							</li>
							#else
							<li class="mui-table-view-cell discenter" style="background: #BBCDE1;">
								<div class="mui-input-row mui-radio mui-left">
									<label class="jd checklabel" data-for = "3">阶段</label>
									<input name="radio1" type="radio" checked>
								</div>
								<div class="time discenter" id="kaishi">
									<span class="nian newYear checklabel">2017</span>-<span class="yue newMonth checklabel">07</span>-<span class="ri newDay checklabel">01</span>
								</div>
								—
								<div class="time discenter" id="jieshu">
									<span class="nian toYear checklabel">2017</span>-<span class="yue toMonth checklabel">05</span>-<span class="ri toDay checklabel" style="margin-right: 0.1rem;">06</span>
								</div>
								<div class="ee"></div>
							</li>
							<li class="mui-table-view-cell discenter iseb" >
								<span class="mceb"></span><span>有无耳标</span>
							</li>
							<li class="mui-table-view-cell align-itemscenter ff iseb" id="haveEb" style="background: #BBCDE1;">
								<span #if("$!flag" == 1) class="ffcolor" #end data-for="1">有</span>
								<span #if("$!flag" == 0) class="ffcolor" #end data-for="0">无</span>
								<span #if("$!flag" == 2) class="ffcolor" #end data-for="2">兼容搜索</span>
							</li>
							#end
						</ul>
					</div>
					#end
				</div>
			</div>
			<!--遮罩-->
			<div class="md-overlay"></div>
		</div>
	</body>
</html>