$(function() {
	import('./constant.js').then(model=>{
		constant=model.default
		console.log(constant)
		employmentOnlineData()
		
	})
	//公共属性
	var constant={};
	var common={};
	
	
	function employmentOnlineData() {
		
		 $.post(constant.serverUrl+"employmentOnlineData",{
			
		 },function(data,status){
			  console.log(data,status)
			  for(var i in data.data.companyList){
			  		var obj=data.data.companyList[i];
			  		$(".data-companyList").append("<tr> <td>"+obj.name+"</td> <td>"+obj.postNum+"</td> <td>"+obj.peopleNum+"</td></tr>")
			  }
			  for(var i in data.data){
				if(typeof data.data[i] =="number"||typeof data.data[i] =="string"){
					
					  $(".data-"+i).text(data.data[i])
				}
			  }
			  createBar1(data.data.manNum,data.data.womanNUm);
			  recruitmentData(1)
			
			  
		 })
	}
	
	function recruitmentData(i){
		
		$.post(constant.serverUrl+"recruitmentData",{
				pageIndex:i,
				pageSize:50	
		},function(data,status){
				  console.log(data,status)
				  for(var i in data.data.data){
					  var obj=data.data.data[i];
				$(".data-recruitmentData-list").append("<tr> <td>"+obj.positionName+"</td> <td>"+obj.wageTypeName+"</td> <td>"+obj.positionNumber+"</td></tr>")
				}
				var k=i+1;
				if(data.data.totalPage>=k){
					
					setTimeout(function(){
						recruitmentData(k)
					},5000)	
				}		  
		})
	}
	function createBar2() {
		
		var chartDom = document.getElementById('main2');
		var myChart = echarts.init(chartDom);
		var option;
		
		option = {
			tooltip: {
			   trigger: 'axis'
			 },
		  xAxis: {
		    type: 'category',
		    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
		  },
		  yAxis: {
		    type: 'value'
		  },
		  series: [
		    {
		      data: [120, 200, 150, 80, 70, 110, 130],
		      type: 'bar'
		    },
			{
			  data: [120, 200, 150, 80, 70, 110, 130],
			  type: 'bar'
			}
		  ]
		};
		
		option && myChart.setOption(option);

		
	}
	function createBar3() {
 		
		var chartDom = document.getElementById('main3');
		var myChart = echarts.init(chartDom);
		var option;
		
		option = {
		
		  tooltip: {
		    trigger: 'item'
		  },
		  
		  series: [
		    {
				label: {
				normal: {
								  
									  textStyle : {
									 
									  color: '#cccccc',
									  
									  fontSize : '12px'
									  
									  },
								  },
								
								},
		      name: 'Access From',
		      type: 'pie',
		      radius: '50%',
		      data: [
		        { value: 1048, name: 'Search Engine' },
		        { value: 735, name: 'Direct' },
		        { value: 580, name: 'Email' },
		        { value: 484, name: 'Union Ads' },
		        { value: 300, name: 'Video Ads' }
		      ],
		      emphasis: {
		        itemStyle: {
		          shadowBlur: 10,
		          shadowOffsetX: 0,
		          shadowColor: 'rgba(0, 0, 0, 0.5)'
		        }
		      }
		    }
		  ]
		};
		
		option && myChart.setOption(option);

	}
	 
	
	function createBar1(num1,num2) {
		
		
		var chartDom = document.getElementById('main1');
		var myChart = echarts.init(chartDom);
		var option;
		
		option = {
		  // title: {
		  //   text: 'Referer of a Website',
		  //   subtext: 'Fake Data',
		  //   left: 'center'
		  // },
		  tooltip: {
		    trigger: 'item'
		  },
		  // legend: {
		  //   orient: 'vertical',
		  //   left: 'left'
		  // },
		  series: [
		    {
				label: {
				normal: {
								  
									  textStyle : {
									 
									  color: '#cccccc',
									  
									  fontSize : '12px'
									  
									  },
								  },
								
								},
		      name: 'Access From',
		      type: 'pie',
		      radius: '50%',
		      data: [
		        { value: num1, name: '男性' },
		        { value: num2, name: '女性' },
		      
		      ],
		      emphasis: {
		        itemStyle: {
		          shadowBlur: 10,
		          shadowOffsetX: 0,
		          shadowColor: 'rgba(0, 0, 0, 0.5)'
		        }
		      }
		    }
		  ]
		};
		
		option && myChart.setOption(option);

		
	}
	
	
	createBar2();
	createBar3();

})