<%@ page language="java" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %> 
<c:set var="ctx" value="${pageContext.request.contextPath}"/>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    
    <title>全网监控智能分析平台</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	
    <link rel="stylesheet" type="text/css" href="${ctx}/static/css/bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="${ctx}/static/css/styles.css" />
    
<style type="text/css">
html,body{
	background-color: #fff;
}
.content{
	padding: 10px;
	background: #fff;
}

#hidDiv { 
	z-index: 1000;
	min-height: 1em;
	background: #f0f0f0;
	padding-bottom: 5px;
	font: 14px 'Microsoft YaHei', Arial, 宋体, Tahoma, Sans-Serif;
	color: #000;
	padding-top: 5px;
	position: absolute;
	word-wrap: break-word;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	top: 20%;
	left: 34%;
	padding: 30px;
}

#hidDiv button{
	left: 75px;
	position: relative;
}
table {
    font-size:12px;
 }
 .table{	
 	margin-bottom: 0px;
}
.table tr:first-child td{
	border: 0px;
}
 .background{
 	background-color: #000;
 	opacity: 0.3;
	height: 100%;
	width: 100%;
}
 #dialog{
 	display:none;
 	z-index: 100;
	height: 100%;
	width: 100%;
	position: absolute;
}
.panel-body {
	padding: 0px 0 0 0;
}
.panel-default {
	margin: 18px 0px;
}
</style>
  </head>
  <body>
	<div id="dialog">
		<div class="background"></div>
		<div id="hidDiv">
			<lable>故障原因:</lable><br>
			<textarea rows="5" cols="40" id='reasonText' >${failure.failureReason}</textarea><br><br>
			<lable >解决方案:</lable><br>
			<textarea rows="5" cols="40" id='solutionText' >${failure.resolution}</textarea><br><br>
			<button id='submit' class='btn btn-primary'>确定</button>
			<button id='cancel' class='btn btn-warning'>取消</button>
		</div>
	</div>
 <div class="content">
			<div class="bt-list-import" style="padding-right:30px;">
				<a href="#" id="exportData" class="exportData"> 
					<span class="glyphicon glyphicon-import"></span> <span class="glyphicon-class">导出报表</span> 
				</a> 
			</div><br/>
		<div class="col-xs-12">
			<div class="panel panel-default">
				<div class="panel-heading">
					故障描述
					<div  class="btn-group btn-group-cog">
						<button type="button" class="btn btn-default dropdown-toggle btn-control-cog" id="updateFailureReason">修改故障原因</button>
					</div>
				</div>
				<div id="xcdDesp" class="tab-content panel-body">
	 				<table class="table table-hover table-striped">
	 					<tr><td width='15%'>标题:</td><td width='35%'>${failure.failureTitle}</td>
	 					<td width='15%'>描述:</td><td width='35%'>${failure.failureDescription}</td></tr>
	 					<tr><td width='15%'>集成商:</td><td width='35%'>${failure.providerName}</td>
	 					<td width='15%'>省份:</td><td width='35%'>${failure.provinceName}</td></tr>
	 					<tr><td width='15%'>故障发生时间:</td><td width='35%'>
	 					<fmt:formatDate value="${failure.happenTime}" pattern="yyyy-MM-dd HH:mm:ss"/> 
	 					</td><td width='15%'>故障结束时间:</td><td width='35%'>
	 					<fmt:formatDate value="${failure.closeTime}" pattern="yyyy-MM-dd HH:mm:ss"/> 
	 					</td></tr>
	 					<tr><td width='15%'>数据来源:</td><td width='35%'>${failure.dataSourceName}</td>
	 					<td width='15%'>渠道:</td><td width='35%'>${failure.channelName}</td></tr>
	 					<tr><td width='15%'>故障来源:</td><td colspan="3">${failure.warningSourceName}</td></tr>
	 					<tr><td width='15%'>详细原因:</td><td colspan="3">${failure.failureReason}</td></tr>
	 					<tr><td width='15%'>解决方案:</td><td colspan="3">${failure.resolution}</td></tr>
	 					
	 					<tr class="downSite"><td width='15%'>附件:</td><td colspan="3">
							<c:forEach var="failureAttachment" items="${failureAttachments}">
	 							<c:if test="${failureAttachment.isPicture=='N'}"><a href="javascript:downFile('${savePath}${failureAttachment.failureAttachmentFileName}')">${failureAttachment.failureAttachmentFileName}</a></c:if>
	 						</c:forEach>
						</td></tr>
	 				</table>
	            </div>
	        </div>
		</div>
		<div class="col-xs-6" id="xcdDisplay">
			<div class="panel panel-default">
				<div class="panel-heading">
					相关联的协查单
				</div>
				<div class="tab-content panel-body">
					<table class="table table-hover table-striped">
						<thead>
							<tr>
								<th width='10%'>编号</th>
								<th width='35%'>标题</th>
								<th width='19%'>开始时间</th>
								<th width='19%'>结束时间</th>
								<th width='17%'>相关告警</th>
							</tr>
						</thead>
						<tbody id="xcdTbody">
							<c:forEach var="xcd" items="${workingOrder}">
								<tr>
									<td><a href="${ctx}/MonitorOperation/WorkingOrderDetail?xcdCode=${xcd.workingOrderCode}" target="_blank">${xcd.workingOrderCode}</a></td>
									<td>${xcd.workingOrderTitle}</td>
									<td><fmt:formatDate value="${xcd.eventHappenTime}" pattern="yyyy-MM-dd HH:mm:ss"/></td>
									<td><fmt:formatDate value="${xcd.actualCompletionTime}" pattern="yyyy-MM-dd HH:mm:ss"/></td>
									<td><a href="javascript:;" onclick="relevantPicClick('${xcd.workingOrderId}','${xcd.ifGeneratedBySystem}',this)">相关告警</a></td>
								</tr>
							</c:forEach>
						</tbody>
					</table>
				</div>
			</div>
		</div>
		<div class="col-xs-6" id="changeDisplay">
			<div class="panel panel-default">
				<div class="panel-heading">
					相关联的变更单
				</div>
				<div class="tab-content panel-body">
					<table class="table table-hover table-striped">
						<thead>
							<tr>
								<th width='15%'>编号</th>
								<th width='15%'>标题</th>
								<th width='18%'>开始时间</th>
								<th width='18%'>结束时间</th>
								<th width='16%'>变更原因</th>
								<th width='18%'>描述</th>
							</tr>
						</thead>
						<tbody>
							<c:forEach var="xcdChange" items="${changeOrder}">
								<tr>
									<td>${xcdChange.changeOrderCode}</td>
									<c:set var="str1" value="${xcdChange.changeOrderTitle}"></c:set>
									<c:if test="${fn:length(str1)>=12}">
									<td title="${xcdChange.changeOrderTitle}">${fn:substring(str1,0,12)}...</td>
									</c:if>
									<c:if test="${fn:length(str1)<12}">
                                    <td>${xcdChange.changeOrderTitle}</td>
                                    </c:if>
									<td><fmt:formatDate value="${xcdChange.changeStartTime}" pattern="yyyy-MM-dd HH:mm:ss"/></td>
									<td><fmt:formatDate value="${xcdChange.changeEndTime}" pattern="yyyy-MM-dd HH:mm:ss"/></td>
									<td>${xcdChange.changeReason}</td>
									<c:set var="str2" value="${xcdChange.changeOrderComments}"></c:set>
									<c:if test="${fn:length(str2)>=12}">
									<td title="${xcdChange.changeOrderComments}">${fn:substring(str2,0,12)}...</td>
								    </c:if>
								    <c:if test="${fn:length(str2)<12}">
                                    <td title="${xcdChange.changeOrderComments}">${xcdChange.changeOrderComments}</td>
                                    </c:if>
								</tr>
							</c:forEach>
						</tbody>
					</table>
				</div>
			</div>
		</div>

		<div class="col-xs-12" id="relatedWarningDisplay">
			<div class="panel panel-default">
				<div class="panel-heading">
					相关告警信息
					<!-- <div  class="btn-group btn-group-cog" style="">
						<button type="button" class="btn btn-default dropdown-toggle btn-control-cog" id="lookMore">查看更多</button>
					</div> -->
				</div>
				<div class="tab-content panel-body">
					<div id="displayIframe">
						<c:forEach var="failureAttachment" items="${failureAttachments}">
	 						<c:if test="${failureAttachment.isPicture=='Y'}"><img style="max-width: 100%" src="${picPath}${failureAttachment.failureAttachmentFileName}" alt="找不到图片"/></c:if>
	 						<br/>
	 					</c:forEach>
					</div>
					<div id="displayPic">
					
					</div>
		        </div>
			</div>
		</div>
		<form action="#" method="get" id="listForm"></form>
 </div>
	<script type="text/javascript" src="${ctx}/static/js/jquery-1.9.1.js"></script>
	<script type="text/javascript" src="${ctx}/static/js/commonutils.js"></script>
