<%@ 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/modernizr.custom.js"></script>

<script type="text/javascript">
	var IfKeyTag="'0','1'";
    var index=0;
    var picname="";
	$(document).ready(function(){
	initDate();
	//默认页面报表
	          var pzxtypedata=document.getElementById("pzxtypeId").value;
	               for ( var i = 0; i < pzxtypedata.length; i++) {
			           if (pzxtypedata == '\"') {
				        pzxtypedata = pzxtypedata.replace("\"", "\'");
			          }
			        }
		 
		         typedata = eval("(" + pzxtypedata + ")");
	   
	             var pzxtype="";
	             for(var k=0;k<typedata.length;k=k+2){
	             if(k!=typedata.length-2){ 
	             pzxtype+=typedata[k]+",";
	             }else{
	             pzxtype+=typedata[k];
	             }
	           }
	
	           $.ajax({
                  type : 'GET',
                  contentType : 'application/json',
                  url: '${ctx}/PublicProvinceTag/'+timestamp,
                  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格式
	             
	             var endtime=new Date();
	             var currendTime=endtime.getMonth()+1;
                 var pros="";
	    	     for(var i=0;i<data.length; i=i+2){	
	    	       if(data[i]>0){
/*                           var appendDiv = $("<div class='col-xs-12' align='center'></div>").append($("<span></span>")
										.text(
											(data[i+1]+"配置项数量分布")
									))//添加标题
										.append($("<iframe style='width:1050px; height:550px' frameborder='0' scrolling='no'></iframe><br/><br/>")
											.attr("src","${biserver_config}&path=analysissupport&action=Pzx_numcount_analysis_bar.xaction&width=780&height=390&ProvinceTag="+data[i]+"&MonthTag="+currendTime+"&PZXTypeTag="+pzxtype+"&IfKeyTag="+IfKeyTag
										));//添加iframe
				          $("#dynamicIframe").append(appendDiv);						
*/                   if(i!=data.length-2){
                        pros+=data[i]+",";   
                     }else{
                       pros+=data[i];
                     }
                   }
                }
                var iframstr="<iframe id=ifram style='width:1050px; height:550px' frameborder='0' scrolling='no'></iframe><br/><br/>";
                var appendDiv = $("<div class='col-xs-12' align='center'></div>").append($("<span></span>")
										.text(
											("全国配置项数量分布")
									))//添加标题
										.append($(iframstr)
											.attr("src","${biserver_config}&path=analysissupport&action=Pzx_numcount_analysis_bar.xaction&width=780&height=390&ProvinceTag="+pros+"&MonthTag="+getPeriodString()+"&PZXTypeTag="+pzxtype+"&IfKeyTag="+IfKeyTag
										));//添加iframe
				 $("#dynamicIframe").append(appendDiv);
				 picname="全国配置项数量分布";
            }    
	});
});

	 
</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_home" href="${ctx}/AnalysisSupport/PzxAnalysis">总领</a> </li>
					<li class="active"><a id="profile" href="#profile" data-toggle="tab">数量统计</a> </li> 
					<li><a id="a_profile1" href="${ctx}/AnalysisSupport/PzxAnalysisLifeCycle">生命周期统计</a> </li> 
					<li><a id="a_profile2" href="${ctx}/AnalysisSupport/PzxAttribute" >属性统计</a> </li>
					<li><a id="a_profile3" href="${ctx}/AnalysisSupport/PzxDetail">明细分析</a> </li>  
					<li><a id="a_profile4" href="${ctx}/AnalysisSupport/PzxAttributeDetail">属性明细分析</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 id="slidePushMenus" class="cbp-spmenu-push">

								<div class="slideMenu" id="cbp-spmenu-s1" style="">
									<div class="form">
										<tags:PZX_numcount_period />
									    <tags:Public_ProvinceTag />
									    <tags:PZX_Type/>
									    <tags:PZX_Ifkey />
									    <tags:PZX_Multiple_Province />
										<button id="submit2" class="btn btn-primary" onclick="Submit2()">提交</button>
										<button id="disable" class="btn btn-warning"	onclick="reset()">重置</button>
									</div>
								</div>

								<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="slide-menu-tags">
												
												<span id="MonthTag" class="label label-info" data-placement="bottom" ></span> 
												<span id="ProvinceTag" class="label label-info" data-placement="bottom" >全国</span>
												<span id="ClassTag" class="label label-info" data-placement="bottom" ></span>
					                            <span id="TypeTag" class="label label-info" data-placement="bottom" ></span>
					                            <span id="IfKeyTag" class="label label-info" data-placement="bottom">是否关键(全部)</span>
												<span id="MultipleProTag" class="label label-info" data-placement="bottom">单图</span>
												
											</div>
											<div class="bt-list-import">
												<a href="#" id="upload" class=""> <span
													class="glyphicon glyphicon-import"></span> <span
													class="glyphicon-class">导出报表</span> </a>
											</div>
										</div>

										<div class="row">
											<div class="col-xs-12">
											  <div class="panel panel-default" >
												<div class="panel-heading">配置项数量统计分析
												  
												    <div id="time_div" class="btn-group btn-group-cog"
															style="">
															<button type="button"
																class="btn btn-default dropdown-toggle btn-control-cog"
																data-toggle="dropdown">
																<span class="glyphicon glyphicon-cog"></span>
															</button>

															<ul class="dropdown-menu dropdown-menu-right"
																id="dropdown" role="menu">
																<li><a href="#" onclick="javascript:bar()">柱状图</a>
																</li>
																<li><a href="#" onclick="javascript:pie()">饼图</a>
																</li>
															</ul>
														</div>
												       </div>
												    
												   <div class="panel-body" id="picifram">
												       <br/>
												       <br/>
												       <div id="dynamicIframe" ></div>
												   </div>
												      
												       
												                   
											  </div>
											</div>
										</div>
									</div>
								</div>
								<!-- /scroller-inner -->
							</div>
						</div>
					</div>
				  <form id="export" action="#" method="post"></form>	
		          <input type="hidden" id="pzxtypeId" value='${cicategoryListJson}' />
				</div>
			</div>
		</div>
	</div>
 
