xieshengjie
/
gdsx


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199
							<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@include file="/pages/includes/taglibs.jsp" %>
<head>
<script type="text/javascript" src="<%=request.getContextPath() %>/resource/js/jquery-1.8.3.js"></script>

<link rel="stylesheet" href="<%=request.getContextPath() %>/resource/css/ztree/zTreeStyle.css" type="text/css">
<script src="<%=request.getContextPath() %>/resource/js/ztree/jquery.ztree.all.min.js" type="text/javascript"></script>
<script	src="<%=request.getContextPath()%>/resource/js/highcharts/highcharts.src.js" type="text/javascript"></script>
<script	src="<%=request.getContextPath()%>/resource/js/highcharts/highcharts-more.js"></script>
<script	src="<%=request.getContextPath()%>/resource/js/highcharts/modules/solid-gauge.src.js"></script>
<script type="text/javascript"	src="<%=request.getContextPath()%>/resource/plugin/highslide/highslide-with-html.js"></script>
<link rel="stylesheet" type="text/css"	href="<%=request.getContextPath()%>/resource/plugin/highslide/highslide.css" />
<link rel="stylesheet" type="text/css"	href="<%=request.getContextPath()%>/resource/css/gzp/css/gz_baojing.css" />

<style type="text/css">

fieldset legend {  
    color:#302A2A;  
    font: bold 16px/2 Verdana, Geneva, sans-serif;  
    font-weight: bold;  
    text-align: left;  
    text-shadow: 2px 2px 2px rgb(88, 126, 156);  
}  
</style>
<script type="text/javascript">
$(document).ready(function () {

	var options = {
		chart : {
			plotBackgroundColor : null,
			plotBorderWidth : null,
			plotShadow : false
		},
		title : {
			text : '报警分布图'
		},
		tooltip : {
			pointFormat : '{series.name}: <b>{point.percentage:.1f}%</b>'
		},
		plotOptions : {
			pie : {
				allowPointSelect : true,
				cursor : 'pointer',
				dataLabels : {
					enabled : false
				},
				showInLegend : true

			}
		},
		legend : {
			layout : 'vertical',
			align : 'left',
			verticalAlign : 'left',
			borderWidth : 0
		},
		series : [ {
			type : 'pie',
			name : '占比',
			data : [ ]
		} ]
	};
	
// 	$('#container').highcharts(options);
	$.getJSON('getPieDataAjax.action', function (datac) {
		dbs = [];
		for (i in datac) {
            var r = datac[i];
            t = parseInt(i)+1;
            dbs.push([r.NAME, r.COUNTC]);
            $('<tr><td>'+t+'</td><td>'+r.NAME+'</td><td>'+r.COUNTC+'</td></tr>').insertAfter($('#tablePH tr:eq('+i+')'));
        }
		options.series[0].data = dbs;
		$('#container').highcharts(options);
	});
	reAlertRank();
});
var isRunningReAlertRank = false;
function reAlertRank(){
	if(isRunningReAlertRank){
		return;
	}
	isRunningReAlertRank = true;
	$.getJSON('getAlertRank.action', function (datac) {
		for (i in datac) {
            var r = datac[i];
            t = parseInt(r.count);
            $('#'+r.id+'_d').html(''+t);
			if(t==0){
				$('#'+r.id+'_d').parent().attr("class","baojing_black");
			}
			if(t>0 && t<10){
				$('#'+r.id+'_d').parent().attr("class","baojing_orange");
			}
			if(t>=10){
				$('#'+r.id+'_d').parent().attr("class","baojing_red");
			}
        }
		isRunningReAlertRank = false;
	});
	setTimeout("reAlertRank();", 3000);
}

function confirmeAll(){
	$.getJSON('confirmeAlert.action', function (datac) {
		reAlertRank();
	});
}
function submitform(id,type){
	var url = "runningAlarmIndex.action?";
	$("#type").val(id);
	  url =url+type+"="+id;
	$("#f1").attr("action",url).submit();
}
</script>
<style type="text/css">


fieldset legend {  
    color:#302A2A;  
    font: bold 16px/2 Verdana, Geneva, sans-serif;  
    font-weight: bold;  
    text-align: left;  
    text-shadow: 2px 2px 2px rgb(88, 126, 156);  
}  
</style>
</head>