<script type="text/javascript">
	ifGeneratedFromWo = "${ifGeneratedFromWo}";
	var warningIds = "${warningList}";
	var xcdId = "${xcdId}";
	var ifGeneratedFromSystem = "${ifGeneratedFromSystem}";
	//var globleXcdId="xcd";
	var clickXcdId = xcdId;
	var changeOrderSize = "${changeOrderSize}";
	var workingOrderSize = "${workingOrderSize}";
	var isDisplayAsPic = "${isDisplayAsPic}";
	var isTablePic = "${isTabel}";
	//alert("isTablePic="+isTablePic);
	//外部故障
	if(ifGeneratedFromWo=="N"){
		$(".downSite").show();/* css("display","block"); */
		//$("#lookMore").hide();
		$("#xcdDisplay").css("display","none");
		if(changeOrderSize==0){
			$("#changeDisplay").css("display","none");
		}else{
			$("#changeDisplay").css("display","block");
		}
		//$("#changeDisplay").css("display","none");
		if(isDisplayAsPic!="Y"){
			$("#relatedWarningDisplay").hide();
		}else{
			$("#relatedWarningDisplay").find(".panel-heading").html("故障相关图片");
		}
	//关联协查单故障	
	}else{
		$(".downSite").hide();/* css("display","none"); */
		if(changeOrderSize==0){
			$("#changeDisplay").css("display","none");
		}else{
			$("#changeDisplay").css("display","block");
		}
		if(workingOrderSize==0){
			$("#xcdDisplay").css("display","none");
		}else{
			$("#xcdDisplay").css("display","block");
		}
		
		$("#displayIframe").empty();
		$("#displayPic").empty();
		//alert("index coming");
		//协查单有系统生成而来
		if(isTablePic=="table"){
			//$("#lookMore").hide();
			$.ajax({
					type : 'GET',
					contentType : 'application/json',
					url: "${ctx}/MonitorOperation/FailureAnalysisDetailDisplay/select_warning/"+xcdId+"/"+Date.parse(new Date()),
					dataType : 'text',
					beforeSend: function(data) {},
					success: function(data) {
						for(var i=0;i<data.length;i++){
	                      if(data[i]=='\"'){
	                         data=data.replace('\"','\'');
	                      }             
	                  }
	                  
					  data=eval("("+data+")");
					  if(data==""){
					  	$("#relatedWarningDisplay").hide();
					  }
					  else{
					  	var warningTable = $("<table class='table table-hover table-striped'><thead><tr><th>ID</th><th>告警标题</th><th>省份</th><th>渠道</th><th>数据来源</th><th>业务</th><th>发生时间</th><th>重要级别</th></tr></thead></table>");
					  var tbody = $("<tbody></tbody>");
					  for(var i=0;i<data.length;i++){
					  	var warningTd = $("<tr><td>"+data[i].warningId+"</td><td>"+
					  								((data[i].warningTitle!=null)?data[i].warningTitle:"")+"</td><td>"+
					  								((data[i].provinceName!=null)?data[i].provinceName:"")+"</td><td>"+
					  								((data[i].channelName!=null)?data[i].channelName:"")+"</td><td>"+
					  								((data[i].dataSourceName!=null)?data[i].dataSourceName:"")+"</td><td>"+
					  								((data[i].businessName!=null)?data[i].businessName:"")+"</td><td>"+
					  								((data[i].occurTime!=null&&data[i].occurTime!='')?formatDate(data[i].occurTime,"yyyy-MM-dd HH:mm:ss"):"")+"</td><td>"+
					  								((data[i].importanceLevelName!=null)?data[i].importanceLevelName:"")+"</td></tr>");
					  	tbody.append(warningTd);
					  }
					  warningTable.append(tbody);
					  $("#displayIframe").append(warningTable);
					  }
					  
					}
			});
		}else if(isTablePic=="pic"){
			if(warningIds!="" && warningIds.split(",").length>0){
			for(var j=0;j<warningIds.split(',').length;j=j+4){
					if(warningIds.split(",")[j]==xcdId){
							if(warningIds.split(',')[j+2]==2 || warningIds.split(',')[j+2]==3){
							var appendDivMul = $("<div class='col-xs-12' align='center'></div>").append($("<p class='spanTitle'></p>").text("告警ID号:"+warningIds.split(',')[j+1]))
									.append((warningIds.split(',')[j+2]==2)?$("<iframe id='warningPic"+j+"' name='warningPic"+j+"' class='statistics' style='height:300px;' scrolling='no'></iframe>")
									.attr("src","${biserver_config}&path=MonitorOperation/WarnAnalysis&action=GJFX_DETAIL_RELATED_EWARN.xaction&height=280&wrapper=false&WarningID="+warningIds.split(',')[j+1]+"&WarningSourceTag="+warningIds.split(',')[j+2]+"&ctx=${ctx}"):
									$("<iframe id='warningPic"+j+"' name='warningPic"+j+"' class='statistics' style='height:592px;' scrolling='no'></iframe>")
									.attr("src","${biserver_config}&path=MonitorOperation/WarnAnalysis&action=GJFX_DETAIL_RELATED_EWARN.xaction&height=580&wrapper=false&WarningID="+warningIds.split(',')[j+1]+"&WarningSourceTag="+warningIds.split(',')[j+2]+"&ctx=${ctx}")
									);
							$("#displayPic").append(appendDivMul);
						}
					}	
				}
		/* globleXcdId = xcdId;
		var i = 0;
		if(warningIds.split(",")[i]==xcdId){
			if(warningIds.split(',')[i+2]==2 || warningIds.split(',')[i+2]==3){
			var appendDivOne;
			//alert("WarningID="+warningIds.split(',')[i]+"&WarningSourceID="+warningIds.split(',')[i+1]+"&DataSourceID="+warningIds.split(',')[i+2]);
			   if(warningIds.split(',')[i+2]==2){
				appendDivOne = $("<div class='col-xs-12' align='center'></div>").append($("<p class='spanTitle'></p>").text("告警ID号:"+warningIds.split(',')[i+1]))
							.append($("<iframe id='warningPicIndex' name='warningPicIndex' class='statistics' style='height:300px;padding: 7px;' scrolling='no'></iframe>")
							.attr("src","${biserver_config}&path=MonitorOperation/WarnAnalysis&action=GJFX_DETAIL_RELATED_EWARN.xaction&height=272&wrapper=false&WarningID="+warningIds.split(',')[i+1]+"&WarningSourceTag="+warningIds.split(',')[i+2]+"&DataSourceID="+warningIds.split(',')[i+3]+"&ctx=${ctx}")
							);
				}else if(warningIds.split(',')[i+2]==3){
				appendDivOne = $("<div class='col-xs-12' align='center'></div>").append($("<p class='spanTitle'></p>").text("告警ID号:"+warningIds.split(',')[i+1]))
							.append($("<iframe id='warningPicIndex' name='warningPicIndex' class='statistics' style='height:560px;padding: 7px;' scrolling='no'></iframe>")
							.attr("src","${biserver_config}&path=MonitorOperation/WarnAnalysis&action=GJFX_DETAIL_RELATED_EWARN.xaction&height=534&wrapper=false&WarningID="+warningIds.split(',')[i+1]+"&WarningSourceTag="+warningIds.split(',')[i+2]+"&DataSourceID="+warningIds.split(',')[i+3]+"&ctx=${ctx}")
							);
				}			
				$("#displayIframe").append(appendDivOne);
			}
  		}	 */	
}
		}else if(isTablePic=="tablePic"){
			$.ajax({
					type : 'GET',
					contentType : 'application/json',
					url: "${ctx}/MonitorOperation/FailureAnalysisDetailDisplay/select_warning/"+xcdId+"/"+Date.parse(new Date()),
					dataType : 'text',
					beforeSend: function(data) {},
					success: function(data) {
						for(var i=0;i<data.length;i++){
	                      if(data[i]=='\"'){
	                         data=data.replace('\"','\'');
	                      }             
	                  }
	                  
					  data=eval("("+data+")");
					  if(data==""){
					  	$("#displayIframe").hide();
					  }
					  else{
					  	var warningTable = $("<table class='table table-hover table-striped'><thead><tr><th>ID</th><th>告警标题</th><th>省份</th><th>渠道</th><th>数据来源</th><th>业务</th><th>发生时间</th><th>重要级别</th></tr></thead></table>");
					  var tbody = $("<tbody></tbody>");
					  for(var i=0;i<data.length;i++){
					  	var warningTd = $("<tr><td>"+data[i].warningId+"</td><td>"+
					  								((data[i].warningTitle!=null)?data[i].warningTitle:"")+"</td><td>"+
					  								((data[i].provinceName!=null)?data[i].provinceName:"")+"</td><td>"+
					  								((data[i].channelName!=null)?data[i].channelName:"")+"</td><td>"+
					  								((data[i].dataSourceName!=null)?data[i].dataSourceName:"")+"</td><td>"+
					  								((data[i].businessName!=null)?data[i].businessName:"")+"</td><td>"+
					  								((data[i].occurTime!=null&&data[i].occurTime!='')?formatDate(data[i].occurTime,"yyyy-MM-dd HH:mm:ss"):"")+"</td><td>"+
					  								((data[i].importanceLevelName!=null)?data[i].importanceLevelName:"")+"</td></tr>");
					  	tbody.append(warningTd);
					  }
					  warningTable.append(tbody);
					  $("#displayIframe").append(warningTable);
					  }
					  
					}
			});
			
			
			if(warningIds!="" && warningIds.split(",").length>0){
			for(var j=0;j<warningIds.split(',').length;j=j+4){
					if(warningIds.split(",")[j]==xcdId){
							if(warningIds.split(',')[j+2]==2 || warningIds.split(',')[j+2]==3){
							var appendDivMul = $("<div class='col-xs-12' align='center'></div>").append($("<p class='spanTitle'></p>").text("告警ID号:"+warningIds.split(',')[j+1]))
									.append((warningIds.split(',')[j+2]==2)?$("<iframe id='warningPic"+j+"' name='warningPic"+j+"' class='statistics' style='height:300px;' scrolling='no'></iframe>")
									.attr("src","${biserver_config}&path=MonitorOperation/WarnAnalysis&action=GJFX_DETAIL_RELATED_EWARN.xaction&height=280&wrapper=false&WarningID="+warningIds.split(',')[j+1]+"&WarningSourceTag="+warningIds.split(',')[j+2]+"&ctx=${ctx}"):
									$("<iframe id='warningPic"+j+"' name='warningPic"+j+"' class='statistics' style='height:592px;' scrolling='no'></iframe>")
									.attr("src","${biserver_config}&path=MonitorOperation/WarnAnalysis&action=GJFX_DETAIL_RELATED_EWARN.xaction&height=580&wrapper=false&WarningID="+warningIds.split(',')[j+1]+"&WarningSourceTag="+warningIds.split(',')[j+2]+"&ctx=${ctx}")
									);
							$("#displayPic").append(appendDivMul);
						}
					}	
				}
			}
			
		}else{
			$("#relatedWarningDisplay").hide();
		}
	
}
	//点击协查单更改相关联的故障图片
