<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="tags" tagdir="/WEB-INF/tags"%>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en">
<head>
<title>全网监控智能分析平台</title>
<script type="text/javascript" src="${ctx}/static/js/classie.js"></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 href="${ctx}/AnalysisSupport/ProviderAnalysis">隐患按集成商分析</a> </li>
<li><a href="${ctx}/AnalysisSupport/ProviderEWarningAnalysis">预警按集成商分析</a> </li>
<li class="active"><a href="a_home" data-toggle="tab">故障按集成商分析</a> </li>
</ul>
</div>
<div class="section">
<div class="tab-content">
<div class="tab-pane fade in active" id="home">
<div class="row me-row">
<div style="display:none;"><!-- 隐藏Tab|二级Tab跳转 -->
<a id="a_tab1" href="#tab1" data-toggle="tab"></a>
<a id="a_tab2" href="#tab2" data-toggle="tab"></a>
<a id="a_tab3" href="#tab3" data-toggle="tab"></a>
</div>
<div id="slidePushMenus" class="cbp-spmenu-push">
<!-- 筛选项内容 -->
<div class="slideMenu" id="cbp-spmenu-s1" style="">
<div class="form">
<tags:PeriodTag />
<tags:JCS_datasource_channle/>
<tags:GZFX_Provider_stats/>
<button id="submit" class="btn btn-primary" onclick="Submit()">提交</button>
<button id="reset" class="btn btn-warning" onclick="resetProviderFailure()">重置</button>
</div>
</div>
<!-- 筛选项内容 End -->
<div class="main col-xs-12">
<div id="mainm" class="mainm"></div>
<div class="content clearfix">
<div class="block clearfix">
<button id="showLeftPush" class="menu-trigger btn btn-default" onclick="toggleMenu('slidePushMenus')">
<span class="glyphicon glyphicon-list"></span>
</button>
<div class="tab-content">
<div class="tab-pane fade in active" id="tab1">
<div class="slide-menu-tags">
<span id="PeriodTag" class="label label-info" data-placement="bottom" >最近一个月</span>
</div>
<div class="bt-list-import">
<a href="#" id="" class="exportReport">
<span class="glyphicon glyphicon-import"></span>
<span class="glyphicon-class">导出报表</span>
</a>
</div>
<div class="row">
<div class="col-xs-12">
<div class="panel panel-default">
<div class="panel-heading">集成商故障分析</div>
<div class="panel-body">
<div name="loading" class="loading"><img src="${ctx}/static/images/loading.gif"/></div>
<iframe id="providerFailureEnter" name="providerFailureEnter" style="height:500px;" scrolling="no" src="${biserver_config}&path=analysissupport/ProviderAnalysis/ProviderFailureAnalysis&action=provider_failure_enter.xaction&height=370&width=790¶m='index'"></iframe>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="tab2">
<div class="slide-menu-tags">
<span id="PeriodTag2" class="label label-info" data-placement="bottom" ></span>
<span id="DataSource2" class="label label-info" data-placement="bottom"></span>
<span id="ChannelTag2" class="label label-info" data-placement="bottom"></span>
<span id="ProviderTag2" class="label label-info" data-placement="bottom" ></span>
</div>
<div class="bt-list-import">
<a id="" class="bt-l-tool" href="javascript:document.getElementById('a_tab1').click()">
<span class="glyphicon glyphicon-retweet"></span>
<span class="glyphicon-class" >返回上一级</span>
</a>
<a href="#" id="" class="exportReport">
<span class="glyphicon glyphicon-import"></span>
<span class="glyphicon-class">导出报表</span>
</a>
</div>
<div class="row">
<div class="col-xs-12">
<div class="panel panel-default">
<div class="panel-heading">集成商故障分析</div>
<div id="channelProviderIfr" class="panel-body">
<div name="loading" class="loading"><img src="${ctx}/static/images/loading.gif"/></div>
<!-- <iframe id="providerFailureChannel" style="height:500px;" scrolling="no" ></iframe> -->
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="tab3">
<div class="slide-menu-tags">
<span id="PeriodTag3" class="label label-info" data-placement="bottom" ></span>
<span id="DataSource3" class="label label-info" data-placement="bottom"></span>
<span id="ChannelTag3" class="label label-info" data-placement="bottom"></span>
<span id="ProviderTag3" class="label label-info" data-placement="bottom" ></span>
<span id="ProvinceTag3" class="label label-info" data-placement="bottom" ></span>
</div>
<div class="bt-list-import">
<a id="aTab3" class="bt-l-tool" href="javascript:;">
<span class="glyphicon glyphicon-retweet"></span>
<span class="glyphicon-class" >返回上一级</span>
</a>
<a href="#" id="" class="exportReport">
<span class="glyphicon glyphicon-import"></span>
<span class="glyphicon-class">导出报表</span>
</a>
</div>
<div class="row">
<div class="col-xs-12">
<div class="panel panel-default">
<div class="panel-heading">集成商分省故障分析</div>
<div id="providerFailureProvince" class="panel-body">
</div>
</div>
</div>
</div>
</div>
<form action="${ctx}/MonitorOperation/FailureAnalysisDetail" id="provinceDrill" target="_blank" method="post">
<input type="hidden" id="timeTagDril" name="timeTag"/>
<input type="hidden" id="dataSourceTagDril" name="dataSourceTag" />
<input type="hidden" id="channelTagDril" name="channelTag" />
<input type="hidden" id="provinceTagDril" name="provinceTag" />
<input type="hidden" id="providerTagDril" name="providerTag" />
</form>
<form id="export" action="#" method="post"></form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
initDate();
// var localPath="http://${ip_biserver}/pentaho/ViewAction?solution=CMSZ&path=analysissupport%2FProviderAnalysis&userid=joe&password=password",
// JCS_PROVIDER_RISK_ANALYSIS_src="&action=JCS_PROVIDER_RISK_ANALYSIS.xaction&height=370",
// JCS_PROVINCE_RISK_ANALYSIS_src="&action=JCS_PROVINCE_RISK_ANALYSIS.xaction&height=370",
// JCS_PROVINCE_RISK_TYPE_ANALYSIS_src="&action=JCS_PROVINCE_RISK_TYPE_ANALYSIS.xaction&height=370",
//窗口自适应函数 |Add by Charmy 02-27|Last modified 03-05
/* window.onload = window.onresize = */ $(function(){
// iframeWidth=(document.body.clientWidth>1024)?(document.body.clientWidth-60)*0.72:660;
for(var i=0;i<$('iframe').length;i++){
if($('iframe').eq(i).parent().find('.loading').length>0){
$('iframe').eq(i).parent().find('.loading').fadeIn("fast"); //显现loading图片
$('iframe').eq(i).load( function(){
$(this).parent().find('.loading').fadeOut("fast"); });//隐藏loading图片
}
/* var srcStr=$('iframe').eq(i).attr('src');
for(var j=0;j<srcStr.split("&").length;j++){
if(srcStr.split("&")[j].split("=")[0]=='width'){
srcStr=srcStr.replace(srcStr.split("&")[j].split("=")[1],iframeWidth); break; }
}
$('iframe').eq(i).attr('src',srcStr); */
}
});
</script>
<script type="text/javascript" src="${ctx}/static/js/publicLog.js"></script>
<script type="text/javascript">
function updateReport(){
publicLog("providerFailureAnalysisIndex");
$("#channelProviderIfr").empty();
var appendDiv = $("<div class='col-xs-12'></div>")
.append($("<iframe id='creteriaIframe' name='creteriaIframe' class='statistics' style='height:500px' scrolling='no'></iframe>")
.attr("src","${biserver_config}&path=analysissupport/ProviderAnalysis/ProviderFailureAnalysis&action=provider_failure_channel.xaction&height=370&width=790"+
"&PeriodTag="+getPeriodStr()
+"&ProviderTag="+getStatsProviderCheckedValuesString()
+"&DataSourceTag="+getStatsDataSourceCheckedValuesString()
+"&ChannelTag="+getStatsChannelCheckedValuesString()
//+"¶m='"+getChannelCheckedValues()[i]+"'"+", '"+getPeriodStr()+"', '"+getProviderCheckedValuesString()+"'"
+"¶m=''"
+"&driEnable=true&driLink=toProvince"
));
$("#channelProviderIfr").append(appendDiv);
$('.statistics').eq(0).load( function(){
$("#channelProviderIfr").find('.loading').fadeOut("fast"); //隐藏loading图片
});
//时间筛选项标签修改
$("#PeriodTag2").text((getPeriodStr()=="")?"最近一个月":"时间范围").attr('data-original-title',getPeriodStr()).tooltip();
//数据来源筛选项标签修改
$('#DataSource2').text('数据来源').append($("<span class='badge'></span>").text(getStatsDataSourceCheckedValues().length)).attr('data-original-title',getStatsDataSourceCheckedTitles()).tooltip();
//渠道筛选项标签修改
$('#ChannelTag2').text('渠道').append($("<span class='badge'></span>").text(getStatsChannelCheckedValues().length)).attr('data-original-title',getStatsChannelCheckedTitles()).tooltip();
//集成商筛选项标签修改
$('#ProviderTag2').text('集成商').append($("<span class='badge'></span>").text(getStatsProviderCheckedValues().length)).attr('data-original-title',getStatsProviderCheckedTitles()).tooltip();
toggleMenu('slidePushMenus');
$('#a_tab2').click();
}
//筛选控件提交
function Submit() {
var providerTime = getPeriodStr();
var channelSum = getStatsChannelCheckedValues().length;
var providerSum = getStatsProviderCheckedValues().length;
var dataSourceSum = getStatsDataSourceCheckedValues().length;
if(providerTime==null || providerTime.trim()==""){
$.alert("时间选择不能为空");
}else if(dataSourceSum==0){
$.alert("数据来源选择不能为空");
}else if(channelSum==0){
$.alert("渠道选择不能为空");
}else if(providerSum==0){
$.alert("集成商选择不能为空");
}else if(channelSum>31){
$.alert("报表数目超过31个，请重新选择");
}else{
updateReport();
}
}
//筛选项页面重置函数
function resetProviderFailure(){
initDate();//用于初始化时间控件的默认时间值
statsDataSourceReset();
statsProviderReset();
}
</script>
<script type="text/javascript">
function toProvince(clickTag,param){
publicLog("providerFailureAnalysisProvinceDrill");
$("#aTab3").unbind("click").click(function(){
if(param=="index"){
$("#a_tab1").click();
}else{
$("#a_tab2").click();
}
});
if(param=="index"){
//时间筛选项标签修改
$("#PeriodTag3").text("最近一个月");
//数据来源筛选项标签修改
$('#DataSource3').empty();
//渠道筛选项标签修改
$('#ChannelTag3').empty();
//集成商筛选项标签修改
$('#ProviderTag3').text('集成商').append($("<span class='badge'></span>").text("1")).attr('data-original-title',clickTag).tooltip();
//省份筛选项
var providerId = $(".providerStats[title='"+clickTag+"']").val();
$.ajax({
type : 'GET',
contentType : 'application/json',
url: '${ctx}/MonitorOperation/FailureStatisticsCriteria/province_select/'+providerId+'/'+Date.parse(new Date()),
async: false ,
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+")");//获取从后台返回的数据,通常是Json格式
$('#ProvinceTag3').empty();
var provinceLength = data.split(" ").length;
if(data=="" || data==null){
provinceLength = 0;
}
$('#ProvinceTag3').text('省份').append($("<span class='badge'></span>").text(provinceLength)).attr('data-original-title',data).tooltip();
}
});
$('#a_tab3').click();
$("#providerFailureProvince").empty();
var appendIfr = $("<div class='col-xs-12' style='text-align:center'></div>")
.append($("<span class='driTitle'></span>").text(clickTag))
.append($("<iframe id='provinceIframe' name='provinceIframe' style='height:500px' scrolling='no' src='${biserver_config}&path=analysissupport/ProviderAnalysis/ProviderFailureAnalysis&action=provider_failure_province.xaction&driLink=toDetail&height=370&width=790&driEnable=true"+
"¶m=\""+providerId+"\",\"index\""+
"&PeriodTag=&DataSourceTag=&ChannelTag=&ProviderTag="+providerId+"' ></iframe>"));
$("#providerFailureProvince").append(appendIfr);
}else{
//时间筛选项标签修改
$("#PeriodTag3").text((getPeriodStr()=="")?"最近一个月":"时间范围").attr('data-original-title',getPeriodStr()).tooltip();
//数据来源筛选项标签修改
$('#DataSource3').text('数据来源').append($("<span class='badge'></span>").text(getStatsDataSourceCheckedValues().length)).attr('data-original-title',getStatsDataSourceCheckedTitles()).tooltip();
//渠道筛选项标签修改
$('#ChannelTag3').text('渠道').append($("<span class='badge'></span>").text(getStatsChannelCheckedValues().length)).attr('data-original-title',getStatsChannelCheckedTitles()).tooltip();
//集成商筛选项标签修改
$('#ProviderTag3').text('集成商').append($("<span class='badge'></span>").text("1")).attr('data-original-title',clickTag).tooltip();
//省份筛选项
var providerId = $(".providerStats[title='"+clickTag+"']").val();
$.ajax({
type : 'GET',
contentType : 'application/json',
url: '${ctx}/MonitorOperation/FailureStatisticsCriteria/province_select/'+providerId+'/'+Date.parse(new Date()),
async: false ,
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+")");//获取从后台返回的数据,通常是Json格式
$('#ProvinceTag3').empty();
var provinceLength = data.split(" ").length;
if(data=="" || data==null){
provinceLength = 0;
}
$('#ProvinceTag3').text('省份').append($("<span class='badge'></span>").text(provinceLength)).attr('data-original-title',data).tooltip();
}
});
$('#a_tab3').click();
$("#providerFailureProvince").empty();
var appendIfr = $("<div class='col-xs-12' style='text-align:center'></div>")
.append($("<span class='driTitle'></span>").text(clickTag))
.append($("<iframe id='provinceIframe' name='provinceIframe' style='height:500px' scrolling='no' src='${biserver_config}&path=analysissupport/ProviderAnalysis/ProviderFailureAnalysis&action=provider_failure_province.xaction&driLink=toDetail&height=370&width=790&driEnable=true"+
"¶m=\""+providerId+"\",\" \""+
"&PeriodTag="+getPeriodStr()+
"&DataSourceTag="+getStatsDataSourceCheckedValuesString()+
"&ChannelTag="+getStatsChannelCheckedValuesString()+
"&ProviderTag="+providerId+"' ></iframe>"));
$("#providerFailureProvince").append(appendIfr);
}
}
function toDetail(category,providerId,param){
$("#provinceDrill input").each(function(){
$(this).attr("value","");
});
if("index"==param){
$("#provinceTagDril").attr("value",category);
$("#providerTagDril").attr("value",providerId);
$("#provinceDrill").submit();
}else{
$("#dataSourceTagDril").attr("value",getStatsDataSourceCheckedValuesString());
$("#channelTagDril").attr("value",getStatsChannelCheckedValuesString());
$("#timeTagDril").attr("value",getPeriodStr());
$("#provinceTagDril").attr("value",category);
$("#providerTagDril").attr("value",providerId);
$("#provinceDrill").submit();
}
}
</script>
<script type="text/javascript">
$(".exportReport").click(function(){
var picArr = new Array();
//var titleName = $(this).parent().parent().find(".panel-heading").html().replace(/[ ]/g,"").replace(/[\r\n]/g,"").replace(/[ ]/g,"");
var titleName = $(this).parent().parent().find(".panel-heading").text();
var drillTitle = $(this).parent().parent().find(".driTitle").text();
console.log("titleName="+titleName);
$(this).parent().parent().find("iframe").each(function(){
console.log("id="+$(this).attr("id"));
var tmpArr = new Array();
var tmpStr = $(window.frames[$(this).attr("id")].document).find("img").attr("src");
console.log("tmpStr="+tmpStr);
tmpArr = tmpStr.split("?image=");
picArr.push(tmpArr[1]);
});
console.log("picArr="+picArr);
var picStr = picArr.join(",");
$.dialog({
id: "export",
title: "请选择导出文件类型",
content: "<div style='position:relative;height:40px;margin:0 0 0 11px;'><div class='form-horizontal'>"
+"<div class='form-group'><div class='col-sm-4'><label class='radio-inline'><input type='radio' name='expradio' class='expradio' value='word' checked/>Word</label></div>"
+"<div class='col-sm-4'><label class='radio-inline'><input type='radio' name='expradio' class='expradio' value='excel'/>Excel</label></div>"
+"<div class='col-sm-4'><label class='radio-inline'><input type='radio' name='expradio' class='expradio' value='pdf'/>Pdf</label></div></div>"
+"</div></div>",
width: 276,
height: 140,
initialize: function () {
$(".d-buttons input:first").css({
"color": "#ffffff",
"background": "#428bca",
"border-color": "#357ebd"
});
},
button: [{
value: "确定",
callback: function () {
var listForm=$("#export");
listForm.attr("action","${ctx}/AnalysisSupport/ProviderFailureAnalysis/"+$('input[name="expradio"]:checked').val()+"?picStr="+picStr+"&titleName="+encodeURI(encodeURI(titleName))+"&drillTitle="+encodeURI(encodeURI(drillTitle)));
listForm.submit();
listForm.attr("action","#");
}
},{
value: "取消",
callback: function () {}
}],
lock: false
});
});
</script>
</body>
</html>