<%@ 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 class="active"><a id="a_home" href="#home"data-toggle="tab">隐患按集成商分析</a> </li>
					<li><a href="${ctx}/AnalysisSupport/ProviderEWarningAnalysis">预警按集成商分析</a> </li> 
					<li><a href="${ctx}/AnalysisSupport/ProviderFailureAnalysis">故障按集成商分析</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>
								<a id="a_tab4" href="#tab4" 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:GJFX_datasource_channle_business/>
										<tags:GZFX_Provider_stats/>
										<tags:JCS_WarningStatus/>
										<button id="submit" class="btn btn-primary" onclick="Submit()">提交</button>
										<button id="disable" class="btn btn-warning" onclick="Reset()">重置</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" id="exportDiv">
												<div class="tab-pane fade in active" id="tab1">
													<div class="slide-menu-tags">
														
														<span id="PeriodTag1" class="label label-info" data-placement="bottom" >最近一个月</span> 
														<span id="ChannelTag1" class="label label-info" data-placement="bottom"></span> 
														<span id="ProviderTag1" 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="jcsRiskIdex" name="jcsRiskIdex" style="height:500px;" scrolling="no" src="${biserver_config}&path=analysissupport/ProviderAnalysis/RiskAnalysis&action=JCS_Risk_Entry.xaction&height=370&width=780&driEnable=true&driLink=toProvince&param='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="DataSourceTag2" class="label label-info" data-placement="bottom"></span>
														<span id="ChannelTag2" class="label label-info" data-placement="bottom"></span>
														<span id="BusinessTag2" class="label label-info" data-placement="bottom"></span> 
														<span id="ProviderTag2" class="label label-info" data-placement="bottom" ></span>
														<span id="WarningStatus2" class="label label-info" data-placement="bottom" ></span> 
													</div>
													<div class="bt-list-import">
														<a id="aTab2" 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="providerRiskChannel" 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="DataSourceTag3" class="label label-info" data-placement="bottom"></span> 
														<span id="ChannelTag3" class="label label-info" data-placement="bottom"></span>
														<span id="BusinessTag3" 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="providerRiskProvince" class="panel-body">
																</div>
															</div>
														</div>
													</div>
												</div>
												<div class="tab-pane fade" id="tab4">

													<div class="slide-menu-tags">
														筛选项标签 : 
														<span id="PeriodTag4" class="label label-info" data-placement="bottom" ></span> 
														<span id="DataSourceTag4" class="label label-info" data-placement="bottom"></span>
														<span id="ChannelTag4" class="label label-info" data-placement="bottom"></span>
														<span id="BusinessTag4" class="label label-info" data-placement="bottom"></span> 
														<span id="ProviderTag4" class="label label-info" data-placement="bottom" ></span> 
														<span id="ProvinceTag4" 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_tab3').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="providerRiskProvincetype" class="panel-body">
																</div>
															</div>
														</div>
													</div>
												</div>
												<form id="modelToDetail" action="${ctx}/MonitorOperation/WarnAnalysisDetail" method="post" target="_blank">
													<input type="hidden" id="PeriodTagDril" name="PeriodTag"/>
													<input type="hidden" id="DataSourceTagDril" name="DataSourceTag"/>
													<input type="hidden" id="ChannelTagDril" name="ChannelTag"/>
													<input type="hidden" id="ProviderTagDril" name="ProviderTag"/>
													<input type="hidden" id="ProvinceTagDril" name="ProvinceTag"/>
													<input type="hidden" id="ModelTagDril" name="ModelTag"/>
													<input type="hidden" id="WarningStatusTagDril" name="WarningStatusTag"/>
													<input type="hidden" id="WarningSourceTagDril" name="WarningSourceTag"/>
													<input type="hidden" id="BusinessTagDril" name="BusinessTag"/>
												</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 iframeWidth = 770;

	//窗口自适应函数 |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图片
			}

 		}
    });