<script type="text/javascript">
         var localPath="${biserver_config}&path=analysissupport",
		 Pzx_numccount_src="&action=Pzx_numcount_analysis_bar.xaction"
		 Pzx_numccountp_src="&action=Pzx_numcount_analysis_pie.xaction",iframeWidth=700;
	
	//筛选控件提交2
	function Submit2() {
	        /*  alert(getPeriodString());
	         alert(getPeriodString().split(",").length); */
	         picname="";
             index=1;
	/*          var month=new Array();
	         month=getMonthCheckedValues(); */
	         
	         var provinceName=new Array();
	         provinceName=getProvinceCheckedValuesTitle();
	         
	         var provinces=new Array();
	         provinces=getProvinceCheckedValues();
	        
	         if(provinces.length==0){
	           $.alert("省份为空,请重新选择!");
	         }else if(getpzxClassCheckedValues().length==0){
	           $.alert("配置项类别为空,请重新选择!");
	         }
	         else if(getpzxTypeCheckedValues().length==0){
	           $.alert("配置项类别子类为空,请重新选择!");
	         }else{
	         
	         $("#dynamicIframe").empty();
//	                   $("#dynamicIframe2").empty();
	         var pzxNum=getpzxTypeCheckedValues().length;
	         len=provinces.length;  
	         if(len==32){
              len=31;
              }  
           if(getMultiplePro()=="0"){
                 var iframstr="<iframe  id=ifram0 style='width:1050px; height:550px' frameborder='0' scrolling='no'></iframe><br/><br/>";
	             var appendDiv = $("<div class='col-xs-12' align='center'></div>").append($("<span></span>")
								 .text(
										("配置项数量分布")
								  ))//添加标题
								 .append($(iframstr)
								 .attr("src",localPath+Pzx_numccount_src+"&height=390&width=800&MonthTag="+getPeriodString()+"&ProvinceTag="+getProvinceCheckedValuesString()+"&PZXTypeTag="+getpzxTypeCheckedValuesString()+"&IfKeyTag="+getIfkey()
								 ));//添加iframe
				             $("#dynamicIframe").append(appendDiv);	
				 picname="配置项数量分布";           
                 var href="../AnalysisSupport/PzxNumCount/createLog";
					  $.ajax({
					           type : 'GET',
					           contentType : 'application/json',
					           url: href,
					           dataType : 'text',
					           beforeSend: function(data) {
					            },
					           success: function(data) {
						   
						   }
					  }); 
          }else{ 
         
	         if(len<32){
	             for(var i=0;i<provinces.length;i++)
	                 {
	                    if(provinces[i]>0)
	                    
	                     if(pzxNum>18){
	     

	                 //动态加载标题的柱状图
	                         var iframstr="<iframe  id=ifram"+i+" style='width:1050px; height:550px' frameborder='0' scrolling='no'></iframe><br/><br/>";
	                         var appendDiv = $("<div class='col-xs-12' align='center'></div>").append($("<span></span>")
										.text(
											($(".province:checked").eq(i).attr('title')+"配置项数量分布")
									))//添加标题
										.append($(iframstr)
											.attr("src",localPath+Pzx_numccount_src+"&height=390&width=800&MonthTag="+getPeriodString()+"&ProvinceTag="+provinces[i]+"&PZXTypeTag="+getpzxTypeCheckedValuesString()	+"&IfKeyTag="+getIfkey()
										));//添加iframe
				             $("#dynamicIframe").append(appendDiv);	
				            /*  alert(localPath+Pzx_numccount_src+"&height=390&width=800&MonthTag="+getPeriodString()+"&ProvinceTag="+provinces[i]+"&PZXTypeTag="+getpzxTypeCheckedValuesString()	+"&IfKeyTag="+getIfkey()); */
				             
				            if(i==provinces.length-1){  
	                            picname=picname+$(".province:checked").eq(i).attr('title')+"配置项数量分布";
	                         }else{
	                            picname=picname+$(".province:checked").eq(i).attr('title')+"配置项数量分布,";
	                         }
	                       }else{
	                         var iframstr="<iframe  id=ifram"+i+" style='width:480px; height:550px' frameborder='0' scrolling='no'></iframe><br/><br/>";
	                         var appendDiv = $("<div class='col-xs-6' align='center'></div>").append($("<span></span>")
										.text(
											($(".province:checked").eq(i).attr('title')+"配置项数量分布")
									))//添加标题
										.append($(iframstr)
											.attr("src",localPath+Pzx_numccount_src+"&height=390&width=360&MonthTag="+getPeriodString()+"&ProvinceTag="+provinces[i]+"&PZXTypeTag="+getpzxTypeCheckedValuesString()	+"&IfKeyTag="+getIfkey()
										));//添加iframe
				             $("#dynamicIframe").append(appendDiv);	
	                         if(i==provinces.length-1){  
	                            picname=picname+$(".province:checked").eq(i).attr('title')+"配置项数量分布";
	                         }else{
	                            picname=picname+$(".province:checked").eq(i).attr('title')+"配置项数量分布,";
	                         }
	                     }
	                     
	                 }
	              var href="../AnalysisSupport/PzxNumCount/createLog";
					  $.ajax({
					           type : 'GET',
					           contentType : 'application/json',
					           url: href,
					           dataType : 'text',
					           beforeSend: function(data) {
					            },
					           success: function(data) {
						   
						   }
					  }); 
	              }else{
	                     $.alert("所选的组合超过了31个,请重新选择!");
	                 }
	      }
        toggleMenu("slidePushMenus");
        
       $('#MonthTag').text("截止日期").append($("<span class='badge'></span>").text(getPeriodString().split(",").length)).attr('data-original-title',getPeriodString()).tooltip();	
        
        //省份标签
            
		$('#ProvinceTag').text("省份").append($("<span class='badge'></span>").text(getProvinceCheckedValues().length)).attr('data-original-title',getProvinceCheckedTitles()).tooltip();	
	    
	    $('#ClassTag').text("配置类别").append($("<span class='badge'></span>").text(getpzxClassCheckedValues().length)).attr('data-original-title',getpzxClassCheckedTitles2()).tooltip();	
	    //配置类别子类
	    $('#TypeTag').text("配置类别子类").append($("<span class='badge'></span>").text(getpzxTypeCheckedValues().length)).attr('data-original-title',getpzxTypeCheckedTitles()).tooltip();	
	    
	    $('#IfKeyTag').text("是否关键").attr('data-original-title',getIfKeyTitle()).tooltip();
	    $('#MultipleProTag').text(getMultipleTitle());
	   }
	}

	//第二个筛选项页面重置函数
	function reset() {
	
	    ProvinceReset();
		resetType();	
        $('#ifKey')[0].selectedIndex = 0;
        $('#multiplepro')[0].selectedIndex = 0;
 /*        MonthReset(); */
        initDate();
        }
   
