cxc
/
ifm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
							<!DOCTYPE html>
<html lang="en">
<head>
<title>mtxhHkClientMain</title>
<script type="text/javascript">
$(function(){
	/* if ($("#lqid").val() > 0) {
		var chartADiv = $("#chartC");
		$("#chartDiv_F").attr("style", "width:" + chartADiv.width() + "px");
		$("#chartDiv_F").attr("style", "height:" + (chartADiv.height() - 7) + "px");
		jQuery.ajax({
			type : "get",
			url : "getHkClientMtxhTjt.htm",
			data : {"lqid" : "$!lqid"},
			dataType : "json",
			async : true,
			success : function(data) {
				if (data.color.length == 0) {
					$("#chartDiv_F").html("<img src='views/hkclient/sy/mtxh.jpg' width='100%' height='100%'/>");
				} else {
					getHighchartTjt2(data, "chartDiv_F");
				}
			}
		});
	} */
	/* var pg=document.getElementById('pg');
	setInterval(function(e){
		if(pg.value!=100) {
			pg.value++;
	    }else{
			pg.value=0;
		}
	},100); */
	/* var progressbar = {
	    init:function(){
	        var count=0;
	    	//通过间隔定时器实现百分比文字效果,通过计算CSS动画持续时间进行间隔设置
	        var timer=setInterval(function(e){
	            count++;
	            if(count===100) {
	            	clearInterval(timer);
	            };
	        },17);
	    }
	};
	progressbar.init(); */
});
</script>
</head>
<body>
<input type="hidden" id="lqid" value="$!lqid"/>
<div>
	<div id="chartDiv_F">
		<table class="table">
			<tr>
				<td class="col-lg-3">NH3-N</td>
			  	<td class="col-lg-3">$!{nh3n}mg/L</td>
			  	<td class="col-lg-6">
	    			<div id="progressbar" style="width: $!{nh3n1}px;">
	        			<div id="fill"></div>
	    			</div>
				</td>
			</tr>
			<tr>
				<td class="col-lg-3">COD</td>
			  	<td class="col-lg-3">$!{cod}mg/L</td>
			  	<td class="col-lg-6">
	    			<div id="progressbar" style="width: $!{cod1}px;">
	        			<div id="fill"></div>
	    			</div>
				</td>
			</tr>
			<tr>
				<td class="col-lg-3">BOD</td>
			  	<td class="col-lg-3">$!{bod}mg/L</td>
			  	<td class="col-lg-6">
	    			<div id="progressbar" style="width: $!{bod1}px;">
	        			<div id="fill"></div>
	    			</div>
				</td>
			</tr>
			<tr>
				<td class="col-lg-3">SS</td>
			  	<td class="col-lg-3">$!{ss}mg/L</td>
			  	<td class="col-lg-6">
	    			<div id="progressbar" style="width: $!{ss1}px;">
	        			<div id="fill"></div>
	    			</div>
				</td>
			</tr>
			<tr>
				<td class="col-lg-3">污水排放量</td>
			  	<td class="col-lg-3">$!{wspfl}t/d</td>
			  	<td class="col-lg-6">
	    			<div id="progressbar" style="width: $!{wspfl1}px;">
	        			<div id="fill"></div>
	    			</div>
				</td>
			</tr>
			<tr>
				<td class="col-lg-3">环保耗电</td>
			  	<td class="col-lg-3">$!{hbhd}kwh</td>
			  	<td class="col-lg-6">
	    			<div id="progressbar" style="width: $!{hbhd1}px;">
	        			<div id="fill"></div>
	    			</div>
				</td>
			</tr>
		</table>
	</div>
</div>
</body>
</html>