</script>
<script type="text/javascript" src="${ctx}/static/js/publicLog.js"></script>
<script type="text/javascript">
	function updateReport(){
	
	$("#channelProviderIfr").empty();
				var appendDiv = $("<div class='col-xs-12'></div>")
							.append($("<iframe class='statistics' id='creteriaIframe' name='creteriaIframe' style='height:500px' scrolling='no'></iframe>")
							.attr("src","${biserver_config}&path=analysissupport/ProviderAnalysis/RiskAnalysis&action=JCS_Risk_Channel.xaction&height=370&width=790"
							+"&WarningSourceTag=3"
							+"&PeriodTag="+getPeriodStr()
							+"&WarningStatusTag="+getWarningStatusCheckedValue()
							+"&ProviderTag="+getStatsProviderCheckedValuesString()
							+"&DataSourceTag="+getStatsDataSourceCheckedValuesString()
							+"&ChannelTag="+getStatsChannelCheckedValuesString()
							+"&BusinessTag="+getStatsBusinessCheckedValuesString()
							+"&param=''"
							+"&driEnable=true&driLink=toProvince"
							));
				$("#channelProviderIfr").append(appendDiv);
				
			$('.statistics').eq(0).load( function(){
			console.log($("#channelProviderIfr").find('.loading').html());
			$("#channelProviderIfr").find('.loading').fadeOut("fast"); //隐藏loading图片
		});
		
		//时间筛选项标签修改
		$("#PeriodTag2").text((getPeriodStr()=="")?"最近一个月":"时间范围").attr('data-original-title',getPeriodStr()).tooltip();
		
		//数据来源筛选项标签修改
		$('#DataSourceTag2').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();
		
		//业务筛选项标签修改
		$('#BusinessTag2').text('业务').append($("<span class='badge'></span>").text(getStatsBusinessCheckedValues().length)).attr('data-original-title',getStatsBusinessCheckedTitlesString()).tooltip();
		
		//集成商筛选项标签修改
		$('#ProviderTag2').text('集成商').append($("<span class='badge'></span>").text(getStatsProviderCheckedValues().length)).attr('data-original-title',getStatsProviderCheckedTitles()).tooltip();
		
		//告警状态筛选项标签修改
		$('#WarningStatus2').text("告警状态:"+getWarningStatusText());

		toggleMenu('slidePushMenus');
		$('#a_tab2').click();
		publicLog("providerAnalysisIndex");
	}
	
	
	//筛选控件提交
	function Submit() { 
		var providerTime = $.trim(getPeriodStr());
		var channelSum = getStatsChannelCheckedValuesString().length;
		var dataSourceSum = getStatsDataSourceCheckedValues().length;
		var businessSum = getStatsBusinessCheckedValues().length;
		var providerSum = getStatsProviderCheckedValuesString().length;
		if(providerTime==null || providerTime==""){
			$.alert("时间选择不能为空");
		}else if(dataSourceSum==0){
			$.alert("数据来源选择不能为空");
		}else if(channelSum==0){
			$.alert("渠道选择不能为空");
		}else if(businessSum==0){
			$.alert("业务选择不能为空");
		}else if(providerSum==0){
			$.alert("集成商选择不能为空");
		}else if(channelSum>31){
			$.alert("报表数目超过31个,请重新选择");
		}else{
			updateReport();
		}
	}


	//筛选项页面重置函数
	function Reset() {
        initDate();//用于初始化时间控件的默认时间值
        statsDataSourceReset();
        statsProviderReset();
        statusReset();
	}
	
	
	function toProvince(clickTag,param){
		if("index"==param){
			$("#aTab3").unbind("click").click(function(){
				$("#a_tab1").click();
			});
		}else{
			$("#aTab3").unbind("click").click(function(){
				$("#a_tab2").click();
			});
		}
		
		if(param=="index"){
			//时间筛选项标签修改
		$("#PeriodTag3").text("最近一个月");
		
		//数据来源筛选项标签修改
		$('#DataSourceTag3').empty();
		
		//渠道筛选项标签修改
		$('#ChannelTag3').empty();
		
		//业务筛选项标签修改
		$('#BusinessTag3').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();
		$("#providerRiskProvince").empty();
		$("#providerRiskProvince").append('<div name="loading" class="loading"><img src="${ctx}/static/images/loading.gif"/></div>');
		//$("#providerRiskProvince").find(".loading").fadeIn("fast");
		var appendIfr = $("<div class='col-xs-12' style='text-align:center'></div>")
						.append($("<span class='driTitle'></span>").text(clickTag))
						.append($("<iframe id='riskProvinceIframe' name='riskProvinceIframe' style='height:500px' scrolling='no' src='${biserver_config}&path=analysissupport/ProviderAnalysis/RiskAnalysis&action=JCS_Risk_province.xaction&height=370&width=780"+
						"&PeriodTag=&DataSourceTag=&ChannelTag=&BusinessTag=&WarningStatusTag="+
						"&WarningSourceTag=3"+
						"&ProviderTag="+providerId+
						"&param=\""+providerId+"\",\""+clickTag+"\",\"index\""+
						"&driEnable=true&driLink=toProvincetype' ></iframe>"));
		
		$("#providerRiskProvince").append(appendIfr);
		//alert($("#providerRiskProvince").find(".loading").html());
		$("#providerRiskProvince").find("iframe").load(function(){
			$(this).parent().parent().find(".loading").fadeOut("fast");
		});
		}else{
		//时间筛选项标签修改
		$("#PeriodTag3").text((getPeriodStr()=="")?"最近一个月":"时间范围").attr('data-original-title',getPeriodStr()).tooltip();
		
		//数据来源筛选项标签修改
		$('#DataSourceTag3').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();
		
		//业务筛选项标签修改
		$('#BusinessTag3').text('业务').append($("<span class='badge'></span>").text(getStatsBusinessCheckedValues().length)).attr('data-original-title',getStatsBusinessCheckedTitlesString()).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();
		$("#providerRiskProvince").empty();
		$("#providerRiskProvince").append('<div name="loading" class="loading"><img src="${ctx}/static/images/loading.gif"/></div>');
		$("#providerRiskProvince").find(".loading").fadeIn("fast");
		var appendIfr = $("<div class='col-xs-12' style='text-align:center'></div>")
					  	.append($("<span class='driTitle'></span>").text(clickTag))
						.append($("<iframe id='riskProvinceIframe' name='riskProvinceIframe' style='height:500px' scrolling='no' src='${biserver_config}&path=analysissupport/ProviderAnalysis/RiskAnalysis&action=JCS_Risk_province.xaction&height=370&width=780&WarningSourceTag=3"+
						"&PeriodTag="+getPeriodStr()+
						"&DataSourceTag="+getStatsDataSourceCheckedValuesString()+
						"&ChannelTag="+getStatsChannelCheckedValuesString()+
						"&ProviderTag="+providerId+
						"&BusinessTag="+getStatsBusinessCheckedValuesString()+
						"&WarningStatusTag="+getWarningStatusCheckedValue()+
						"&param=\""+providerId+"\",\""+clickTag+"\",\" \""+
						"&driEnable=true&driLink=toProvincetype' ></iframe>"));
		
		$("#providerRiskProvince").append(appendIfr);
		$("#providerRiskProvince").find("iframe").load(function(){
			$(this).parent().parent().find(".loading").fadeOut("fast");
		});
		}
		
		publicLog("providerAnalysisProvinceDrill");
	}
	
	///channelId,time,providerIds
	function toProvincetype(clickTag,providerId,providerName,param){
	
		//alert("channelId="+channelId+"\ntime"+time+"\nproviderIds="+providerIds);
		if("index"==param){
			//时间筛选项
		 $("#PeriodTag4").text("最近一个月");
		
		//数据来源筛选项标签修改
		$('#DataSourceTag4').text('数据来源').empty();
		
		//渠道筛选项标签修改
		$('#ChannelTag4').text('渠道').empty();
		
		//业务筛选项标签修改
		$('#BusinessTag4').text('业务').empty();
		
		//集成商筛选项标签修改
		$('#ProviderTag4').text('集成商').append($("<span class='badge'></span>").text("1")).attr('data-original-title',providerName).tooltip();
		
		//省份筛选项标签修改
		$('#ProvinceTag4').text('省份').append($("<span class='badge'></span>").text("1")).attr('data-original-title',clickTag).tooltip();
		//获取省份ID
		$.ajax({
				  type : 'GET',
                  contentType : 'application/json',
                  url: '${ctx}/AnalysisSupport/ProviderAnalysis/province_select/'+clickTag+'/'+Date.parse(new Date()),
                  async: false ,
                  dataType : 'text',
                  beforeSend: function(data) {},
                  success: function(data) {
                  data = parseInt(data);
		$("#providerRiskProvincetype").empty();
		$("#providerRiskProvincetype").append('<div name="loading" class="loading"><img src="${ctx}/static/images/loading.gif"/></div>');
		var appendIfr = $("<div class='col-xs-12' style='text-align:center'></div>")
						.append($("<span class='driTitle'></span>").text(clickTag))
						.append($("<iframe id='typeIframe' name='typeIframe' style='height:500px' scrolling='no' src='${biserver_config}&path=analysissupport/ProviderAnalysis/RiskAnalysis&action=JCS_Risk_Model.xaction&height=370&width=780&driLink=toDetail&driEnable=true"+
								"&PeriodTag=&DataSourceTag=&ChannelTag=&BusinessTag=&WarningStatusTag=&WarningSourceTag=3"+
								"&ProviderTag="+providerId+
								"&ModelTypeTag="+encodeURI("隐患")+
								"&ProvinceTag="+data+
								//"&param=\""+providerId+"\",\""+data+"\",\"index\""+
								"&param=\""+providerId+"\",\""+data+"\",\""+providerName+"\",\""+clickTag+"\",\"index\""+
								"' ></iframe>"));
		
				$("#providerRiskProvincetype").append(appendIfr); 
				$("#providerRiskProvincetype").find("iframe").load(function(){
					$(this).parent().parent().find(".loading").fadeOut("fast");
				});
            }
		}); 
		}else{
		//时间筛选项
		$("#PeriodTag4").text((getPeriodStr()=="")?"最近一个月":"时间范围").attr('data-original-title',getPeriodStr()).tooltip();
		
		//数据来源筛选项标签修改
		$('#DataSourceTag4').text('数据来源').append($("<span class='badge'></span>").text(getStatsDataSourceCheckedValues().length)).attr('data-original-title',getStatsDataSourceCheckedTitles()).tooltip();
		
		//渠道筛选项标签修改
		$('#ChannelTag4').text('渠道').append($("<span class='badge'></span>").text(getStatsChannelCheckedValues().length)).attr('data-original-title',getStatsChannelCheckedTitles()).tooltip();
		
		//业务筛选项标签修改
		$('#BusinessTag4').text('业务').append($("<span class='badge'></span>").text(getStatsBusinessCheckedValues().length)).attr('data-original-title',getStatsBusinessCheckedTitlesString()).tooltip();
		
		//集成商筛选项标签修改
		$('#ProviderTag4').text('集成商').append($("<span class='badge'></span>").text("1")).attr('data-original-title',providerName).tooltip();
		
		//省份筛选项标签修改
		$('#ProvinceTag4').text('省份').append($("<span class='badge'></span>").text("1")).attr('data-original-title',clickTag).tooltip();
		//获取省份ID
		$.ajax({
				  type : 'GET',
                  contentType : 'application/json',
                  url: '${ctx}/AnalysisSupport/ProviderAnalysis/province_select/'+clickTag+'/'+Date.parse(new Date()),
                  async: false ,
                  dataType : 'text',
                  beforeSend: function(data) {},
                  success: function(data) {
                  data = parseInt(data);
		$("#providerRiskProvincetype").empty();
		$("#providerRiskProvincetype").append('<div name="loading" class="loading"><img src="${ctx}/static/images/loading.gif"/></div>');
		var appendIfr = $("<div class='col-xs-12' style='text-align:center'></div>")
						.append($("<span class='driTitle'></span>").text(clickTag))
						.append($("<iframe id='typeIframe' name='typeIframe' style='height:500px' scrolling='no' src='${biserver_config}&path=analysissupport/ProviderAnalysis/RiskAnalysis&action=JCS_Risk_Model.xaction&height=370&width=780&driLink=toDetail&driEnable=true"+
								"&PeriodTag="+getPeriodStr()+
								"&DataSourceTag="+getStatsDataSourceCheckedValuesString()+
								"&ChannelTag="+getStatsChannelCheckedValuesString()+
								"&ProviderTag="+providerId+
								"&ModelTypeTag="+encodeURI("隐患")+
								"&BusinessTag="+getStatsBusinessCheckedValuesString()+
								"&WarningStatusTag"+getWarningStatusCheckedValue()+
								"&WarningSourceTag=3&ProvinceTag="+data+
								"&param=\""+providerId+"\",\""+data+"\",\""+providerName+"\",\""+clickTag+"\",\" \""+
								"' ></iframe>"));
		
		
				$("#providerRiskProvincetype").append(appendIfr); 
				$("#providerRiskProvincetype").find("iframe").load(function(){
					//alert($(this).parent().parent().html());
					$(this).parent().parent().find(".loading").fadeOut("fast");
				});
             }
		}); 
		}
		   
		 $('#a_tab4').click();
		publicLog("providerAnalysisProvinceTypeDrill");
	}
	
	
	//钻取至告警明细展示页面
	function toDetail(clickTag,providerId, provinceId,providerName,provinceName,param){
		console.log("clickTag="+clickTag+"\nproviderId="+providerId+
			"\nproviderId="+providerId+"\nprovinceId="+provinceId+
			"\nproviderName="+providerName+"\nprovinceName="+provinceName+
			"\nparam="+param);
		$("#modelToDetail input").each(function(){
			$(this).attr("value","");
		});
		if(param=="index"){
			
			$("#ProviderTagDril").attr("value","1/"+providerId+"/"+providerName);
			$("#ProvinceTagDril").attr("value","1/"+provinceId+"/"+provinceName);
			$("#ModelTagDril").attr("value",clickTag);
			$("#WarningSourceTagDril").attr("value","1/3/隐患");
			$("#modelToDetail input").each(function(){
			console.log($(this).attr("name")+"="+$(this).val());
		});
			$("#modelToDetail").submit();
		}else{ 
			
			$("#PeriodTagDril").attr("value",getPeriodStr());
			$("#DataSourceTagDril").attr("value",getStatsDataSourceCheckedValues().length+"/"+getStatsDataSourceCheckedValuesString()+"/"+getStatsDataSourceCheckedTitles());
			$("#ChannelTagDril").attr("value",getStatsChannelCheckedValues().length+"/"+getStatsChannelCheckedValuesString()+"/"+getStatsChannelCheckedTitles());
			$("#ProviderTagDril").attr("value","1/"+providerId+"/"+providerName);
			$("#ProvinceTagDril").attr("value","1/"+provinceId+"/"+provinceName);
			$("#ModelTagDril").attr("value",clickTag);
			$("#WarningSourceTagDril").attr("value","1/3/隐患");
			$("#WarningStatusTagDril").attr("value",getWarningStatusCheckedValue());
			$("#BusinessTagDril").attr("value",getStatsBusinessCheckedValues().length+"/"+getStatsBusinessCheckedValuesString()+"/"+getStatsBusinessCheckedTitlesString());
			
			$("#modelToDetail input").each(function(){
			console.log($(this).attr("name")+"="+$(this).val());
		});
			$("#modelToDetail").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();
		$(this).parent().parent().find("iframe").each(function(){
			//alert("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/ProviderAnalysis/"+$('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>