var myChart = echarts.init(document.getElementById('taskStatsChar'),'walden');
var myChart2 = echarts.init(document.getElementById('taskStatsChar2'),'walden');
option = {
		color: ['#7fb80e','#c63c26','#ffc20e'],
	    tooltip: {
	        trigger: 'axis'
	    },
	    grid:{
	    	  left: '3%',
	          right: '4%',
	          bottom: '1%',
	          containLabel: true
		    },
	 
	    legend: {
	        data:[],
	    	width:'90%',
	        left:'center'
	    },

	    xAxis: [
	        {
	            type: 'value',
	            name:'金额',
	            axisLabel: {
	                show: true,
	                interval: 'auto',
	                formatter: function (value, index) {           
	             	 return value;      
	                }   
	                //formatter: '{value} '
	              }
	        }
	    ],
	    yAxis: 
	        {
	            type: 'category',
	            data: [],
	            axisLabel: {
	                interval: 0,
//	                formatter:function(value)
//	                {
//
//	                    var ret = "";//拼接加\n返回的类目项
//	                    var maxLength = 1;//每项显示文字个数
//	                    var valLength = value.length;//X轴类目项的文字个数
//	                    var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数
//	                    if (rowN > 1)//如果类目项的文字大于3,
//	                    {
//	                        for (var i = 0; i < rowN; i++) {
//	                            var temp = "";//每次截取的字符串
//	                            var start = i * maxLength;//开始截取的位置
//	                            var end = start + maxLength;//结束截取的位置
//	                            //这里也可以加一个是否是最后一行的判断，但是不加也没有影响，那就不加吧
//	                            temp = value.substring(start, end) + "\n";
//	                            ret += temp; //凭借最终的字符串
//	                        }
//	                        return ret;
//	                    }
//	                    else {
//	                        return value;
//	                    }
//	                }
	            }
	        },
	       
	    dataZoom: [
		              
	               {
	                   type: 'inside',
	                   start: 0,
	                   end: 100
	                   
	               }
	           ],
	    series: [
	        {
	            name:'工作数量',
	            type:'bar',
	            barWidth : 12,
	            data:[]
	        },
	        {
	            name:'未完成工作数量',
	            type:'bar',
	            barWidth : 12,
	            data:[]
	        },
	        {
	            name:'未完成率',
	            type:'bar',
	            barWidth : 12,
	            data:[]
	        }
	    ]
	};

option2 = {
		color: ['#3398DB','#973c3f','#b69968'],
	    tooltip: {
	        trigger: 'axis'
	    },
	    grid:{
	    	  left: '3%',
	          right: '4%',
	          bottom: '1%',
	          containLabel: true
		    },
	 
	    legend: {
	        data:[],
	    	width:'90%',
	        left:'center'
	    },
	    xAxis: 
	        {
	            type: 'category',
	            data: ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月',],
	            axisLabel: {
	                interval: 0,
	                formatter:function(value)
	                {

	                    var ret = "";//拼接加\n返回的类目项
	                    var maxLength = 1;//每项显示文字个数
	                    var valLength = value.length;//X轴类目项的文字个数
	                    var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数
	                    if (rowN > 1)//如果类目项的文字大于3,
	                    {
	                        for (var i = 0; i < rowN; i++) {
	                            var temp = "";//每次截取的字符串
	                            var start = i * maxLength;//开始截取的位置
	                            var end = start + maxLength;//结束截取的位置
	                            //这里也可以加一个是否是最后一行的判断，但是不加也没有影响，那就不加吧
	                            temp = value.substring(start, end) + "\n";
	                            ret += temp; //凭借最终的字符串
	                        }
	                        return ret;
	                    }
	                    else {
	                        return value;
	                    }
	                }
	            }
	        },
	    yAxis: [
	        {
	            type: 'value',
	            name:'审批统计',
	            axisLabel: {
	                show: true,
	                interval: 'auto',
	                formatter: function (value, index) {           
	             	 return value+"项";      
	                }   
	                //formatter: '{value} '
	              }
	        }
	    ],
	    dataZoom: [
		              
	               {
	                   type: 'inside',
	                   start: 0,
	                   end: 100
	                   
	               }
	           ],
	    series: [
	        {
	            name:'审批数量',
	            type:'bar',
	            data:[]
	        }
	    ]
	};




$(function() {
	$(document).ready(function() {     
		taskStatssearch();		
	});
});




function taskStatssearch(){
	var url = 'tBActivitiCostPayInnerUserController.do?datagrid4statis';
	 handleAjaxSimple(url, $("#taskStatsForm").serialize(), handleSuccess);
}

