<%@ page language="java" pageEncoding="UTF-8" %> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@ taglib prefix="tags" tagdir="/WEB-INF/tags"%> <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %> <%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %> <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"> <script src="${ctx}/static/artDialog4.1.7/artDialog.source.js?skin=default"></script> <script src="${ctx}/static/artDialog4.1.7/plugins/iframeTools.source.js"></script> <script type="text/javascript" src="${ctx}/static/js/failureAnalysisDetailTable.js"></script> <script type="text/javascript"> $(document).ready(function(){ failureTable(); initDateDetail(); $("#businessSelectAreaDetail").hide(); }); </script> </head> <body> <div id="sticky-wrap"> </div> <div> <div class="container"> <ol class="breadcrumb"> <li><a href="${ctx}/index">首页</a></li> <li>监控运营</li> <li class="active">故障管理</li> </ol> </div> </div> <div id="main-container main-tab-container"> <div id="content" class="container"> <div class="tab-bar-bt"> <ul class="nav nav-tabs"> <li><a id="a_statistics" href="${ctx}/MonitorOperation/FailureAnalysis" >故障统计</a></li> <li class="active"><a id="a_detail" href="#detail" data-toggle="tab">故障明细</a></li> <li><a id="a_refer" href="${ctx}/MonitorOperation/FailureAnalysisXcd">故障维护</a></li> </ul> </div> <div class="section"> <div class="tab-content"> <!-- ------------------------------------------------ 故障明细展示 -------------- ------------------------------------------------ --> <div class="tab-pane fade in active" id="detail"> <div class="row me-row"> <div id="slidePushMenus2" class="cbp-spmenu-push"> <div class="slideMenu" id="cbp-spmenu-s2" style=""> <div class="form"> <!-- 筛选项条件代码写于此--> <tags:GZFX_Period_detail/> <tags:GZFX_detail_datasource_channle_business/> <!-- <tags:GZFX_Province_detail/> <tags:GZFX_Provider_detail/> --> <tags:GZFX_Provider_Province_detail/> <tags:GZFX_WarningSource_detail/> <tags:GZFX_XcdStatus/> <tags:GZFX_TitleSearch/> <button class="btn btn-primary" onclick="detailSubmit()">提交</button> <button class="btn btn-warning" onclick="detailReset()">重置</button> </div> </div> <div class="main col-xs-12"> <!-- <table id="mainm2" class="mainm" onclick="hideMenu('showLeftPush2','slidePushMenus2')"></table> --> <div id="mainm2" class="mainm" ></div> <div class="content clearfix"> <div class="block clearfix"> <button id="showLeftPush2" class="menu-trigger btn btn-default" onclick="toggleMenu('slidePushMenus2')"> <span class="glyphicon glyphicon-list"></span> </button> <div class="slide-menu-tags"> <span id="detailPeriodTag" class="label label-info" data-placement="bottom">最近一个月</span> <span id="detailDataSourceTag" class="label label-info" data-placement="bottom"></span> <span id="detailChannelTag" class="label label-info" data-placement="bottom"></span> <span id="detailBusinessTag" class="label label-info" data-placement="bottom"></span> <span id="detailProvinceTag" class="label label-info" data-placement="bottom"></span> <span id="detailProviderTag" class="label label-info" data-placement="bottom"></span> <span id="detailXcdStatusTag" class="label label-info" data-placement="bottom"></span> <span id="detailTitleTag" class="label label-info" data-placement="bottom"></span> <span id="detailWarningSourceTag" class="label label-info" data-placement="bottom"></span> <span id="detailFailureIdTag" class="label label-info" data-placement="bottom"></span> </div> <div class="bt-list-import"> <a href="#" id="gzfxDetailUpload" class=""> <span class="glyphicon glyphicon-import"></span> <span class="glyphicon-class">导出Excel</span> </a> </div> </div> <div class="row"> <div class="col-xs-12"> <div class="table-header"> 故障明细列表 <shiro:hasAnyRoles name="admin,dataAnalysis,businessAnalysis"> <div id="time_div" style="top: -6px;float: right;height: 0px;position: relative;"> <button id="deleteFailureBtn" class="btn-sm btn btn-primary btn-sm btn-group btn-group-cog" onclick="failureDelete()">删除故障</button> </div> </shiro:hasAnyRoles> </div> <!--写故障明细列表处--> <table class="table table-hover table-striped" id="failureAnalysisDetailTable"> </table> </div> </div> </div> </div> </div> </div> </div> <form action="#" method="get" id="listForm"></form> <input type="hidden" id="gzfxDetail" name="gzfxDetail" value='${gzfxDetailInfos}' /> </div> </div> </div> </div> <script type="text/javascript"> //判断是否重置了 var judge = true ; //onloading 确认标签 var failureId = "${failureId}"; var driProvinceId = "${driProvinceId}"; var driProviderId = "${driProviderId}"; var driDateVal = "${driDateVal}"; if(failureId!=""){ $("#detailPeriodTag").empty(); $("#detailFailureIdTag").text("故障ID:"+failureId); } if(driProvinceId!=""){ $("#detailProvinceTag").text("省份").append($("<span class='badge'></span>").text("1")).attr('data-original-title',$(".provinceDetail[value="+driProvinceId+"]").attr("title")).tooltip(); } if(driProviderId!=""){ $("#detailProviderTag").text("集成商").append($("<span class='badge'></span>").text("1")).attr('data-original-title',$(".providerDetail[value="+driProviderId+"]").attr("title")).tooltip(); } //时间需要转换 if(driDateVal!=""){ $("#detailPeriodTag").text("时间范围").attr('data-original-title',driDateVal).tooltip(); } //条件筛选后的标签改变 if("${filterDataSource}"!="" && "${filterBusiness}"!="" && "${filterChannel}"!="" && "${filterProvince}"!="" && "${filterProvider}"!=""){ var filterTimeTag = "${filterTimeTag}"; $("#detailPeriodTag").text("时间范围").attr('data-original-title',(filterTimeTag.split("-").length>1)?filterTimeTag:"").tooltip(); $("#detailDataSourceTag").text("数据来源").append($("<span class='badge'></span>").text("${filterDataSource}".split(" ").length)).attr('data-original-title',"${filterDataSource}").tooltip(); //渠道刷选项 $("#detailChannelTag").text("渠道").append($("<span class='badge'></span>").text("${filterChannel}".split(" ").length)).attr('data-original-title',"${filterChannel}").tooltip(); //业务刷选项 $("#detailBusinessTag").text("业务").append($("<span class='badge'></span>").text("${filterBusiness}".split(" ").length)).attr('data-original-title',"${filterBusiness}").tooltip(); //省份筛选项 $("#detailProvinceTag").text("省份").append($("<span class='badge'></span>").text("${filterProvince}".split(" ").length)).attr('data-original-title',"${filterProvince}").tooltip(); //集成商筛选项 $("#detailProviderTag").text("集成商").append($("<span class='badge'></span>").text("${filterProvider}".split(" ").length)).attr('data-original-title',"${filterProvider}").tooltip(); if("${filterWarningSource}"!=""){ //故障来源 $("#detailWarningSourceTag").text("故障来源").append($("<span class='badge'></span>").text("${filterWarningSource}".split(" ").length)).attr('data-original-title',"${filterWarningSource}").tooltip(); } }else if("${filterBusiness}"=="" && "${filterDataSource}"!="" && "${filterChannel}"!="" && "${filterProvince}"!="" && "${filterProvider}"!=""){ var filterTimeTag = "${filterTimeTag}"; $("#detailPeriodTag").text("时间范围").attr('data-original-title',(filterTimeTag.split("-").length>1)?filterTimeTag:"").tooltip(); $("#detailDataSourceTag").text("数据来源").append($("<span class='badge'></span>").text("${filterDataSource}".split(" ").length)).attr('data-original-title',"${filterDataSource}").tooltip(); //渠道刷选项 $("#detailChannelTag").text("渠道").append($("<span class='badge'></span>").text("${filterChannel}".split(" ").length)).attr('data-original-title',"${filterChannel}").tooltip(); //省份筛选项 $("#detailProvinceTag").text("省份").append($("<span class='badge'></span>").text("${filterProvince}".split(" ").length)).attr('data-original-title',"${filterProvince}").tooltip(); //集成商筛选项 $("#detailProviderTag").text("集成商").append($("<span class='badge'></span>").text("${filterProvider}".split(" ").length)).attr('data-original-title',"${filterProvider}").tooltip(); }else if("${filterBusiness}"=="" && "${filterDataSource}"=="" && "${filterChannel}"=="" && "${filterProvince}"!="" && "${filterProvider}"!=""){ //省份筛选项 $("#detailProvinceTag").text("省份").append($("<span class='badge'></span>").text("${filterProvince}".split(" ").length)).attr('data-original-title',"${filterProvince}").tooltip(); //集成商筛选项 $("#detailProviderTag").text("集成商").append($("<span class='badge'></span>").text("${filterProvider}".split(" ").length)).attr('data-original-title',"${filterProvider}").tooltip(); } </script> <script type="text/javascript"> //var upLoadExcel = "${ctx}/MonitorOperation/FailureAnalysisDetail/upLoadGzfxDetailExcel"; function writeLable(){ if(judge == true){ $("#detailPeriodTag").text("最近一个月"); $("#detailDataSourceTag").empty(); $("#detailChannelTag").empty(); $("#detailBusinessTag").empty(); $("#detailProvinceTag").empty(); $("#detailProviderTag").empty(); $("#detailXcdStatusTag").empty(); $("#detailWarningSourceTag").empty(); }else{ if($("#titleText").val()!=""){ $("#detailPeriodTag").empty(); $("#detailDataSourceTag").empty(); $("#detailChannelTag").empty(); $("#detailBusinessTag").empty(); $("#detailProvinceTag").empty(); $("#detailProviderTag").empty(); $("#detailXcdStatusTag").empty(); $("#detailWarningSourceTag").empty(); $('#detailTitleTag').text("故障标题:"+$("#titleText").val()); }else{ $('#detailTitleTag').empty(); $("#detailWarningSourceTag").text("故障来源").append($("<span class='badge'></span>").text(getStatsWarningSourceCheckedValues().length)).attr('data-original-title',getStatsWaringSourceCheckedTitles()).tooltip(); $("#detailXcdStatusTag").text("协查单状态:"+getXcdStatusTitle()); $("#detailPeriodTag").text((getDetailPeriodStr()=="")?"最近一个月":"时间范围").attr('data-original-title',getDetailPeriodStr()).tooltip(); //数据来源刷选项 $("#detailDataSourceTag").text("数据来源").append($("<span class='badge'></span>").text(getDetailDataSourceCheckedTexts().length)).attr('data-original-title',getDetailDataSourceCheckedTitles()).tooltip(); //渠道刷选项 $("#detailChannelTag").text("渠道").append($("<span class='badge'></span>").text(getDetailChannelCheckedValues().length)).attr('data-original-title',getDetailChannelCheckedTitles()).tooltip(); //业务刷选项 $("#detailBusinessTag").text("业务").append($("<span class='badge'></span>").text(getDetailBusinessCheckedValues().length)).attr('data-original-title',getDetailBusinessCheckedTitlesString()).tooltip(); //省份筛选项 $("#detailProvinceTag").text("省份").append($("<span class='badge'></span>").text(getDetailProvinceCheckedValues().length)).attr('data-original-title',getDetailProvinceCheckedTitles()).tooltip(); //集成商筛选项 $("#detailProviderTag").text("集成商").append($("<span class='badge'></span>").text(getDetailProviderCheckedValues().length)).attr('data-original-title',getDetailProviderCheckedTitles()).tooltip(); } } } function detailSubmit(){ var failureTitle = $.trim(getTitle()); var detailTime = getDetailPeriodStr(); var detailProvince = getDetailProvinceCheckedValueString(); var detailProvider = getDetailProviderCheckedValuesString(); var xcdStatus = getXcdStatusValue(); var detailWarningSource = getStatsWarningSourceValue(); var detailDataSource = getDetailDataSourceCheckedValuesString(); var detailChannel = getDetailChannelCheckedValuesString(); var detailBusiness = getDetailBusinessCheckedValuesString(); var detailDatasourceSum = getDetailDataSourceCheckedValues().length; var detailChannelSum = getDetailChannelCheckedValues().length; var detailBusinessSum = getDetailBusinessCheckedValues().length; var detailProvinceSum = getDetailProvinceCheckedValues().length; var detailProviderSum = getDetailProviderCheckedValues().length; var detailWarningSourcem = getStatsWarningSourceCheckedValues().length; if(failureTitle==""){ if(detailDatasourceSum==0){ $.alert("数据来源的选择不能为空"); }else if(detailChannelSum==0){ $.alert("渠道的选择不能为空"); }else if(detailBusinessSum==0){ $.alert("业务的选择不能为空"); }else if(detailProvinceSum==0){ $.alert("省份的选择不能为空"); }else if(detailProviderSum==0){ $.alert("集成商的选择不能为空"); }else if(detailWarningSourcem==0){ $.alert("故障来源的选择不能为空"); }else { var href="${ctx}/MonitorOperation/FailureAnalysisDetail/changeTable?detailProvince="+detailProvince+"&detailProvider="+detailProvider+"&xcdStatus="+xcdStatus+"&detailDataSource="+detailDataSource+"&detailChannel="+detailChannel+"&detailBusiness="+detailBusiness+"&detailWarningSource="+detailWarningSource+"&failureTitle="+"-1"; //upLoadExcel = "${ctx}/MonitorOperation/FailureAnalysisDetail/upLoadGzfxDetailExcel?detailTime="+detailTime+"&detailProvince="+detailProvince+"&detailProvider="+detailProvider+"&xcdStatus="+xcdStatus+"&detailDataSource="+detailDataSource+"&detailChannel="+detailChannel+"&detailBusiness="+detailBusiness+"&failureTitle="+"-1"; $.ajax({ type : 'GET', contentType : 'application/json', url: encodeURI(encodeURI(href))+"&detailTime="+detailTime,//href, dataType : 'text', beforeSend: function(data) { }, success: function(data) { $("#gzfxDetail").val(data); failureTable(); checkFailureIds=[]; $("#deleteFailureBtn").attr("disabled", true); toggleMenu('slidePushMenus2');//隐藏筛选项 } }); }; }else{ //var href="${ctx}/MonitorOperation/FailureAnalysisDetail/changeTable?detailTime="+detailTime+"&detailProvince="+detailProvince+"&detailProvider="+detailProvider+"&xcdStatus="+xcdStatus+"&detailDataSource="+detailDataSource+"&detailChannel="+detailChannel+"&detailBusiness="+detailBusiness+"&failureTitle="+failureTitle; var href="${ctx}/MonitorOperation/FailureAnalysisDetail/changeTable?detailProvince="+detailProvince+"&detailProvider="+detailProvider+"&xcdStatus="+xcdStatus+"&detailDataSource="+detailDataSource+"&detailChannel="+detailChannel+"&detailBusiness="+detailBusiness+"&detailWarningSource="+detailWarningSource+"&failureTitle="+failureTitle; //upLoadExcel = "${ctx}/MonitorOperation/FailureAnalysisDetail/upLoadGzfxDetailExcel?detailTime="+detailTime+"&detailProvince="+detailProvince+"&detailProvider="+detailProvider+"&xcdStatus="+xcdStatus+"&detailDataSource="+detailDataSource+"&detailChannel="+detailChannel+"&detailBusiness="+detailBusiness+"&failureTitle="+failureTitle; $.ajax({ type : 'GET', contentType : 'application/json', url: encodeURI(encodeURI(href))+"&detailTime="+detailTime,//href, dataType : 'text', beforeSend: function(data) { }, success: function(data) { $("#gzfxDetail").val(data); $("#deleteFailureBtn").attr("disabled", true); checkFailureIds=[]; failureTable(); toggleMenu('slidePushMenus2');//隐藏筛选项 } }); } writeLable(); } //重置detail中的筛选项 function detailReset(){ initDateDetail(); detailDataSourceReset(); //detailProvinceReset(); detailProviderReset(); statsWarningSourceReset(); xcdStatusReset(); titleReset(); judge = true; } //把故障明细统计列表导出为Excel格式 $("#gzfxDetailUpload").click(function(){ //upLoadExcel var listForm=$("#listForm"); listForm.attr("method","post"); listForm.attr("action","${ctx}/MonitorOperation/FailureAnalysisDetail/upLoadGzfxDetailExcel"); listForm.submit(); listForm.attr("action","#"); }); </script> <script type="text/javascript"> function openDialog(failureId){ art.dialog.open('${ctx}/MonitorOperation/FailureAnalysisDetailDisplay?failureIdVal='+failureId, { title: '故障ID:'+failureId, width: '1000px', height: '750px', lock: true, }); } </script> <script type="text/javascript"> function failureDelete(){ $.dialog({ title: "提醒", content:"确定删除故障?", ok: function(){ $.ajax({ type : 'GET', contentType : 'application/json', url: "${ctx}/MonitorOperation/FailureAnalysisDetail/deleteFailure?failureId="+checkFailureIds, dataType : 'text', async: false, beforeSend: function(data) { }, success: function(data) { $("#gzfxDetail").val(data); failureTable(); checkFailureIds=[]; $("#deleteFailureBtn").attr("disabled", true); } }); }, okValue:"确定", cancel: function(){}, cancelValue:"取消", lock:true }); } /* $("#selectFailure").change(function(){ if($("#selectFailure option:selected").val()=="extFailure"){ $("#xcdFailureCriteria").css("display","none"); extReset(); $("#extFailureCriteria").css("display","block"); }else{ $("#extFailureCriteria").css("display","none"); detailReset(); $("#xcdFailureCriteria").css("display","block"); } }); */ /* function extSubmit(){ if(getExtTitle()==""){ if(getPeriodStr()==""){ $.alert("时间不能为空"); }else if(getProviderCheckedValuesString()==""){ $.alert("集成商不能为空"); }else{ var href="${ctx}/MonitorOperation/FailureAnalysisDetail/changeExtFailureTable?failureTime="+getPeriodStr()+"&providers="+getProviderCheckedValuesString()+"&extFailureTitle=-1"; //upLoadExcel = "${ctx}/MonitorOperation/FailureAnalysisDetail/upLoadGzfxDetailExcel?failureTime="+getPeriodStr()+"&providers="+getProviderCheckedValuesString(); $.ajax({ type : 'GET', contentType : 'application/json', url: href, dataType : 'text', beforeSend: function(data) { }, success: function(data) { $("#gzfxDetail").val(data); failureTable(); } }); } //时间筛选项标签 $("#detailPeriodTag").text("时间范围").attr('data-original-title',getPeriodStr()).tooltip(); //集成商筛选项 $("#detailProviderTag").text("集成商").append($("<span class='badge'></span>").text(getProviderCheckedValues().length)).attr('data-original-title',getProviderCheckedTitles()).tooltip(); $("#detailDataSourceTag").empty(); $("#detailChannelTag").empty(); $("#detailBusinessTag").empty(); $("#detailProvinceTag").empty(); $("#detailXcdStatusTag").empty(); $("#detailTitleTag").empty(); }else{ var href="${ctx}/MonitorOperation/FailureAnalysisDetail/changeExtFailureTable?extFailureTitle="+getExtTitle()+"&failureTime="+getPeriodStr()+"&providers="+getProviderCheckedValuesString(); $.ajax({ type : 'GET', contentType : 'application/json', url: href, dataType : 'text', beforeSend: function(data) { }, success: function(data) { $("#gzfxDetail").val(data); failureTable(); } }); $("#detailPeriodTag").empty(); $("#detailProviderTag").empty(); $("#detailDataSourceTag").empty(); $("#detailChannelTag").empty(); $("#detailBusinessTag").empty(); $("#detailProvinceTag").empty(); $("#detailXcdStatusTag").empty(); //标题筛选项 $("#detailTitleTag").text("故障标题:"+getExtTitle()); } toggleMenu('slidePushMenus2'); } function extReset(){ initDate(); providerReset(); extTitleReset(); }*/ </script> </body> </html>