<body>
<form action="" id="f1">
<input id="type" type="hidden" name="category2" value=""/>
</form>
<div class="all">

	<div class="index_box">
	
		<div class="index_box_center">
			
			<div class="center_box">
				<div class="center_box_left1">风<Br />机<br />报<br />警</div>
					<div class="center_box_right">
						<div class="baojing_black" onclick="submitform('fdj','category2')"><div class="baojing_font_top"><a href="runningAlarmIndex.action?category2=fdj">发电机</a></div><div class="baojing_font_bottom"  id="fdj_d">0</div></div>
						<div class="baojing_black" onclick='submitform("bj","category2")'><div class="baojing_font_top"><a href="runningAlarmIndex.action?category2=bj">变桨</a></div><div class="baojing_font_bottom"  id="bj_d">0</div></div>
						<div class="baojing_black" onclick="submitform('bpq','category2')"><div class="baojing_font_top"><a href="runningAlarmIndex.action?category2=bpq">变频器</a></div><div class="baojing_font_bottom" id="bpq_d">0</div></div>
						<div class="baojing_black" onclick="submitform('clx','category2')"><div class="baojing_font_top"><a href="runningAlarmIndex.action?category2=clx">齿轮箱</a></div><div class="baojing_font_bottom" id="clx_d">0</div></div>
						<div class="baojing_black" onclick="submitform('ph','category2')"><div class="baojing_font_top"><a href="runningAlarmIndex.action?category2=ph">偏航</a></div><div class="baojing_font_bottom" id="ph_d">0</div></div>
						<div class="baojing_black" onclick="submitform('yy','category2')"><div class="baojing_font_top"><a href="runningAlarmIndex.action?category2=yy">液压</a></div><div class="baojing_font_bottom" id="yy_d">0</div></div>
						<div class="baojing_black" onclick="submitform('cz','category2')"><div class="baojing_font_top"><a href="runningAlarmIndex.action?category2=cz">控制</a></div><div class="baojing_font_bottom" id="kz_d">0</div></div>
						<div class="baojing_black" onclick="submitform('jcjr','category2')"><div class="baojing_font_top"><a href="runningAlarmIndex.action?category2=jcjr">机舱加热</a></div><div class="baojing_font_bottom" id="jcjr_d">0</div></div>
						<div class="baojing_black" onclick="submitform('zz','category2')"><div class="baojing_font_top"><a href="runningAlarmIndex.action?category2=zz">主轴</a></div><div class="baojing_font_bottom" id="zz_d">0</div></div>
						<div class="baojing_black" onclick="submitform('yl','category2')"><div class="baojing_font_top"><a href="runningAlarmIndex.action?category2=yl">叶轮</a></div><div class="baojing_font_bottom" id="yl_d">0</div></div>
						<div class="baojing_black" onclick="submitform('dw','category2')"><div class="baojing_font_top"><a href="runningAlarmIndex.action?category2=dw">电网</a></div><div class="baojing_font_bottom" id="dw_d">0</div></div>
						<div class="baojing_black" onclick="submitform('blq','category2')"><div class="baojing_font_top"><a href="runningAlarmIndex.action?category2=blq">变流器</a></div><div class="baojing_font_bottom" id="blq_d">0</div></div>
						<div class="baojing_black" onclick="submitform('xb','category2')"><div class="baojing_font_top"><a href="runningAlarmIndex.action?category2=xb">箱变</a></div><div class="baojing_font_bottom" id="xb_d">0</div></div>
						<div class="baojing_black" onclick="submitform('other','category2')"><div class="baojing_font_top"><a href="runningAlarmIndex.action?category2=other">其他</a></div><div class="baojing_font_bottom" id="other_d">0</div></div>
					</div>
				</div>
			
			<div class="center_box">
				<div class="center_box_left2">升<Br />压<br />站<br />报<br />警</div>
					<div class="center_box_right">
						<div class="baojing_black" onclick="submitform('SYZSG','category2')"><div class="baojing_font_top"><a href="runningAlarmIndex.action?category2=SYZSG">事故报警</a></div><div class="baojing_font_bottom" id="SYZSG_d">0</div></div>
						<div class="baojing_black" onclick="submitform('SYZKG','category2')"><div class="baojing_font_top"><a href="runningAlarmIndex.action?category2=SYZKG">开关</a></div><div class="baojing_font_bottom" id="SYZKG_d">0</div></div>
						<div class="baojing_black" onclick="submitform('SYZBJ','category2')"><div class="baojing_font_top"><a href="runningAlarmIndex.action?category2=SYZBJ">普通报警</a></div><div class="baojing_font_bottom" id="SYZBJ_d">0</div></div>
					</div>
				</div>
			
			<div class="center_box">
				<div class="center_box_left3">自<Br />定<br />义<br />报<br />警</div>
					<div class="center_box_right">
						<div class="baojing_black" onclick="submitform('1','category2')"><div class="baojing_font_top"><a href="runningAlarmIndex.action?category2=1">风机</a></div><div class="baojing_font_bottom" id="1_d">0</div></div>
						<div class="baojing_black" onclick="submitform('2','category2')"><div class="baojing_font_top"><a href="runningAlarmIndex.action?category2=2">风场</a></div><div class="baojing_font_bottom" id="2_d">0</div></div>
						<div class="baojing_black" onclick="submitform('3','category2')"><div class="baojing_font_top"><a href="runningAlarmIndex.action?category2=3">工程</a></div><div class="baojing_font_bottom" id="3_d">0</div></div>
						<div class="baojing_black" onclick="submitform('4','category2')"><div class="baojing_font_top"><a href="runningAlarmIndex.action?category2=4">线路</a></div><div class="baojing_font_bottom" id="4_d">0</div></div>
						<div class="baojing_black" onclick="submitform('5','category2')"><div class="baojing_font_top"><a href="runningAlarmIndex.action?category2=5">电气</a></div><div class="baojing_font_bottom" id="5_d">0</div></div>
					</div>
				</div>
				
			
		</div>
		
		<div class="index_box_right">
				<div style="width: 400px; height: 40px; margin: 0 auto">
					<button onclick="javascript:confirmeAll();"  id="toconfirme">确认全部</button>	
				</div>
				<div id="container" style="width: 400px; height: 400px; margin: 0 auto"></div>
				报警排行<br/><br/>
				<table id="tablePH"  class="dataform" style="width: 100%">
					<tr class="item_Name"><td width="80">排名</td><td>风场</td><td width="80">报警数量</td></tr>
				</table>
		</div>
	
	</div>
	
</div>


</body>