wp/nwyj/.svn/pristine/6e/6edbabea3db9f6ec713170f9cec158cf5fbdcdb1.svn-base

var deptName;


       //数据表格
        var g;
        var myCols = [{ 
            display: '业务指导书', name: 'national', width: "20%", align: 'center' 
        },{ 
            display: '管理办法', name: 'occupation', width: "20%", align: 'center' 
        },{ 
            display: '管理细则', name: 'provincial', width: "20%", align: 'center' 
        },{ 
            display: '管理实施细则', name: 'international', width: "20%", align: 'center' 
        }];
        
		var columns = [{display : '所属单位',"name" : 'name',id : 'name',width : "10%",dept_id:'dept_id',align : 'center',render: addStatus},
	                      {display: '规章制度分类', columns: myCols, width: "80%"},
	                      {display: '合计', name: 'num', width: "10%", align: 'center'}
	                     ];
			

			var json ="";
			var loadData;

			//柱状图
			var option = {
				    title : {
				        text: '规章制度统计图',
				        subtext: '/条'
				    },
				    tooltip : {
				        trigger: 'axis'
				    },
				    legend: {
				    	y  : 'bottom',
				        data:['业务指导书','管理办法','管理细则','管理实施细则']
				    },
				    toolbox: {
				        show : true,
				        feature : {
				            mark : {show: true},
				            dataView : {show: false, readOnly: false},
				            magicType : {show: false, type: ['line', 'bar', 'stack', 'tiled']},
				            restore : {show: true},
				            saveAsImage : {show: true}
				        }
				    },
				    calculable : true,
				    xAxis : [
				        {
				            type : 'category',
				            data : ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月']
				        }
				    ],
				    yAxis : [
				        {
				            type : 'value'
				        }
				    ],
				    series : [
				        {
				            name:'业务指导书',
				            type:'bar',
				            data:[2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3]
				        },
				        {
				            name:'管理办法',
				            type:'bar',
				            data:[2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3]
				        },
				        {
				            name:'管理细则',
				            type:'bar',
				            data:[2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3]
				        },
				        {
				            name:'管理实施细则',
				            type:'bar',
				            data:[2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3]
				        }
				    ]
				};
	function changeBarOption(data){
		var legendData=[];
		var seriesData=[];
		var data1=[];
		var data2=[];
		var data3=[];
		var data4=[];
		for(var i=0;i<data.rows.length-1;i++){
			//alert(data.rows[i].name);
			legendData[i]=data.rows[i].name;
			data1[i]=data.rows[i].national;
			data2[i]=data.rows[i].occupation;
			data3[i]=data.rows[i].provincial;
			data4[i]=data.rows[i].international;
		}
		var series1={ name:'业务指导书',
	            	  type:'bar',
	                  data:data1
		 };
		var series2={ name:'管理办法',
	      	  type:'bar',
	            data:data2
		};
		var series3={ name:'管理细则',
	      	  type:'bar',
	            data:data3
		};
		var series4={ name:'管理实施细则',
	      	  type:'bar',
	            data:data4
		};
		seriesData=[series1,series2,series3,series4];
		option.xAxis[0].data=legendData;
		option.series=seriesData;
	}		
	function changeBarOption2(data){
		var legendData=[];
		var seriesData=[];
		var data1=[];
		var data2=[];
		var data3=[];
		var data4=[];
		for(var i=0;i<data.rows.length-1;i++){
			//alert(data.rows[i].name);
			legendData[i]=data.rows[i].name;
			data1[i]=data.rows[i].national;
			data2[i]=data.rows[i].occupation;
			data3[i]=data.rows[i].provincial;
			data4[i]=data.rows[i].international;
		}
		var series1={ name:'业务指导书',
	            	  type:'bar',
	                  data:data1
		 };
		var series2={ name:'管理办法',
	      	  type:'bar',
	            data:data2
		};
		var series3={ name:'管理细则',
	      	  type:'bar',
	            data:data3
		};
		var series4={ name:'管理实施细则',
	      	  type:'bar',
	            data:data4
		};
		//seriesData=[series1,series2,series3,series4,series5];
		option.legend.data=$("#CLASSES_242").attr("relText").split(",");
		var getInput=$("#CLASSES_242").attr("relText").split(",");
		var j=0;
		if($.inArray('业务指导书',getInput)!=-1){
			seriesData[j]=series1;
			j++;
		}
		if($.inArray('管理办法',getInput)!=-1){
			seriesData[j]=series2;
			j++;
		}
		if($.inArray('管理细则',getInput)!=-1){
			seriesData[j]=series3;
			j++;
		}
		if($.inArray('管理实施细则',getInput)!=-1){
			seriesData[j]=series4;
			j++;
		}
		option.xAxis[0].data=legendData;
		option.series=seriesData;
	}		
	//折线图option1
	var option1 = {
		  	title : {
		        text: '规章制度统计图',
			    subtext: '/条'
		    },
		    tooltip : {
		        trigger: 'axis'
		    },
		    legend: {
		    	y:'bottom',
		        data:['业务指导书','管理办法','管理细则','管理实施细则']
		    },
		    toolbox: {
		        show : true,
		        feature : {
		            mark : {show: true},
		            dataView : {show: false, readOnly: false},
		            magicType : {show: false, type: ['line', 'bar', 'stack', 'tiled']},
		            restore : {show: true},
		            saveAsImage : {show: true}
		        }
		    },
		    calculable : true,
		    xAxis : [
		        {
		            type : 'category',
		            boundaryGap : false,
		            data : ['总体预案','专项预案','现场处置方案','部门预案']
		        }
		    ],
		    yAxis : [
		        {
		            type : 'value'
		        }
		    ],
		    series : [
		        {
		            name:'业务指导书',
		            type:'line',
		            
		            data:[20, 30, 50,40]
		        },
		        {
		            name:'管理办法',
		            type:'line',
		            
		            data:[10, 18, 19, 24]
		        },
		        {
		            name:'管理细则',
		            type:'line',
		            
		            data:[15, 22, 20, 15]
		        },
		        {
		            name:'管理实施细则',
		            type:'line',
		            
		            data:[15, 22, 20, 15]
		        }
		    ]
		};		
	function changeLineOption(data){
		var legendData=[];
		var seriesData=[];
		var data1=[];
		var data2=[];
		var data3=[];
		var data4=[];
		for(var i=0;i<data.rows.length-1;i++){
			//alert(data.rows[i].name);
			legendData[i]=data.rows[i].name;
			data1[i]=data.rows[i].national;
			data2[i]=data.rows[i].occupation;
			data3[i]=data.rows[i].provincial;
			data4[i]=data.rows[i].international;
		}
		var series1={ name:'业务指导书',
	            	  type:'line',
	                  data:data1
		 };
		var series2={ name:'管理办法',
	      	  type:'line',
	            data:data2
		};
		var series3={ name:'管理细则',
	      	  type:'line',
	            data:data3
		};
		var series4={ name:'管理实施细则',
	      	  type:'line',
	            data:data4
		};
		
		seriesData=[series1,series2,series3,series4];
		option1.xAxis[0].data=legendData;
		option1.series=seriesData;
	}

	function changeLineOption2(data){
		var legendData=[];
		var seriesData=[];
		var data1=[];
		var data2=[];
		var data3=[];
		var data4=[];
		for(var i=0;i<data.rows.length-1;i++){
			//alert(data.rows[i].name);
			legendData[i]=data.rows[i].name;
			data1[i]=data.rows[i].national;
			data2[i]=data.rows[i].occupation;
			data3[i]=data.rows[i].provincial;
			data4[i]=data.rows[i].international;
		}
		var series1={ name:'业务指导书',
	            	  type:'line',
	                  data:data1
		 };
		var series2={ name:'管理办法',
	      	  type:'line',
	            data:data2
		};
		var series3={ name:'管理细则',
	      	  type:'line',
	            data:data3
		};
		var series4={ name:'管理实施细则',
	      	  type:'line',
	            data:data4
		};
		
		
		option1.legend.data=$("#CLASSES_242").attr("relText").split(",");
		var getInput=$("#CLASSES_242").attr("relText").split(",");
		var j=0;
		if($.inArray('业务指导书',getInput)!=-1){
			seriesData[j]=series1;
			j++;
		}
		if($.inArray('管理办法',getInput)!=-1){
			seriesData[j]=series2;
			j++;
		}
		if($.inArray('管理细则',getInput)!=-1){
			seriesData[j]=series3;
			j++;
		}
		if($.inArray('管理实施细则',getInput)!=-1){
			seriesData[j]=series4;
			j++;
		}

		//seriesData=[series1,series2,series3,series4,series5];
		option1.xAxis[0].data=legendData;
		option1.series=seriesData;
	}	

	//饼图option2
	var option2 = {
		    title : {
		        text: '规章制度统计图',
		        subtext: '/条'
		    },
		    tooltip : {
		        trigger: 'item',
		        formatter: "{a} <br/>{b} : {c} ({d}%)"
		    },
		    legend: {
		        y : 'bottom',
		        data:['业务指导书','管理办法','管理细则','管理实施细则']
		    },
		    toolbox: {
		        show : true,
		        feature : {
		            mark : {show: true},
		            dataView : {show: false, readOnly: false},
		            magicType : {
		                show: false, 
		                type: ['pie', 'funnel'],
		                option: {
		                    funnel: {
		                        x: '25%',
		                        width: '50%',
		                        funnelAlign: 'left',
		                        max: 1548
		                    }
		                }
		            },
		            restore : {show: true},
		            saveAsImage : {show: true}
		        }
		    },
		    calculable : true,
		    series : [
		        {
		            name:'规章制度',
		            type:'pie',
		            radius : '55%',
		            center: ['50%', '55%'],
		            data:[
		                {value:335, name:'业务指导书'},
		                {value:310, name:'管理办法'},
		                {value:234, name:'管理细则'},
		                {value:234, name:'管理实施细则'}
		            ]
		        }
		    ]
		};
	function changePieOption3(data){
		//option2.legend.data=['总体预案','专项预案','现场处置方案','部门预案'];
		option2.legend.data=$("#CLASSES_242").attr("relText").split(",");
		var getInput=$("#CLASSES_242").attr("relText").split(",");
		var index=data.rows.length-1;
		var seriesJson=[];
		var j=0;
		if($.inArray('业务指导书',getInput)!=-1){
			var json={value:data.rows[index]["national"],name:'业务指导书'};
			seriesJson[j]=json;
			j++;
		}
		if($.inArray('管理办法',getInput)!=-1){
			var json={value:data.rows[index]["occupation"],name:'管理办法'};
			seriesJson[j]=json;
			j++;
		}
		if($.inArray('管理细则',getInput)!=-1){
			var json={value:data.rows[index]["provincial"],name:'管理细则'};
			seriesJson[j]=json;
			j++;
		}
		if($.inArray('管理实施细则',getInput)!=-1){
			var json={value:data.rows[index]["international"],name:'管理实施细则'};
			seriesJson[j]=json;
			j++;
		}

		option2.series[0].data=seriesJson;
		

		}

	function changePieOption2(data){
	/*************************************************** 初始化解析饼图数据  start**********************************************************/
		//option2.legend.data=['总体预案','专项预案','现场处置方案','部门预案'];
		var index=data.rows.length-1;
		var seriesJson=[];
		var j=0;
		if(data.rows[index]["national"]!=undefined){
			var json={value:data.rows[index]["national"],name:'业务指导书'};
			seriesJson[j]=json;
			j++;
		}
		if(data.rows[index]["occupation"]!=undefined){
			var json={value:data.rows[index]["occupation"],name:'管理办法'};
			seriesJson[j]=json;
			j++;
		}
		if(data.rows[index]["provincial"]!=undefined){
			var json={value:data.rows[index]["provincial"],name:'管理细则'};
			seriesJson[j]=json;
			j++;
		}
		if(data.rows[index]["international"]!=undefined){
			var json={value:data.rows[index]["international"],name:'管理实施细则'};
			seriesJson[j]=json;
			j++;
		}
		
		option2.series[0].data=seriesJson;
		
	/*************************************************** 初始化解析饼图数据   end **********************************************************/

	}
			
			
			//初始化方法
			$(function(){
				deptName = (window.location.href).split('?')[1];
				$.post($.pathname()+ "/ws/bylawPOLL/BylawService/getBylaw",{id : deptName},function (data){
					json = data;
					//给表格数据赋值
					loadData= data;
					//初始化表格
					initCompletes(json);
					
					changeBarOption(data);
					changeLineOption(data);
					changePieOption2(data);
					var myChart1 = echarts.init(document.getElementById('main1'));
					myChart1.setOption(option);
					$(".basicTab").bind('actived',function(e,i){
						if(i==0){
					/*****************************************  加载柱状图  *********************************************************/
							var myChart1 = echarts.init(document.getElementById('main1'));
							myChart1.setOption(option);
							// initmyGraphic(data);
						}else if(i == 1){  
					/*****************************************  加载折线图  *********************************************************/
							var myChart5 = echarts.init(document.getElementById('main2'));
							myChart5.setOption(option1);
						}else if(i==2){
					/*****************************************  加载饼图  *********************************************************/
							  var myChart2 = echarts.init(document.getElementById('main3'));
					          myChart2.setOption(option2);
						}
					});
					
				},"json" );
				
			});
			
			
			function initCompletes(json){
				 g = $("#maingrid").quiGrid({
	               columns: columns, 
	               data:json,
					rownumbers : true,
					usePager : false
	           });
				 
				//重设高度
				 	$(parent.document.body).find("iframe").height($(window.document.body).height()+30);
					$(top.document.body).find("iframe").height($(window.document.body).height()+30);
				 
				 /*重新绑定父页面事件方法*/
					//绑定点击时样式变化事件
					$(parent.document.body).find(".leftnav").live("click",parent.checkedCurrent);
					//定期报送组点击事件
					$(parent.document.body).find(".baosong").live("click",parent.changebaosong);
					//定期维护组点击事件
					$(parent.document.body).find(".weihu").live("click",parent.changeweihu);
					$(parent.document.body).find(".weihu1").live("click",parent.changeweihu1);
				/*重新绑定父页面事件方法*/
			}
			
			
		
		function addStatus(rowdata, rowindex, value, column){
			if("总计"==rowdata.name || deptName==rowdata.dept_id){
				return value;
			}else{
			var comp_id='"'+rowdata.dept_id+'"';
			var name = '"'+value+'"';
			return "<a href='javascript:newHtml("+comp_id+","+name+")'>" + value +" </a>";
			}
		}
		function newHtml(comp_id,name){
			if(name=="总计"){
				return;
			}else if(deptName==comp_id){
				return;
			}else{			
//				window.open("/nwyj/page/business/am/fileManager/standard/standard_poll1.jsp?"+comp_id);
				$.indexOpenNextWindow("/nwyj/page/business/am/fileManager/bylaw/bylaw_poll1.jsp?"+comp_id);
			}
					
		}