function relevantPicClick(xcdIdFront,ifGeneratedBySystem,aTag){
		//alert("click coming");
		clickXcdId = xcdIdFront;
		$("#displayIframe").empty();
		$("#displayPic").empty();
		if(isTablePic=="table"){
			$("#xcdTbody").find("tr").removeClass("orange-tr");
			$(aTag).parents("tr").addClass("orange-tr");
			//$("#lookMore").hide();
			$.ajax({
					type : 'GET',
					contentType : 'application/json',
					url: "${ctx}/MonitorOperation/FailureAnalysisDetailDisplay/select_warning/"+xcdIdFront+"/"+Date.parse(new Date()),
					dataType : 'text',
					beforeSend: function(data) {},
					success: function(data) {
						for(var i=0;i<data.length;i++){
	                      if(data[i]=='\"'){
	                         data=data.replace('\"','\'');
	                      }             
	                  }
	                  
					  data=eval("("+data+")");
					  $("#displayIframe").empty();
					  if(data==""){
					  	$("#relatedWarningDisplay").hide();
					  }else{
					  	var warningTable = $("<table class='table table-hover table-striped'><thead><tr><th>ID</th><th>告警标题</th><th>省份</th><th>渠道</th><th>数据来源</th><th>业务</th><th>发生时间</th><th>重要级别</th></tr></thead></table>");
					  var tbody = $("<tbody></tbody>");
					  for(var i=0;i<data.length;i++){
					  	
					  	var warningTd = $("<tr><td>"+data[i].warningId+"</td><td>"+
					  								((data[i].warningTitle!=null)?data[i].warningTitle:"")+"</td><td>"+
					  								((data[i].provinceName!=null)?data[i].provinceName:"")+"</td><td>"+
					  								((data[i].channelName!=null)?data[i].channelName:"")+"</td><td>"+
					  								((data[i].dataSourceName!=null)?data[i].dataSourceName:"")+"</td><td>"+
					  								((data[i].businessName!=null)?data[i].businessName:"")+"</td><td>"+
					  								((data[i].occurTime!=null&&data[i].occurTime!='')?formatDate(data[i].occurTime,"yyyy-MM-dd HH:mm:ss"):"")+"</td><td>"+
					  								((data[i].importanceLevelName!=null)?data[i].importanceLevelName:"")+"</td></tr>");
					  	tbody.append(warningTd);
					  }
					  warningTable.append(tbody);
					  $("#displayIframe").append(warningTable);
					  }
					  
					}
			});
		}else if(isTablePic=="pic"){
			$("#xcdTbody").find("tr").removeClass("orange-tr");
			$(aTag).parents("tr").addClass("orange-tr");
			
			//globleXcdId = xcdIdFront;
			$("#displayPic").empty();
			//$("#lookMore").show();
			if(warningIds!="" && warningIds.split(",").length>0){
				for(var j=0;j<warningIds.split(',').length;j=j+4){
					if(warningIds.split(",")[j]==xcdIdFront){
							if(warningIds.split(',')[j+2]==2 || warningIds.split(',')[j+2]==3){
							var appendDivMul = $("<div class='col-xs-12' align='center'></div>").append($("<p class='spanTitle'></p>").text("告警ID号:"+warningIds.split(',')[j+1]))
									.append((warningIds.split(',')[j+2]==2)?$("<iframe id='warningPic"+j+"' name='warningPic"+j+"' class='statistics' style='height:300px;' scrolling='no'></iframe>")
									.attr("src","${biserver_config}&path=MonitorOperation/WarnAnalysis&action=GJFX_DETAIL_RELATED_EWARN.xaction&height=280&wrapper=false&WarningID="+warningIds.split(',')[j+1]+"&WarningSourceTag="+warningIds.split(',')[j+2]+"&ctx=${ctx}"):
									$("<iframe id='warningPic"+j+"' name='warningPic"+j+"' class='statistics' style='height:592px;' scrolling='no'></iframe>")
									.attr("src","${biserver_config}&path=MonitorOperation/WarnAnalysis&action=GJFX_DETAIL_RELATED_EWARN.xaction&height=580&wrapper=false&WarningID="+warningIds.split(',')[j+1]+"&WarningSourceTag="+warningIds.split(',')[j+2]+"&ctx=${ctx}")
									);
							$("#displayPic").append(appendDivMul);
						}
					}	
				}
			/* var i = 0;
			if(warningIds.split(",")[i]==xcdIdFront){
			//alert("warningIds="+warningIds.split(",")[i]+"\nXcdId="+xcdIdFront);
				if(warningIds.split(',')[i+2]==2 || warningIds.split(',')[i+2]==3){
				var appendDivOne;
				//alert("WarningID="+warningIds.split(',')[i]+"&WarningSourceID="+warningIds.split(',')[i+1]+"&DataSourceID="+warningIds.split(',')[i+2]);
				 if(warningIds.split(',')[i+2]==2){
				    appendDivOne = $("<div class='col-xs-12' align='center'></div>").append($("<p class='spanTitle'></p>").text("告警ID号:"+warningIds.split(',')[i+1]))
							.append($("<iframe id='warningPicIndex' name='warningPicIndex' class='statistics' style='height:300px;padding: 7px;' scrolling='no'></iframe>")
							.attr("src","${biserver_config}&path=MonitorOperation/WarnAnalysis&action=GJFX_DETAIL_RELATED_EWARN.xaction&height=272&wrapper=false&WarningID="+warningIds.split(',')[i+1]+"&WarningSourceTag="+warningIds.split(',')[i+2]+"&DataSourceID="+warningIds.split(',')[i+3]+"&ctx=${ctx}")
							);
				 }else{
				   appendDivOne = $("<div class='col-xs-12' align='center'></div>").append($("<p class='spanTitle'></p>").text("告警ID号:"+warningIds.split(',')[i+1]))
							.append($("<iframe id='warningPicIndex' name='warningPicIndex' class='statistics' style='height:560px;padding: 7px;' scrolling='no'></iframe>")
							.attr("src","${biserver_config}&path=MonitorOperation/WarnAnalysis&action=GJFX_DETAIL_RELATED_EWARN.xaction&height=534&wrapper=false&WarningID="+warningIds.split(',')[i+1]+"&WarningSourceTag="+warningIds.split(',')[i+2]+"&DataSourceID="+warningIds.split(',')[i+3]+"&ctx=${ctx}")
							);
				  }			
					$("#displayIframe").append(appendDivOne);
				}
	  		} */		
		}
	}else if(isTablePic=="tablePic"){
		//alert("tablePic click");
		$.ajax({
					type : 'GET',
					contentType : 'application/json',
					url: "${ctx}/MonitorOperation/FailureAnalysisDetailDisplay/select_warning/"+xcdIdFront+"/"+Date.parse(new Date()),
					dataType : 'text',
					beforeSend: function(data) {},
					success: function(data) {
						for(var i=0;i<data.length;i++){
	                      if(data[i]=='\"'){
	                         data=data.replace('\"','\'');
	                      }             
	                  }
	                  
					  data=eval("("+data+")");
					  $("#displayIframe").empty();
					  if(data==""){
					  	$("#displayIframe").hide();
					  }else{
					  	var warningTable = $("<table class='table table-hover table-striped'><thead><tr><th>ID</th><th>告警标题</th><th>省份</th><th>渠道</th><th>数据来源</th><th>业务</th><th>发生时间</th><th>重要级别</th></tr></thead></table>");
					  var tbody = $("<tbody></tbody>");
					  for(var i=0;i<data.length;i++){
					  	
					  	var warningTd = $("<tr><td>"+data[i].warningId+"</td><td>"+
					  								((data[i].warningTitle!=null)?data[i].warningTitle:"")+"</td><td>"+
					  								((data[i].provinceName!=null)?data[i].provinceName:"")+"</td><td>"+
					  								((data[i].channelName!=null)?data[i].channelName:"")+"</td><td>"+
					  								((data[i].dataSourceName!=null)?data[i].dataSourceName:"")+"</td><td>"+
					  								((data[i].businessName!=null)?data[i].businessName:"")+"</td><td>"+
					  								((data[i].occurTime!=null&&data[i].occurTime!='')?formatDate(data[i].occurTime,"yyyy-MM-dd HH:mm:ss"):"")+"</td><td>"+
					  								((data[i].importanceLevelName!=null)?data[i].importanceLevelName:"")+"</td></tr>");
					  	tbody.append(warningTd);
					  }
					  warningTable.append(tbody);
					  $("#displayIframe").append(warningTable);
					  }
					  
					}
			});
			
			if(warningIds!="" && warningIds.split(",").length>0){
				for(var j=0;j<warningIds.split(',').length;j=j+4){
					if(warningIds.split(",")[j]==xcdIdFront){
							if(warningIds.split(',')[j+2]==2 || warningIds.split(',')[j+2]==3){
							var appendDivMul = $("<div class='col-xs-12' align='center'></div>").append($("<p class='spanTitle'></p>").text("告警ID号:"+warningIds.split(',')[j+1]))
									.append((warningIds.split(',')[j+2]==2)?$("<iframe id='warningPic"+j+"' name='warningPic"+j+"' class='statistics' style='height:300px;' scrolling='no'></iframe>")
									.attr("src","${biserver_config}&path=MonitorOperation/WarnAnalysis&action=GJFX_DETAIL_RELATED_EWARN.xaction&height=280&wrapper=false&WarningID="+warningIds.split(',')[j+1]+"&WarningSourceTag="+warningIds.split(',')[j+2]+"&ctx=${ctx}"):
									$("<iframe id='warningPic"+j+"' name='warningPic"+j+"' class='statistics' style='height:592px;' scrolling='no'></iframe>")
									.attr("src","${biserver_config}&path=MonitorOperation/WarnAnalysis&action=GJFX_DETAIL_RELATED_EWARN.xaction&height=580&wrapper=false&WarningID="+warningIds.split(',')[j+1]+"&WarningSourceTag="+warningIds.split(',')[j+2]+"&ctx=${ctx}")
									);
							$("#displayPic").append(appendDivMul);
						}
					}	
				}		
		}
	}else{
			$("#relatedWarningDisplay").hide();
		}		 
}
/* 
	//点击更多,得到图片
	$("#lookMore").click(function(){
		if(globleXcdId!="xcd"){
			$("#lookMore").hide();
			if(warningIds!=""){
				for(var j=4;j<warningIds.split(',').length;j=j+4){
					if(warningIds.split(",")[j]==globleXcdId){
							if(warningIds.split(',')[j+2]==2 || warningIds.split(',')[j+2]==3){
							var appendDivMul = $("<div class='col-xs-12' align='center'></div>").append($("<p class='spanTitle'></p>").text("告警ID号:"+warningIds.split(',')[j+1]))
									.append((warningIds.split(',')[j+2]==2)?$("<iframe id='warningPic"+j+"' name='warningPic"+j+"' class='statistics' style='height:300px;' scrolling='no'></iframe>")
									.attr("src","${biserver_config}&path=MonitorOperation/WarnAnalysis&action=GJFX_DETAIL_RELATED_EWARN.xaction&height=280&wrapper=false&WarningID="+warningIds.split(',')[j+1]+"&WarningSourceTag="+warningIds.split(',')[j+2]+"&ctx=${ctx}"):
									$("<iframe id='warningPic"+j+"' name='warningPic"+j+"' class='statistics' style='height:592px;' scrolling='no'></iframe>")
									.attr("src","${biserver_config}&path=MonitorOperation/WarnAnalysis&action=GJFX_DETAIL_RELATED_EWARN.xaction&height=580&wrapper=false&WarningID="+warningIds.split(',')[j+1]+"&WarningSourceTag="+warningIds.split(',')[j+2]+"&ctx=${ctx}")
									);
							$("#displayIframe").append(appendDivMul);
						}
					}	
				}
			}
		}
		
	}); */
	
	//修改故障原因
	$("#updateFailureReason").click(function(){	
		$('#dialog').fadeIn("fast");
		$("#cancel").click(function(){
			$('#dialog').fadeOut("fast");;
			//$("#hidDiv").empty();
		});
	$("#submit").click(function(){
			$('#dialog').fadeOut("fast");;
			var failureReason = $("#reasonText").val();
			var solution = $("#solutionText").val();
			if(failureReason==""){
				failureReason = " ";
			}
			if(solution==""){
				solution = " ";
			}
			var failureId = "${failureIdVal}";
			location.href = "${ctx}/MonitorOperation/FailureAnalysisDetailDisplay?failureReason="+encodeURIComponent(failureReason)+"&solution="+encodeURIComponent(solution)+"&failureIdVal="+failureId;
			
	});
	});
	
