xieshengjie
/
gdsx


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486
							<%@ page language="java" contentType="text/html;charset=utf-8"%>
<%@include file="/pages/includes/taglibs.jsp"%>
<head>
	<script type="text/javascript"
		src="<%=request.getContextPath()%>/resource/js/jquery-1.8.3.js">
</script>
	<script
		src="<%=request.getContextPath()%>/resource/js/highcharts/highcharts.js"
		type="text/javascript">
</script>
	<script
		src="<%=request.getContextPath()%>/resource/js/highcharts/themes/grid.js"
		type="text/javascript">
</script>

	<script type="text/ecmascript"
		src="<%=request.getContextPath()%>/resource/plugin/jqgrid/js/jquery.jqGrid.min.js">
</script>
	<script type="text/ecmascript"
		src="<%=request.getContextPath()%>/resource/js/system/jqdatagrid.js">
</script>
	<script type="text/ecmascript"
		src="<%=request.getContextPath()%>/resource/js/system/jqdatatreegrid.js">
</script>

	<script
		src="<%=request.getContextPath()%>/resource/js/datePicker/WdatePicker.js"
		type="text/javascript">
</script>
	<link rel="stylesheet" type="text/css"
		href="<%=request.getContextPath()%>/resource/plugin/jqueryui/css/custom-theme/jquery-ui-1.9.2.custom.css" />
	<link rel="stylesheet" type="text/css" media="screen"
		href="<%=request.getContextPath()%>/resource/plugin/jqgrid/css/ui.jqgrid.css" />

	<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>
		<link rel="stylesheet"
		href="<%=request.getContextPath()%>/resource/js/showloading/showLoading.css"
		type="text/css"/>
	<script
		src="<%=request.getContextPath()%>/resource/js/showloading/jquery.showLoading.js"
		type="text/javascript"></script>

	<style type="text/css">
.normal {
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-style: solid;
	border-top-color: #ffffff;
	border-left-color: #f1f1f1;
	border-right-color: #f1f1f1;
	border-bottom-color: #f1f1f1;
	border-width: 1px;
	width: 100px;
	height: 28px;
	float: left;
	margin-top: -1px;
	cursor: pointer;
	text-align: center;
	line-height: 28px;
	overflow: hidden;
	font-weight: bold;
	font-size: 12px;
	font-family: tahoma, arial, verdana, sans-serif;
}

.disable {
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-style: solid;
	border-top-color: #f1f1f1;
	border-left-color: #f1f1f1;
	border-right-color: #f1f1f1;
	border-bottom-color: #f1f1f1;
	border-width: 1px;
	width: 100px;
	height: 25px;
	float: left;
	margin-top: -1px;
	cursor: pointer;
	text-align: center;
	background-color: #e1e1e1;
	line-height: 25px;
	overflow: hidden;
	font-weight: bold;
	font-size: 12px;
	font-family: tahoma, arial, verdana, sans-serif;
}

.panelcontainer {
	width: 100%;
	height: 70px;
	border-style: solid;
	border-color: #f1f1f1;
	border-width: 1px;
}

.panelquery {
	width: 100%;
	height: 25px;
	background-color: #f1f1f1;
	line-height: 25px;
}

.panelquerytext {
	margin-left: 3px;
	font-weight: bold;
	font-size: 12px;
	font-family: tahoma, arial, verdana, sans-serif;
}

.querycondcontainer {
	line-height: 39px;
	padding: 3px;
	float: left;
	font-size: 12px;
}
</style>
	<script type="text/javascript">

function displaybuttons(cellvalue, options, rawObject) {

	var detail = "<input type='button' value='详情' onclick=showJqGrid1('"
			+ rawObject.id + "')>";

	return "&nbsp;&nbsp;&nbsp;\t" + detail;
};

