xieshengjie
/
gdsx


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424
							<%@ 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>


	<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 displaybuttons1(cellvalue, options, rawObject) {

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

	return "&nbsp;&nbsp;&nbsp;\t" + detail;
};
function displaybuttons2(cellvalue, options, rawObject) {

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

	return "&nbsp;&nbsp;&nbsp;\t" + detail;
};
function showJqGrid() {

	var windpowerstationid = $("#windpowerstationid").val();
	var beginDate = $("#beginDate").val();
	var endDate = $("#endDate").val();

	var id = 'gridTable';

	var url = "<%=request.getContextPath()%>/analysistask/analysistasklist.action?windpowerstationid="
			+ windpowerstationid
			+ "&beginDate="
			+ beginDate
			+ "&endDate="
			+ endDate;

	var datatype = 'json';

	var colNames = [ '工程', '风机', '任务时间', '操作' ];

	var colModel = [

	{
		name : 'projectid',
		index : 'projectid',
		width : 300,
		align : 'center'
	}, {
		name : 'windturbineid',
		index : 'windturbineid',
		width : 300,
		align : 'center'
	}, {
		name : 'tasktime',
		index : 'tasktime',
		width : 300,
		align : 'center'
	}, {
		name : 'tasktime',
		index : 'tasktime',
		width : 300,
		align : 'center',
		formatter : displaybuttons1
	} ];

	var caption = '风机故障诊断任务';

	var sortname = 'tasktime';

	var gridPagerID = 'gridPager';

	var sortorder = 'desc';

	var height = 'auto';

	var width = 'auto';

	var rownumbers = true;

	var multiselect = false;

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

}


function showJqGrid1(acid) {
$("#back1").css("display", "");
$("#back2").css("display", "none");
$("#task").css("display", "none");
$("#taskconclusion").css("display", "");
$("#taskdetail").css("display", "none");
	
	var id = 'gridTable1';

	var url = "<%=request.getContextPath()%>/analysistask/analysisConclusionlist.action?acid=" + acid;

	var datatype = 'json';

	var colNames = [ '风机', '型号', '评分', '操作' ];

	var colModel = [

	{
		name : 'windturbineid',
		index : 'windturbineid',
		width : 300,
		align : 'center'
	}, {
		name : 'modelid',
		index : 'modelid',
		width : 300,
		align : 'center'
	}, {
		name : 'score',
		index : 'score',
		width : 300,
		align : 'center'
	}, {
		name : 'score',
		index : 'score',
		width : 200,
		align : 'center',
		formatter : displaybuttons2
	} ];

	var caption = '风机监控诊断结论';

	var sortname = 'score';

	var gridPagerID = 'gridPager1';

	var sortorder = 'desc';

	var height = 'auto';

	var width = 'auto';

	var rownumbers = true;

	var multiselect = false;

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

}

function showJqGrid2(acid) {

$("#back1").css("display", "none");
$("#back2").css("display", "");

$("#task").css("display", "none");
$("#taskconclusion").css("display", "none");
$("#taskdetail").css("display", "");			
		
var id = 'gridTable2';

var url = "<%=request.getContextPath() %>/analysistask/analysistaskDetaillist.action?acid="+acid;

var datatype = 'json';

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

var colModel = [

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

var caption = '风机故障诊断结论明细';

var sortname = 'unitnmae';

var gridPagerID ='gridPager2';

var sortorder='desc';

var height='auto';

var width='auto';

var rownumbers=false;

var multiselect=false;

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

}
function back1() {

	$("#task").css("display", "");
	$("#taskconclusion").css("display", "none");
	$("#taskdetail").css("display", "none");
	$("#back1").css("display", "none");
	$("#back2").css("display", "none");
}

function back2() {

	$("#task").css("display", "none");
	$("#taskconclusion").css("display", "");
	$("#taskdetail").css("display", "none");
	
	$("#back1").css("display", "");
	$("#back2").css("display", "none");
}


function queryApData() {

	$("#gridTable").jqGrid('GridUnload');
	$("#gridTable1").jqGrid('GridUnload');
	$("#gridTable2").jqGrid('GridUnload');
	$("#task").css("display", "");
	$("#taskconclusion").css("display", "none");
	$("#taskdetail").css("display", "none");
	
	$("#back1").css("display", "none");
	$("#back2").css("display", "none");
	
	showJqGrid();
}
function saveApData() {

$("#f1").attr("action", "../analysistask/saveAnalysistaskpjindex.action").submit();
	
}
function initial() {

	$("#windpowerstationid").val("麻黄山风电场");

	showJqGrid();

}
$(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 id="modelpanel" class="querycondcontainer">
				风场：
				<s:select list="wps" cssStyle="width:100px" listKey="id"
					listValue="name" id="windpowerstationid" name="windpowerstationid" headerKey=""
					headerValue="请选择"></s:select>

			</div>
			<div class="querycondcontainer" id="begindiv" >
					开始时间:
					<input type="text" style="width: 150px;" class="Wdate"
						onFocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',isShowWeek:true,readOnly:true})"
						id="beginDate" name="beginDate" />
			</div>
			<div class="querycondcontainer" id="enddiv" >
					结束时间:
					<input type="text" style="width: 150px;" class="Wdate"
						onFocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',isShowWeek:true,readOnly:true})"
						id="endDate" name="endDate" />
			</div>
			<div
				style="float: left; line-height: 39px; margin-left: 20px; width: 200px;">
				<input type="button" value="查询" onClick="queryApData()" />
			</div>
			
			<div id="back1"
				style="float: left; line-height: 39px; margin-left: 20px; width: 200px;display: none">
				<input type="button" value="返回" onClick="back1()" />
			</div>
			<div id="back2"
				style="float: left; line-height: 39px; margin-left: 20px; width: 200px;display: none">
				<input type="button" value="返回" onClick="back2()" />
			</div>
		</div>


		<div id="task">
		<table id='gridTable'>

		</table>

		<div id='gridPager'></div>
		</div>
		<div id="taskconclusion" style="display: none">
		<table id='gridTable1'>

		</table>
		<div id='gridPager1'></div>
		</div>
		<div id="taskdetail" style="display: none">
		<table id='gridTable2'>

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