</script>
<script type="text/javascript">
	//下载文件
	function downFile(filePath){
		var uploadFile = "${ctx}/MonitorOperation/FailureAnalysisDetailDisplay/downFile?fileSite="+filePath;
		var listForm=$("#listForm");
		listForm.attr("method","post");
		listForm.attr("action",uploadFile);
		listForm.submit();
		listForm.attr("action","#");
	}
	
	//导出数据
	$("#exportData").click(function(){
		var picArr = new Array();
		var titleName = new Array();
           $("#displayPic").find(".spanTitle").each(function(){
          	titleName.push($(this).text().split(":")[1]);
          }); 
         // alert("titleName="+titleName);
		$("#displayPic").find("iframe").each(function(){	
			//alert("find iframe");
			//var tmpArr = new Array();
			
            var tmpStr = $(window.frames[$(this).attr("id")].document).find("img").attr("src");
           // tmpArr = tmpStr.split("?image=");
            picArr.push(tmpStr);
            
            
		});
		
		var picStr = picArr.join(",");
		console.log("picStr="+picStr);
		var exportWord = "${ctx}/MonitorOperation/FailureAnalysisDetailDisplay/exportWord?clickXcdId="+clickXcdId+"&picStr="+picStr+"&titleName="+encodeURI(encodeURI(titleName));
		var listForm=$("#listForm");
		listForm.attr("method","post");
		listForm.attr("action",exportWord);
		listForm.submit();
		listForm.attr("action","#"); 
	});
</script>
  </body>
 
</html>