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