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