cxc
/
ifm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
							<!DOCTYPE html>
<html>
	<head>
		<title>污水处理——故障报警</title>
		<style type="text/css">
			.cotainer{
				display: flex;
				flex-direction: column;
				margin: 14px;
			}
			.dclgz{
				flex-direction:  row;
				display:  flex;
				color: #353a84;
				font-weight: bold;
				border-top: solid #c4c2c2 1px;
				border-bottom: solid #c4c2c2 1px;
				margin-bottom: 8px;
				font-size: 0.22rem;
			}
			.dclgz>:first-child{
				flex:0.95;
				padding-top: 4px;
				
			}
			.dclgz>:last-child{
				background-color: #3a3d84;
				width: 23px;
				height: 23px;
				border-radius: 50%;
				margin-top: 0.05rem;
			}
			.square{
				width: 15px;
				height: 15px;
				margin-top: 4px;
				margin-left: 4px;
				border: solid white 1px;
			}
			tbody>:nth-child(odd){
				background-color: #f3f3f3;
			}
			tbody>:first-child{
				text-align: center;
				background-color: #c3dafb;
				color: black;
			}
			tr>:first-child{
				width: 63%;
			}
			.num{
				width: 15px;
				height: 10px;
				background-color: red;
				position: relative;
				left: 9px;
				top: -17px;
				border-radius: 26%;
				font-size: 9px;
				color: wheat;
				text-align: center;
			}
			table tr td{
				line-height: 0.5rem !important;
			}
		</style>
		<script type="text/javascript">
		var iscroll;
		/** 
		 * 初始化滚动条
		 * */
		iscroll = new IScroll(".wsclIscroll",{
			scrollbars: true,
			fadeScrollbars:true,
			scrollbars: 'custom',
			shrinkScrollbars:'clip',
			click:true
		});
		setTimeout(function(){
			iscroll.refresh();
		}, 100);
			function dclgz(){
				//待处理故障
				$("#bjsz").show();
				$("#qtsz").hide();
				$(".suosou").hide();
				$("#title").html("故障消息");
				haifm.loadMobilePage("wsclMenu", "wsclGzdclIndex.htm?mcid=" + $("#mcid").val());
			}
		</script>
	</head>
	<body>
	<section class="wsclIscroll" style="background: #fff;">
		<div class="cotainer">
			<div class="dclgz" onclick="dclgz();">
				<div>待处理故障</div>
				<div>
					<div>
						<div class="square">
						</div>
						<div class="num">
						 $!count
						</div>
					</div>
				</div>
			</div>
			<div>
				<table style="width:100%;">
					<tr style="text-align: center;">
						<td>故障说明</td>
						<td>发生时间</td>
					</tr>
					#foreach($!obj in $!sbgzList)
					<tr>
						<td>$!obj.gzlx</td>
						<td>$!dateTool.format('yyyy-MM-dd HH:mm:ss', $!obj.fssj)</td>
					</tr>
					#end
				</table>
			</div>
		</div>
	</section>
	</body>
</html>