function bar(){
  picname="";
  if(index==0){
        $("#dynamicIframe").empty();
       var pzxtypedata=document.getElementById("pzxtypeId").value;
	               for ( var i = 0; i < pzxtypedata.length; i++) {
			           if (pzxtypedata == '\"') {
				        pzxtypedata = pzxtypedata.replace("\"", "\'");
			          }
			        }
		 
		         typedata = eval("(" + pzxtypedata + ")");
	   
	             var pzxtype="";
	             for(var k=0;k<typedata.length;k=k+2){
	             if(k!=typedata.length-2){ 
	             pzxtype+=typedata[k]+",";
	             }else{
	             pzxtype+=typedata[k];
	             }
	           }
	
	           $.ajax({
                  type : 'GET',
                  contentType : 'application/json',
                  url: '${ctx}/PublicProvinceTag/'+timestamp,
                  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格式
/* 	             
	             var endtime=new Date();
	             var currendTime=endtime.getMonth()+1; */
                 var pros="";
	    	     for(var i=0;i<data.length; i=i+2){	
	    	       if(data[i]>0){

                   if(i!=data.length-2){
                        pros+=data[i]+",";   
                     }else{
                       pros+=data[i];
                     }
                   }
                }
                var appendDiv = $("<div class='col-xs-12' align='center'></div>").append($("<span></span>")
										.text(
											("全国配置项数量分布")
									))//添加标题
										.append($("<iframe id=ifram style='width:1050px; height:550px' frameborder='0' scrolling='no'></iframe><br/><br/>")
											.attr("src","${biserver_config}&path=analysissupport&action=Pzx_numcount_analysis_bar.xaction&width=780&height=390&ProvinceTag="+pros+"&MonthTag="+getPeriodString()+"&PZXTypeTag="+pzxtype+"&IfKeyTag="+IfKeyTag
										));//添加iframe
				 $("#dynamicIframe").append(appendDiv);
				 picname="全国配置项数量分布";
            }    
	});
       
  }else{
      if(getMultiplePro()=="0"){
       $("#dynamicIframe").empty();
                 var iframstr="<iframe  id=ifram0 style='width:1050px; height:550px' frameborder='0' scrolling='no'></iframe><br/><br/>";
	             var appendDiv = $("<div class='col-xs-12' align='center'></div>").append($("<span></span>")
								 .text(
										("配置项数量分布")
								  ))//添加标题
								 .append($(iframstr)
								 .attr("src",localPath+Pzx_numccount_src+"&height=390&width=800&MonthTag="+getPeriodString()+"&ProvinceTag="+getProvinceCheckedValuesString()+"&PZXTypeTag="+getpzxTypeCheckedValuesString()+"&IfKeyTag="+getIfkey()
								 ));//添加iframe
				             $("#dynamicIframe").append(appendDiv);	
				 picname="配置项数量分布";           
                 
       }else{ 
       
	         var provinceName=new Array();
	         provinceName=getProvinceCheckedValuesTitle();
	         
	         var provinces=new Array();
	         provinces=getProvinceCheckedValues();
	        
	   //      $(function(){
	               $("#dynamicIframe").empty();

	                 var pzxNum=getpzxTypeCheckedValues().length;
	              
	                for(var i=0;i<provinces.length;i++)
	                 {
	                      
	                     if(pzxNum>18){
	  
	                 //柱状图
                         //动态加载标题的柱状图
                             var iframstr="<iframe id=ifram"+i+" style='width:1050px; height:550px' frameborder='0' scrolling='no'></iframe><br/><br/>";
	                         var appendDiv = $("<div class='col-xs-12' align='center'></div>").append($("<span></span>")
										.text(
											("配置项数量分布("+$(".province:checked").eq(i).attr('title')+")")
									))//添加标题
										.append($(iframstr)
											.attr("src",localPath+Pzx_numccount_src+"&width=800&height=390&MonthTag="+getPeriodString()+"&ProvinceTag="+provinces[i]+"&PZXTypeTag="+getpzxTypeCheckedValuesString()	+"&IfKeyTag="+getIfkey()
										));//添加iframe
				               $("#dynamicIframe").append(appendDiv);
				               if(i==provinces.length-1){  
	                            picname=picname+"配置项数量分布("+$(".province:checked").eq(i).attr('title')+")";
	                           }else{
	                            picname=picname+"配置项数量分布("+$(".province:checked").eq(i).attr('title')+"),";
	                           }
	                        
	                       }else{
	    
                              //动态加载标题的柱状图
                              var iframstr="<iframe id=ifram"+i+" style='width:480px; height:550px' frameborder='0' scrolling='no'></iframe><br/><br/>";
                              var appendDiv = $("<div class='col-xs-6' align='center'></div>").append($("<span></span>")
										.text(
											("配置项数量分布("+$(".province:checked").eq(i).attr('title')+")")
									))//添加标题
										.append($(iframstr)
											.attr("src",localPath+Pzx_numccount_src+"&height=390&width=360&MonthTag="+getPeriodString()+"&ProvinceTag="+provinces[i]+"&PZXTypeTag="+getpzxTypeCheckedValuesString()	+"&IfKeyTag="+getIfkey()
										));//添加iframe
				              $("#dynamicIframe").append(appendDiv);
				               if(i==provinces.length-1){  
	                            picname=picname+"配置项数量分布("+$(".province:checked").eq(i).attr('title')+")";
	                           }else{
	                            picname=picname+"配置项数量分布("+$(".province:checked").eq(i).attr('title')+"),";
	                           }		
	                       }
	           
	                 }
	        }         
	    //  });
	}      
}