function handleSuccess(data){
	if(data.cdata.noData){
		$(".content").hide();
		$("#uptb").hide();
		$("#upbg").hide();
		$("#upexport").hide();
		$(".err-info").show();
	}else{
		$(".content").show();
		$(".err-info").hide();
		//$("#upBtn").show();
		$("#uptb").show();
		$("#upbg").show();
		var srcstr = $("#uptb").attr("src");
		if(srcstr.indexOf("tb1.png") < 0){
			$("#upexport").show();
		}
		var rolefalg = $("#roleFlag").val();
		var prostr='部门';
		if(rolefalg == 1){
			prostr = '项目';
		}else{
			prostr = '部门';
		}
		var charheadStr;
		var attType = $("#attType").val();
		if(attType == 0 ){
			charheadStr =$("#curYear").val()+"年"+$("#attMonth").val()+"月各"+prostr+"审批统计";
		}else if(attType == 1){
			var attQuarters = $("#attQuarters").val();
			if(attQuarters == 1){
				charheadStr = $("#curYear").val()+"年一季度(01月-03月)各"+prostr+"审批统计";
			}else if(attQuarters == 2){
				charheadStr = $("#curYear").val()+"年二季度(04月-06月)各"+prostr+"审批统计";
			}else if(attQuarters == 3){
				charheadStr = $("#curYear").val()+"年三季度(07月-09月)各"+prostr+"审批统计";
			}else {
				charheadStr = $("#curYear").val()+"年四季度(10月-12月)各"+prostr+"审批统计";
			}
		}else if(attType == 2){
			charheadStr = $("#curYear").val()+"年度各"+prostr+"审批统计";
		}
		$("#upcharheaddiv").html(charheadStr);
		var height = 150 + data.tdata.length * 40;
		$("#taskStatsChar").css("height",height+"px");
		initCharDate(data.cdata);
		initNdateList(data.tdata);
	}	
}
function initNdateList(data){
    var selecteGroup=$('input[name="group"]:checked').val();

    var width =120;
    var field ='';
    var colums;
    if(selecteGroup=='depart') {
        colums = [[
            {title: '组织机构', field: 'depName',width:width},
            {title: '预计支付金额', field: 'totalExpectMoney',width:width},
            {title: '申请支付金额', field: 'totalPayMoney',width:width},
            {title: '已支付金额', field: 'totalActualPayMoney',width:width}
        ]];
    }else {
        colums = [[
            {title: '员工姓名', field: 'realName',width:width},
            {title: '预计支付金额', field: 'totalExpectMoney',width:width},
            {title: '申请支付金额', field: 'totalPayMoney',width:width},
            {title: '已支付金额', field: 'totalActualPayMoney',width:width}
        ]];
    }

	$('#taskStatsTable').datagrid({
        singleSelect : true,
        loadMsg:'数据加载中,请稍后……', 
        columns:colums,
        rownumbers:true,
        fitColumns:true
   }).datagrid('loadData',data);
	
	
}

function initCharDate(data){
	myChart.clear();
	option.yAxis.data = data.xAxisData;
	option.series = data.series;
	myChart.setOption(option);
	myChart.resize();
//	myChart.on('click', function (params) {
//		console.log(params);
//		$("#main").hide();
//		$("#chart2").show();
//		$("#downBtn").show();
//		/* $("#downBtn").show();
//		$("#searchColums").hide();
//		$("#downcharhead").show();
//		$("#upcharhead").hide();
//		$("#upcharhead2").show();
//		$("#yearspan2").html($("#curYear").val());
//		$("#downBtn2").hide(); */
//		initDownCharDate();
//
//	})
}


function showTabel(){
	$("#taskStatsChar").hide();
	$("#tablediv").show();  
	$("#upexport").show();
	$("#uptb").attr("src","images/tb.png");
	$("#upbg").attr("src","images/bg1.png");
	//$("#taskStatsTable").datagrid("resize");
	var h=$(".content").height();  
    $('#taskStatsTable').datagrid('resize', {  
        height :h-50  
    });  
	
}

function showChar(){
	$("#tablediv").hide();  
	$("#taskStatsChar").show();
	$("#upexport").hide();
	$("#uptb").attr("src","images/tb1.png");
	$("#upbg").attr("src","images/bg.png");
	myChart.resize();
}

/*myChart.on('click', function (params) {
	console.log(params);
//	var rolefalg = $("#roleFlag").val();
//	var attType = $("#attType").val();
//	if(rolefalg == 1){
		$("#downcharheaddiv").html(params.name + "-"+$("#curYear").val()+"年01月~"+$("#curYear").val()+"年12月人员审批统计");
		$("#upcharheaddiv2").html($("#curYear").val()+"年度人员审批统计");
//		if(attType == 2){
			var data ={
					"attYear" : $("#curYear").val(),
					"pid":params.data.id,
					"attType":$("#attType").val(),
					"attMonth":$("#attMonth").val(),
					"attQuarters":$("#attQuarters").val()
				};
			handleAjaxSimple("xcglRptController.do?activitiStatsUserData", data, showDownChar);
//		}
//	}
})*/