var queryType = "fc";
var setting = {
	check : {
		enable : true,
		chkStyle : "radio"
	},
	view : {
		dblClickExpand : false
	},
	data : {
		simpleData : {
			enable : true
		}
	},
	callback : {
		beforeClick : beforeClickWindfarm,
		onCheck : selectWindfarm

	},
	async : {
		enable : true,
		url : "/power/windfarmAjax.action",
		dataType : "json"
	}

};
function beforeClickWindfarm(treeId, treeNode) {
	var zTree = $.fn.zTree.getZTreeObj(treeId);
	zTree.checkNode(treeNode, !treeNode.checked, null, true);
	return false;
}
function showWindfarm() {
	var cityObj = $("#windpowerstationid");
	var cityOffset = $("#windpowerstationid").offset();
	$("#menuWindfarm").css( {
		left : cityOffset.left + "px",
		top : cityOffset.top + cityObj.outerHeight() + "px"
	}).slideDown("fast");
	$("body").bind("mousedown", onBodyDown);

}
function showWindturbine() {
	if (wpids == "") {
		alert("请选择风场！");
		return;
	}
	var setting2 = {
		check : {
			enable : true,
			chkStyle : "radio"
		},
		view : {
			dblClickExpand : false
		},
		data : {
			simpleData : {
				enable : true
			}
		},
		callback : {
			beforeClick : beforeClickWindfarm,
			onCheck : selectFj
		},
		async : {
			enable : true,
			url : "/power/wtAjax.action?wpIds=" + wpids,
			dataType : "json"
		}

	};
	$.fn.zTree.init($("#treeFj"), setting2);
	var cityObj = $("#windturbineid");
	var cityOffset = $("#windturbineid").offset();
	$("#menuFj").css( {
		left : cityOffset.left + "px",
		top : cityOffset.top + cityObj.outerHeight() + "px"
	}).slideDown("fast");
	$("body").bind("mousedown", onBodyDown);

	//$("#menuWindfarm").fadeOut("fas
}


function hideMenuWindfarm() {
	$("#menuWindfarm").fadeOut("fast");

}

var wpids = "";
function selectWindfarm(e, treeId, treeNode) {
	var zTree = $.fn.zTree.getZTreeObj("treeWindfarm"), nodes = zTree
			.getCheckedNodes(true);
	v = "";
	d = "";

	for ( var i = 0, l = nodes.length; i < l; i++) {
		v += nodes[i].name + ",";
		d += nodes[i].id + ",";
	}
	if (v.length > 0)
		v = v.substring(0, v.length - 1);
	if (d.length > 0)
		d = d.substring(0, d.length - 1);
	wpids = d;
	var cityObj = $("#windpowerstationid");
	cityObj.attr("value", v);

	wtIds = '';

	$("#windturbineid").val("");


	//$("#menuWindfarm").fadeOut("fast");
}

var wtIds;
function selectFj(e, treeId, treeNode) {
	var zTree = $.fn.zTree.getZTreeObj("treeFj"), nodes = zTree
			.getCheckedNodes(true);
	v = "";
	d = "";

	for ( var i = 0, l = nodes.length; i < l; i++) {
		v += nodes[i].name + ",";
		d += nodes[i].id + ",";
	}
	if (v.length > 0)
		v = v.substring(0, v.length - 1);
	if (d.length > 0)
		d = d.substring(0, d.length - 1);
	wtIds = d;

	var cityObj = $("#windturbineid");
	cityObj.attr("value", v);

	//$("#menuXl").fadeOut("fast");
}
function hideMenuFj() {
	$("#menuFj").fadeOut("fast");

}

$(document).ready(function() {
	$.fn.zTree.init($("#treeWindfarm"), setting);

});

function onBodyDown(event) {
	if ((event.target.id != "windpowerstationid"
			&& event.target.id != "menuWindfarm" && $(event.target).parents(
			"#menuWindfarm").length <= 0)) {
		hideMenuWindfarm();
	}

	if (!(event.target.id == "windturbineid" || event.target.id == "menuFj" || $(
			event.target).parents("#menuFj").length > 0)) {
		hideMenuFj();
	}
}


function showJqGrid1() {
			
var windturbineid = $("#windturbineid").val();
var emid = $("#emid").val();	
//var begintime = $("#begintime").val();
//var endtime = $("#endtime").val();	
var timetype = $("#timetype").val();
var id = 'gridTable1';

var url = "<%=request.getContextPath() %>/analysistask/analysistaskwtlist.action?windturbineid="+wtIds
			+ "&emid="
			+ emid
			+ "&timetype="
			+ timetype;
			//+ "&begintime="
			//+ begintime
			//+ "&endtime="
			//+ endtime
			

var datatype = 'json';

var colNames = [ '部件名称','评分'];

var colModel = [

{ name: 'unitnmae', index: 'unitnmae', width: 600, align: 'left'},
{ name: 'factvalue', index: 'factvalue', width: 600, align: 'center'}
];

var caption = '单机部件故障诊断明细';

var sortname = 'unitnmae';

var gridPagerID ='gridPager1';

var sortorder='desc';

var height='auto';

var width='auto';

var rownumbers=true;

var multiselect=false;

myJqTreeGrid(id, url, datatype, colNames, colModel, caption,  sortname, gridPagerID,sortorder,height,width,
multiselect,rownumbers);

}
function getDateDiv() {

	var timetype = $("#timetype").val()
	if (timetype == "ss") {
		$("#begindatediv").css("display", "none");
		$("#enddatediv").css("display", "none");
	} else {
		$("#begindatediv").css("display", "");
		$("#enddatediv").css("display", "");
	}
}

