cxc
/
ifm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238
							<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>mcSnhj</title>
		<style>
		.xd2 {
		width:40%;
		position: relative;
				float: left;
		}
			.xdsj{
				width:50%;
				position: relative;
				float: left;
				text-align: center;
				padding-top: 9px;
			}
			.xdt{
				width:50%;
				position: relative;
				float: left;
				text-align: right;
			}
			.xd{
				padding-left: 12px;
				font-size: 15px;
			}
			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;
			}
			.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%
			}
			.icon {
		       width: 1em; height: 1em;
		       vertical-align: -0.15em;
		       fill: currentColor;
		       overflow: hidden;
		       transform: rotate(90deg);
    		}
		</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/mcWscl/mcWscl.js"></script>
		<script type="text/javascript" src="http://at.alicdn.com/t/font_521280_qz2slqdwxptzw7b9.js"></script> 
	</head>

	<body>
	<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="lqid" value="$!lqid"/>
	<input type="hidden" id="sj" value="$!sj"/>
		<div id="wrap">
			<header>
				<span class="glyphicon glyphicon-chevron-left" aria-hidden="true" onclick="javascript:backUrl()"></span>
				<p>污水处理 </p>
				<div class="btn-group" id="qkPlane">
					<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="background: transparent;outline: none;padding: 0;display: flex;margin-top: 0;">
						<span style="background-image:url(views/haifmv/img/mc_img/zsda.png); background-size: 450%;width: 0.42rem;height: 0.42rem;background-position-x: -0.7rem;background-position-y: -0.7rem;margin: 0 0.25rem;"></span>
					</button>
					<ul id="QkSetOptions" class="dropdown-menu" style="left: -100%;min-width:1.8rem;">
						<li data-skip="WsclBjcs"><a href="#">报警</a></li>
						<li id="qks" data-skip="Qksz"><a href="#">全控设置</a></li>
					
					</ul>
				</div>
			</header>
			<div class="suosou iscrollSnhjX" id="iscrollSnhjX">
				<ul class="nav nav-pills navbar-fixed-bottom nav-justified" style="justify-content: space-between;">
					<li class= "show0"><a href="#tabbarPh" class="mui-tab-item tabcolor " id="ph" data-for="Ph">ph</a></li>
					<li class= "show1"><a href="#tabbarSy" class="mui-tab-item " id="Sy" data-for="sy">水压</a></li>
					<li class= "show2"><a href="#tabbarCOD" class="mui-tab-item" id="COD" data-for="COD">COD</a></li>
					<li class= "show3"><a href="#tabbarBOD" class="mui-tab-item " id="BOD" data-for="BOD">BOD</a></li>
					<li class= "show4"><a href="#tabbarSS" class="mui-tab-item " id="SS" data-for="SS">SS</a></li>
					<li class= "show5"><a href="#tabbarNH4" class="mui-tab-item " id="NH4" data-for="NH4">NH4+-N4</a></li>
					<li class= "show6"><a href="#tabbarYW" class="mui-tab-item " id="YW" data-for="YW">液位</a></li>
				</ul>
			</div>
			<div class="middle">
				<section class="snhjIscroll" style="background: #fff;">
					<div class="mui-content">
					<div id="countTitle" style="display: none;"></div>
					<div id="append"></div>
					
						<div class="mui-collapse-content container-fluid"></div>
						<div id="chartDiv" class="mui-control-content mui-active" style="margin-bottom: 18px;"></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>
					<div>
						<ul class="mui-table-view">
							<li class="mui-table-view-cell discenter sssj">
								<span class="rq"></span><span>搜索时间</span>
							</li>
							<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" style="background: #BBCDE1;">
								<div class="mui-input-row mui-radio mui-left">
									<label class="jd" data-for = "3">阶段</label>
									<input name="radio1" type="radio">
								</div>
								<div class="time discenter" id="kaishi">
									<span class="nian newYear"></span>-<span class="yue newMonth"></span>-<span class="ri newDay"></span>
								</div>
								—
								<div class="time discenter" id="jieshu">
									<span class="nian toYear">2017</span>-<span class="yue toMonth">05</span>-<span class="ri toDay">06</span>
								</div>
								<div class="ee overlay"></div>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!--遮罩-->
			<div class="md-overlay"></div>
		</div>
	</body>
</html>