<%@ 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> </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?CurTabId=home#">总领</a> </li> <li><a id="a_profile" href="${ctx}/AnalysisSupport/PzxNumCount">数量统计</a> </li> <li class="active"><a id="profile" href="#profile" data-toggle="tab">生命周期统计</a> </li> <li><a id="a_profile1" href="${ctx}/AnalysisSupport/PzxAttribute" >属性统计</a> </li> <li><a id="a_profile2" href="${ctx}/AnalysisSupport/PzxDetail" >明细分析</a> </li> <li><a id="a_profile3" href="${ctx}/AnalysisSupport/PzxAttributeDetail">属性明细分析</a> </li> </ul> </div> <div class="section"> <div class="tab-content"> <!-- ---------------------------------------------------配置项生命周期统计分析 ------------------------------------------------> <div class="tab-pane fade in active" > <div class="row me-row"> <div id="slidePushMenus" class="cbp-spmenu-push"> <div class="slideMenu" id="cbp-spmenu-s2" style=""> <div class="form"> <tags:GZFX_Period_stats/> <tags:Public_ProvinceTag /> <tags:PzxTypeRelationTag /> <tags:PZX_ChangeState /> <!-- 变更状态 --> <tags:PZX_Ifkey /> <tags:PZX_Multiple_Province /> <button id="submit" class="btn btn-primary" onclick="submit()">提交</button> <button type="button" 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="PeriodTag" class="label label-info" data-placement="bottom" >最近一个月</span> <span id="ChangeTag" class="label label-info"data-placement="bottom" ></span> <span id="IfKeyTag" 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="RelationTag" 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="tabpic"> <br/> <br/> <div id="dynamicIframe" ></div> </div> </div> </div> </div> </div> </div> <!-- /scroller-inner --> <form id="export" action="#" method="post"></form> <input type="hidden" id="pzxtypeId" name="pzxtypeId" value='${cicategoryListJson}' /> </div> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> var localPath="${biserver_config}&path=analysissupport"; var Pzx_LifeCycle_src="&action=Pzx_LifeCycle_bar.xaction"; var Pzx_LifeCyclep_src="&action=Pzx_LifeCycle_pie.xaction"; //筛选项初始化 |Add by Eric initDateStats();//初始化日期 var IfKeyTag="'0','1'"; var index=0; var picname=""; $(document).ready(function(){ //默认的页面加载的全国的配置项数量统计报表 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 relation=getpzxRelationCheckedValuesString2(); var changeStatement="-2"; var period=getStatsPeriodStr(); 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:430px' frameborder='0' scrolling='no'></iframe><br/><br/>") .attr("src","${biserver_config}&path=analysissupport&action=Pzx_LifeCycle_bar.xaction&width=800&height=310&ProvinceTag="+data[i]+"&PeriodTag="+period+"&PZXTypeTag="+pzxtype+"&RelationTag="+relation+"&ChangeTag="+changeStatement+"&IfKeyTag="+IfKeyTag ));//添加iframe $("#dynamicIframe").append(appendDiv); */ 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_LifeCycle_bar.xaction&width=800&height=310&ProvinceTag="+pros+"&PeriodTag="+period+"&PZXTypeTag="+pzxtype+"&RelationTag="+relation+"&ChangeTag="+changeStatement+"&IfKeyTag="+IfKeyTag ));//添加iframe $("#dynamicIframe").append(appendDiv); //alert($("#dynamicIframe").text()); picname=$("#dynamicIframe").text(); } }); }); function submit(){ picname=""; index=1; var provinceName=new Array(); provinceName=getProvinceCheckedValuesTitle(); //alert(getpzxRelationCheckedValuesString2()); var provinces=new Array(); provinces=getProvinceCheckedValues(); var period=getStatsPeriodStr(); if(provinces.length==0){ $.alert("省份为空,请重新选择!"); }else if(getpzxClassCheckedValues().length==0){ $.alert("配置项类别为空,请重新选择!"); } else if(getpzxTypeCheckedValues2().length==0){ $.alert("配置项类别子类为空,请重新选择!"); }else if(getpzxRelationCheckedValues2().length==0){ $.alert("配置关系为空,请重新选择!"); }else{ $("#dynamicIframe").empty(); var pzxNum=getpzxTypeCheckedValues2().length; len=provinces.length; if(len==32){ len=31; } if(getMultiplePro()=="0"){ var iframestr="<iframe id=ifram0 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( ("生命周期统计分析") ))//添加标题 .append($(iframestr) .attr("src",localPath+Pzx_LifeCycle_src+"&width=800&height=310&ProvinceTag="+getProvinceCheckedValuesString()+"&PeriodTag="+period+"&PZXTypeTag="+getpzxTypeCheckedValuesString2()+"&RelationTag="+getpzxRelationCheckedValuesString2()+"&ChangeTag="+getPzxChangeState()+"&IfKeyTag="+getIfkey() ));//添加iframe $("#dynamicIframe").append(appendDiv); picname="生命周期统计分析"; var href="../AnalysisSupport/PzxAnalysisLifeCycle/createLog?periodTag="+period; $.ajax({ type : 'GET', contentType : 'application/json', url: href, dataType : 'text', beforeSend: function(data) { }, success: function(data) { } }); }else{ if(len*1<32){ //1要替换掉所选择的更改的状态的对应的数据 for(var i=0;i<provinces.length;i++) { if(provinces[i]>0){ for(var j=0;j<1;j++) //1要替换掉所选择的更改状态的个数 { /* alert("1:"+provinces[i]); alert("2:"+period); alert("3:"+getpzxTypeCheckedValuesString2()); alert("4:"+getpzxRelationCheckedValuesString2()); alert("5:"+getPzxChangeState()); alert("6:"+getIfkey()); */ if(pzxNum>18){ var iframestr="<iframe id=ifram"+i+" 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( ("生命周期统计分析("+$(".province:checked").eq(i).attr('title')+")") ))//添加标题 .append($(iframestr) .attr("src",localPath+Pzx_LifeCycle_src+"&width=800&height=310&ProvinceTag="+provinces[i]+"&PeriodTag="+period+"&PZXTypeTag="+getpzxTypeCheckedValuesString2()+"&RelationTag="+getpzxRelationCheckedValuesString2()+"&ChangeTag="+getPzxChangeState()+"&IfKeyTag="+getIfkey() ));//添加iframe $("#dynamicIframe").append(appendDiv); //alert($("#dynamicIframe").text()); if(i==provinces.length-1){ picname=picname+"生命周期统计分析("+$(".province:checked").eq(i).attr('title')+")"; }else{ picname=picname+"生命周期统计分析("+$(".province:checked").eq(i).attr('title')+")"+","; } }else{ var iframestr="<iframe id=ifram"+i+" style='width:480px; height:430px' 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($(iframestr) .attr("src",localPath+Pzx_LifeCycle_src+"&height=310&width=360&ProvinceTag="+provinces[i]+"&PeriodTag="+period+"&PZXTypeTag="+getpzxTypeCheckedValuesString2()+"&RelationTag="+getpzxRelationCheckedValuesString2()+"&ChangeTag="+getPzxChangeState()+"&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/PzxAnalysisLifeCycle/createLog?periodTag="+period; $.ajax({ type : 'GET', contentType : 'application/json', url: href, dataType : 'text', beforeSend: function(data) { }, success: function(data) { } }); }else{ $.alert("所选的组合超过了31个,请重新选择!"); } } // }); // alert(getIfkey()); toggleMenu("slidePushMenus");//隐藏筛选项 //时间标签 $('#PeriodTag').text("时间范围").tooltip({title:period}); //省份标签 $('#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(getpzxTypeCheckedValues2().length)).attr('data-original-title',getpzxTypeCheckedTitles2()).tooltip(); //配置关系 $('#RelationTag').text("配置关系").append($("<span class='badge'></span>").text(getpzxRelationCheckedValues2().length)).attr('data-original-title',getpzxRelationCheckedTitles2()).tooltip(); //变更状态 $('#ChangeTag').text('变更状态').attr('data-original-title',getPzxChangeStateTitle()).tooltip(); $('#IfKeyTag').text("是否关键").attr('data-original-title',getIfKeyTitle()).tooltip(); $('#MultipleProTag').text(getMultipleTitle()); } } function bar(){ picname=""; if(index==0){ $("#dynamicIframe").empty(); var IfKeyTag2="'0','1'"; 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 relation=getpzxRelationCheckedValuesString2(); var changeStatement="-2"; var period=getStatsPeriodStr(); 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:430px' frameborder='0' scrolling='no'></iframe><br/><br/>") .attr("src","${biserver_config}&path=analysissupport&action=Pzx_LifeCycle_bar.xaction&width=800&height=310&ProvinceTag="+data[i]+"&PeriodTag="+period+"&PZXTypeTag="+pzxtype+"&RelationTag="+relation+"&ChangeTag="+changeStatement+"&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:430px' 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_LifeCycle_bar.xaction&width=800&height=310&ProvinceTag="+pros+"&PeriodTag="+period+"&PZXTypeTag="+pzxtype+"&RelationTag="+relation+"&ChangeTag="+changeStatement+"&IfKeyTag="+IfKeyTag2 ));//添加iframe $("#dynamicIframe").append(appendDiv); picname="全国生命周期统计分析"; } }); }else{ var provinceName=new Array(); provinceName=getProvinceCheckedValuesTitle(); var provinces=new Array(); provinces=getProvinceCheckedValues(); var period=getStatsPeriodStr(); $("#dynamicIframe").empty(); if(getMultiplePro()=="0"){ var iframstr="<iframe id=ifram"+i+" 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( ("生命周期统计分析") ))//添加标题 .append($(iframstr) .attr("src",localPath+Pzx_LifeCycle_src+"&width=800&height=310&ProvinceTag="+getProvinceCheckedValuesString()+"&PeriodTag="+period+"&PZXTypeTag="+getpzxTypeCheckedValuesString2()+"&RelationTag="+getpzxRelationCheckedValuesString2()+"&ChangeTag="+getPzxChangeState()+"&IfKeyTag="+getIfkey() ));//添加iframe $("#dynamicIframe").append(appendDiv); picname="生命周期统计分析"; }else{ var pzxNum=getpzxTypeCheckedValues2().length; for(var i=0;i<provinces.length;i++) { if(provinces[i]>0){ for(var j=0;j<1;j++) //1要替换掉所选择的更改状态的个数 { if(pzxNum>18){ // $("#dynamicIframe").append("关键配置项数量分布_"+month[j]+"月("+provinceName[i]+")"); //柱状图 // str="<iframe src='"+localPath+Pzx_LifeCycle_src+"&height=320&width=572&ProvinceTag="+provinces[i]+"&PeriodTag="+period+"&PZXTypeTag="+getpzxTypeCheckedValuesString()+"' scrolling='no' frameborder='0' style='width:730px; height:430px'></iframe>"; // $("#dynamicIframe").append(str); //动态加载标题的柱状图 var iframstr="<iframe id=ifram"+i+" 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( ("生命周期统计分析("+$(".province:checked").eq(i).attr('title')+")") ))//添加标题 .append($(iframstr) .attr("src",localPath+Pzx_LifeCycle_src+"&width=800&height=310&ProvinceTag="+provinces[i]+"&PeriodTag="+period+"&PZXTypeTag="+getpzxTypeCheckedValuesString2()+"&RelationTag="+getpzxRelationCheckedValuesString2()+"&ChangeTag="+getPzxChangeState()+"&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{ // $("#dynamicIframe").append("关键配置项数量分布_"+month[j]+"月("+provinceName[i]+")"); // str="<iframe src='"+localPath+Pzx_LifeCycle_src+"&height=320&width=360&ProvinceTag="+provinces[i]+"&PeriodTag="+period+"&PZXTypeTag="+getpzxTypeCheckedValuesString()+"' scrolling='no' frameborder='0' style='width:480px; height:430px'></iframe>"; // $("#dynamicIframe").append(str); //动态加载标题的柱状图 var iframstr="<iframe id=ifram"+i+" style='width:480px; height:430px' 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_LifeCycle_src+"&height=310&width=360&ProvinceTag="+provinces[i]+"&PeriodTag="+period+"&PZXTypeTag="+getpzxTypeCheckedValuesString2()+"&RelationTag="+getpzxRelationCheckedValuesString2()+"&ChangeTag="+getPzxChangeState()+"&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 IfKeyTag2="'0','1'"; 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 relation=getpzxRelationCheckedValuesString2(); var changeStatement="-2"; var period=getStatsPeriodStr(); 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:430px' frameborder='0' scrolling='no'></iframe><br/><br/>") .attr("src","${biserver_config}&path=analysissupport&action=Pzx_LifeCycle_bar.xaction&width=800&height=310&ProvinceTag="+data[i]+"&PeriodTag="+period+"&PZXTypeTag="+pzxtype+"&RelationTag="+relation+"&ChangeTag="+changeStatement+"&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:430px' 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_LifeCycle_pie.xaction&width=780&height=320&ProvinceTag="+pros+"&PeriodTag="+period+"&PZXTypeTag="+pzxtype+"&RelationTag="+relation+"&ChangeTag="+changeStatement+"&IfKeyTag="+IfKeyTag2 ));//添加iframe $("#dynamicIframe").append(appendDiv); picname="全国生命周期统计分析"; } }); }else{ var provinceName=new Array(); provinceName=getProvinceCheckedValuesTitle(); var provinces=new Array(); provinces=getProvinceCheckedValues(); var period=getStatsPeriodStr(); $("#dynamicIframe").empty(); if(getMultiplePro()=="0"){ var iframstr="<iframe id=ifram"+i+" 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( ("生命周期统计分析") ))//添加标题 .append($(iframstr) .attr("src",localPath+Pzx_LifeCyclep_src+"&width=780&height=320&ProvinceTag="+getProvinceCheckedValuesString()+"&PeriodTag="+period+"&PZXTypeTag="+getpzxTypeCheckedValuesString2()+"&RelationTag="+getpzxRelationCheckedValuesString2()+"&ChangeTag="+getPzxChangeState()+"&IfKeyTag="+getIfkey() ));//添加iframe $("#dynamicIframe").append(appendDiv); picname="生命周期统计分析"; }else{ var pzxNum=getpzxTypeCheckedValues2().length; for(var i=0;i<provinces.length;i++) { if(provinces[i]>0){ for(var j=0;j<1;j++) //1要替换掉所选择的更改状态的个数 { if(pzxNum>6){ // $("#dynamicIframe").append("关键配置项数量分布_"+month[j]+"月("+provinceName[i]+")"); // str="<iframe src='"+localPath+Pzx_LifeCyclep_src+"&height=320&width=540&ProvinceTag="+provinces[i]+"&PeriodTag="+period+"&PZXTypeTag="+getpzxTypeCheckedValuesString()+"' scrolling='no' frameborder='0' style='width:738px; height:430px'></iframe>"; // $("#dynamicIframe").append(str); //动态加载标题的柱状图 var iframstr="<iframe id=ifram"+i+" 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( ("生命周期统计分析("+$(".province:checked").eq(i).attr('title')+")") ))//添加标题 .append($(iframstr) .attr("src",localPath+Pzx_LifeCyclep_src+"&width=780&height=320&ProvinceTag="+provinces[i]+"&PeriodTag="+period+"&PZXTypeTag="+getpzxTypeCheckedValuesString2()+"&RelationTag="+getpzxRelationCheckedValuesString2()+"&ChangeTag="+getPzxChangeState()+"&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{ // $("#dynamicIframe").append("关键配置项数量分布_"+month[j]+"月("+provinceName[i]+")"); //饼图 // str="<iframe src='"+localPath+Pzx_LifeCyclep_src+"&height=320&width=340&ProvinceTag="+provinces[i]+"&PeriodTag="+period+"&PZXTypeTag="+getpzxTypeCheckedValuesString()+"' scrolling='no' frameborder='0' style='width:480px; height:430px'></iframe>"; // $("#dynamicIframe").append(str); //动态加载标题的饼图 var iframstr="<iframe id=ifram"+i+" style='width:480px; height:430px' 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_LifeCyclep_src+"&height=320&width=360&ProvinceTag="+provinces[i]+"&PeriodTag="+period+"&PZXTypeTag="+getpzxTypeCheckedValuesString2()+"&RelationTag="+getpzxRelationCheckedValuesString2()+"&ChangeTag="+getPzxChangeState()+"&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 reset() { initDateStats(); ProvinceReset(); resetRelationType(); $('#changeState')[0].selectedIndex = 0; $('#ifKey')[0].selectedIndex = 0; $('#multiplepro')[0].selectedIndex = 0; } $("#upload").click(function(){ //var temi = $(this).attr("id").charAt($(this).attr("id").length-1); //alert(temi); var picArr = new Array(); $("#dynamicIframe").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()); //alert(picname); var listForm=$("#export"); listForm.attr("action","${ctx}/AnalysisSupport/PzxAnalysisLifeCycle/"+$('input[name="expradio"]:checked').val()+"?picStr="+picStr+"&picname="+picname); listForm.submit(); listForm.attr("action","#"); } },{ value: "取消", callback: function () {} }], lock: false }); }); </script> </body> </html>