function goBefore(){
	$("#taskStatsChar2").css("display","none");
	$("#tablediv2").hide();
	$("#searchColums").show();
	$("#downcharhead").hide();
	$("#taskStatsChar").show();
	$("#upcharhead").show();
	$("#upcharhead2").hide();
	$("#upBtn").show();
	$("#downBtn").hide();
	$("#downexport").hide();
	$("#downtb").attr("src","images/tb1.png");
	$("#downbg").attr("src","images/bg.png");
	myChart.resize();
}

//显示下钻图表
function showDownChar(data){
	$("#taskStatsChar").css("display","none");
	$("#taskStatsChar2").show();
	$("#upBtn").hide();
	$("#downBtn").show();
	$("#searchColums").hide();
	$("#downcharhead").show();
	$("#upcharhead").hide();
	$("#upcharhead2").show();
	$("#yearspan2").html($("#curYear").val());
	initDownCharDate(data.cdata);
	initDownTabDate(data.tdata);
	
}

function  initDownCharDate(data){
	myChart2.clear();
	option2.xAxis.data = data.xAxisData;
	option2.series = data.series;
	myChart2.setOption(option2);
	myChart2.resize();
}


function initDownTabDate(data){
	
	var attType = $("#attType").val();
//	var eatryleMonthstr;
//	var endMonthstr;
//	if(attType == 0 ){
//		eatryleMonthstr ="月初总人数";
//		endMonthstr="月末总人数 ";
//	}else if(attType == 1){
//		eatryleMonthstr ="季初总人数";
//		endMonthstr="季末总人数 ";
//	}else{
//		eatryleMonthstr ="年初总人数";
//		endMonthstr="年末总人数 ";
//	}
	var rolefalg = $("#roleFlag").val();
	var pjNamestr;
	var pidNamestr;
	var userNameField;
	var colums ;
	colums = [[ 
	    {field:'name',title:'姓名',width:150},  
	        {field:'taskTotal',title:'审批总数量',width:150,align:'right',halign:'center' },
  	        {field:'finishTotal',title:'完成数量',width:150,align:'right',halign:'center' },
  	        {field:'noFinishTaskTotal',title:'未完成数量',width:150,align:'right',halign:'center' }
	      	,{field:'overdueCount',title:'逾期数量',width:150,align:'right',halign:'center' }
        ]]  
	$('#taskStatsTable2').datagrid({
        singleSelect : true,
        loadMsg:'数据加载中,请稍后……', 
        columns:colums,  
        rownumbers:true,
        fitColumns:true
   }).datagrid('loadData',data);
}

function showDownTabelBtn(){
	$("#taskStatsChar2").hide();
	$("#tablediv2").show();    
	$("#downexport").show();
	$("#downtb").attr("src","images/tb.png");
	$("#downbg").attr("src","images/bg1.png");
	//$("#taskStatsTable2").datagrid("resize");
	var h=$(".content").height();  
    $('#taskStatsTable2').datagrid('resize', {  
        height :h-50  
    });  
}

function showDownCharBtn(){
	$("#tablediv2").hide();  
	$("#downexport").hide();
	$("#downtb").attr("src","images/tb1.png");
	$("#downbg").attr("src","images/bg.png");
	$("#taskStatsChar2").show();
	myChart2.resize();
}

function exportExcel(flag){
	var opts;
	if(flag == 1){
		opts = $('#taskStatsTable').datagrid('getColumnFields'); //这是获取到所有的FIELD
	}else{
		opts = $('#taskStatsTable2').datagrid('getColumnFields'); //这是获取到所有的FIELD
	}
	var exceltitles=[];
	for(i=0;i<opts.length;i++)
	{
	  //var col = $('div[class$="'+opts[i]+'"] :not(.datagrid-sort-icon)').html();
		var col = $('td[field="'+opts[i]+'"] div :not(.datagrid-sort-icon)').html();
	    exceltitles.push(col);//把TITLEPUSH到数组里去
	}
	var formdom = '<form method="post" id="formdom" action="xcglRptController.do?exportExcel"><input name="flag" value="'+flag+'" /><input name="exceltitles" value="'+exceltitles+'" /><input name="exceltitleIds" value="'+opts+'" /></form>';
	$("#export").html(formdom);
	$("#formdom").submit();
}