function queryApData() {

	$("#gridTable1").jqGrid('GridUnload');
	var windturbineid=$("#windturbineid").val();
	var windpowerstationid=$("#windpowerstationid").val();
	if(windpowerstationid=="" || wpids=="")
	{
		alert("请选择场站！");
		return false;
	}
	
	if(windturbineid=="" || wtIds=="")
	{
		alert("请选择风机！");
		return false;
	}

	showJqGrid1();
}
function saveApData() {
//显示遮罩
$("body").showLoading();	
var url="../analysistask/saveAnalysistaskwtindex.action";
$.ajax({
		type:"post",
		url:url,
		dataType:"text",
		success: function(data){
			alert(data);
			 //去除遮罩
                  $("body").hideLoading();
  		},
          error: function(xhr) {
             //显示失败信息
             //......
             //去除遮罩
              $("body").hideLoading();
          }		
	});
}
function initial() {

	$("#windpowerstationid").val("麻黄山风电场");
	wpids="MHS_FDC";
	
	$("#windturbineid").val("麻黄山一号风机");
	wtIds="MG01_01";
	
	//showJqGrid1();

}
$(document).ready(function() {
	initial();

});
</script>
</head>
<body>

	<form action="" method="post" id="f1" style="width: 1620px;">
		<div class="panelcontainer" style="width: 1620px;">
			<div class="panelquery">
				<span class="panelquerytext">单机故障诊断</span>
			</div>
			<div class="querycondcontainer">
				风场：
				<input id="windpowerstationid" type="text" readonly value=""
					style="width: 150px;" onclick="showWindfarm();" />
			</div>
			<div id="pjpanel" class="querycondcontainer">
				风机：
				<input id="windturbineid" type="text" readonly value=""
					style="width: 150px;" onclick="showWindturbine();" />
			</div>
			<div id="modelpanel" class="querycondcontainer">
				模型：
				<s:select list="emls" cssStyle="width:130px" listKey="id"
					listValue="name" id="emid" name="emid" ></s:select>

			</div>
			<div id="timepanel" class="querycondcontainer">
				时间类型：
				<s:select list="#{'ss':'顺时','qs':'趋势'}" cssStyle="width:100px"
					id="timetype" name="timetype" ></s:select>
			</div>
			<!-- 
			<div class="querycondcontainer" id="begindatediv" style="display: none;">
					开始时间:
					<input type="text" style="width: 150px;" class="Wdate"
						onFocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',isShowWeek:true,readOnly:true})"
						id="begintime" name="begintime" />
			</div>
			<div class="querycondcontainer" id="enddatediv" style="display: none;">
					结束时间:
					<input type="text" style="width: 150px;" class="Wdate"
						onFocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',isShowWeek:true,readOnly:true})"
						id="endtime" name="endtime" />
			</div>
			 -->
			<div
				style="float: left; line-height: 39px; margin-left: 20px; width: 200px;">
				<input type="button" value="查询" onClick="queryApData()" />
				<input type="button" value="保存记录" onClick="saveApData()" />
			</div>

		</div>


		<div id="menuWindfarm" class="menuContent"
			style="overflow-y: scroll; overflow-x: auto; z-index: 9999; border: 1px solid #617775; background: #f0f6e4; display: none; position: absolute;">
			<ul id="treeWindfarm" class="ztree"
				style="margin-top: 0; width: 180px; height: 300px;"></ul>
		</div>
		<div id="menuFj" class="menuContent"
			style="overflow-y: scroll; overflow-x: auto; z-index: 9999; border: 1px solid #617775; background: #f0f6e4; display: none; position: absolute;">
			<ul id="treeFj" class="ztree"
				style="margin-top: 0; width: 180px; height: 300px;"></ul>

		</div>
		

		<table id='gridTable1'>

		</table>
		<div id='gridPager1'></div>
	</form>
</body>