function pie(){
    picname="";
    if(index==0){
       $("#dynamicIframe").empty();
       var pzxtypedata=document.getElementById("pzxtypeId").value;
	               for ( var i = 0; i < pzxtypedata.length; i++) {
			           if (pzxtypedata == '\"') {
				        pzxtypedata = pzxtypedata.replace("\"", "\'");
			          }
			        }
		 
		         typedata = eval("(" + pzxtypedata + ")");
	   
	             var pzxtype="";
	             for(var k=0;k<typedata.length;k=k+2){
	             if(k!=typedata.length-2){ 
	             pzxtype+=typedata[k]+",";
	             }else{
	             pzxtype+=typedata[k];
	             }
	           }
	
	           $.ajax({
                  type : 'GET',
                  contentType : 'application/json',
                  url: '${ctx}/PublicProvinceTag/'+timestamp,
                  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格式
	             
	             var endtime=new Date();
	             var currendTime=endtime.getMonth()+1;
                 var pros="";
	    	     for(var i=0;i<data.length; i=i+2){	
	    	       if(data[i]>0){
/*                          						
*/                   if(i!=data.length-2){
                        pros+=data[i]+",";   
                     }else{
                       pros+=data[i];
                     }
                   }
                }
                var appendDiv = $("<div class='col-xs-12' align='center'></div>").append($("<span></span>")
										.text(
											("全国配置项数量分布")
									))//添加标题
										.append($("<iframe id= ifram style='width:1050px; height:430px' frameborder='0' scrolling='no'></iframe><br/><br/>")
											.attr("src","${biserver_config}&path=analysissupport&action=Pzx_numcount_analysis_pie.xaction&width=780&height=320&ProvinceTag="+pros+"&MonthTag="+getPeriodString()+"&PZXTypeTag="+pzxtype+"&IfKeyTag="+IfKeyTag
										));//添加iframe
				 $("#dynamicIframe").append(appendDiv);
				 picname="全国配置项数量分布";
            }    
	});
    }else{
       if(getMultiplePro()=="0"){
        $("#dynamicIframe").empty();
             for(var j=0;j<getPeriodString().split(",").length;j++){ 
                 var iframstr="<iframe  id=ifram"+j+" style='width:1050px; height:550px' frameborder='0' scrolling='no'></iframe><br/><br/>";
	             var appendDiv = $("<div class='col-xs-12' align='center'></div>").append($("<span></span>")
								 .text(
										(getPeriodString().split(",")[j]+"_配置项数量分布")
								  ))//添加标题
								 .append($(iframstr)
								 .attr("src",localPath+Pzx_numccountp_src+"&height=390&width=800&MonthTag="+getPeriodString().split(",")[j]+"&ProvinceTag="+getProvinceCheckedValuesString()+"&PZXTypeTag="+getpzxTypeCheckedValuesString()+"&IfKeyTag="+getIfkey()
								 ));//添加iframe
				             $("#dynamicIframe").append(appendDiv);	
				    if(j==getPeriodString().split(",").length-1){
				         picname=getPeriodString().split(",")[j]+"_配置项数量分布"; 
				     }else{
				         picname=getPeriodString().split(",")[j]+"_配置项数量分布,";
				     }
                } 
       }else{ 
	         
	         var provinceName=new Array();
	         provinceName=getProvinceCheckedValuesTitle();
	         
	         var provinces=new Array();
	         provinces=getProvinceCheckedValues();
	        
	     //    $(function(){
	            if(provinces.length*getPeriodString().split(",").length<32){
	              $("#dynamicIframe").empty();

	                 var pzxNum=getpzxTypeCheckedValues().length;
	              
	                for(var i=0;i<provinces.length;i++)
	                 {
	                     for(var j=0;j<getPeriodString().split(",").length;j++)
	                     {  
	                    
	                     if(pzxNum>6){

	                          //动态加载标题的饼图
	                         var iframstr="<iframe id=ifram"+i+j+" style='width:1050px; height:430px' frameborder='0' scrolling='no'></iframe><br/><br/>"; 
	                         var appendDiv = $("<div class='col-xs-12' align='center'></div>").append($("<span></span>")
										.text(
											(getPeriodString().split(",")[j]+"_配置项数量分布("+$(".province:checked").eq(i).attr('title')+")")
									))//添加标题
										.append($(iframstr)
											.attr("src",localPath+Pzx_numccountp_src+"&width=780&height=320&MonthTag="+getPeriodString().split(",")[j]+"&ProvinceTag="+provinces[i]+"&PZXTypeTag="+getpzxTypeCheckedValuesString()	+"&IfKeyTag="+getIfkey()
										));//添加iframe
				             $("#dynamicIframe").append(appendDiv);	
				              if(i==provinces.length-1&&j==getPeriodString().split(",").length-1){  
	                            picname=picname+getPeriodString().split(",")[j]+"_配置项数量分布("+$(".province:checked").eq(i).attr('title')+")";
	                           }else{
	                            picname=picname+getPeriodString().split(",")[j]+"_配置项数量分布("+$(".province:checked").eq(i).attr('title')+"),";
	                           }
				             
	                       }else{
	    
                            //动态加载的饼图
                               var iframstr="<iframe id=ifram"+i+j+" style='width:500px; height:380px' frameborder='0' scrolling='no'></iframe><br/><br/>";
                               var appendDiv = $("<div class='col-xs-6' align='center'></div>").append($("<span></span>")
										.text(
											(getPeriodString().split(",")[j]+"_配置项数量分布("+$(".province:checked").eq(i).attr('title')+")")
									))//添加标题
										.append($(iframstr)
											.attr("src",localPath+Pzx_numccountp_src+"&height=320&width=360&MonthTag="+getPeriodString().split(",")[j]+"&ProvinceTag="+provinces[i]+"&PZXTypeTag="+getpzxTypeCheckedValuesString()+"&IfKeyTag="+getIfkey()
										));//添加iframe
				                $("#dynamicIframe").append(appendDiv);	
				                if(i==provinces.length-1&&j==getPeriodString().split(",").length-1){  
	                            picname=picname+getPeriodString().split(",")[j]+"配置项数量分布("+$(".province:checked").eq(i).attr('title')+")";
	                           }else{
	                            picname=picname+getPeriodString().split(",")[j]+"配置项数量分布("+$(".province:checked").eq(i).attr('title')+"),";
	                           }
	                       }
	                     
	                     }
	                 }
	               }else{
	                 
	                    $.alert("饼图超过了31个,请重新选择!");
	               }  
	        }       
	   //        });
	  }    
}
$("#upload").click(function(){
	    
	      //var temi = $(this).attr("id").charAt($(this).attr("id").length-1);
          //alert(temi);
          var picArr = new Array();
          $("#picifram").find("iframe").each(function(){
              //alert($(this).attr("id"));
              //picArr.push($(window.frames[$(this).attr("id")].document).find("img").attr("src").substr(24));
              var tmpArr = new Array();
              var tmpStr = $(window.frames[$(this).attr("id")].document).find("img").attr("src");
              tmpArr = tmpStr.split("?image=");
              picArr.push(tmpArr[1]);
              
          });
          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 () {
			        
			               //alert(picStr);
			               //alert($('input[name="expradio"]:checked').val());
			               var listForm=$("#export");
		                   listForm.attr("action","${ctx}/AnalysisSupport/PzxNumCount/"+$('input[name="expradio"]:checked').val()+"?picStr="+picStr+"&picname="+picname);
		                   listForm.submit();
		                   listForm.attr("action","#");
			        }  
	        	},{
			        value: "取消",
			        callback: function () {}  
				}], 
			lock: false
		});      
      	 
	 });


</script>

</body>
</html>