var inSec3Row = $('.inSec3Row');

layui.use('form', function() {
	layer = layui.layer;
	let form = layui.form;

	// form.render()
	//监听select选择 专业总览
	form.on('select', function(data) {
		//console.log(data);
	});
});
// console.log(11)

$(window).load(function() {
	cardData()
	//监测页面变化
	resizes()
	setTimeout(function() {
		resizes()
	}, 0)

	//右侧菜单显示隐藏
	$('.index_sec2').on('click', '.inSecLeftCon', function() {
		var ind = $(this).index();
		var parents = $(this).parents('.index_sec2');
		if(ind == 3){
			parents.find('.inSec2TabBox').removeClass('active').eq(1).addClass('active').end().end().find('.inSec2Con').removeClass('active').eq(1).addClass('active').end().end().find('.inSec2Con')
		}else{
			parents.find('.inSec2TabBox').removeClass('active').eq(0).addClass('active').end().end().find('.inSec2Con').removeClass('active').eq(0).addClass('active').end().end().find('.inSec2Llist li').removeClass('active').eq(ind).addClass('active').end().end().find('.inSec3WorkBox').css('display', 'none').eq(ind).fadeIn();
		}
		
		parents.addClass('active')
		$('.indexSec3Box').css('paddingRight', '445px')
	}).on('click', '.aRight', function() {
		var parents = $(this).parents('.index_sec2');
		parents.removeClass('active');
		$('.indexSec3Box').css('paddingRight', '0')
	})
	//右侧tab切换
	$('.inSec2Tab').on('click', '.inSec2TabBox', function() {
		var ind = $(this).index();
		$(this).addClass('active').siblings().removeClass('active');
		$('.indexSec2Box .inSec2Con').removeClass('active').eq(ind).addClass('active');
	})
	//办公事项
	$('.inSec3Con').on('click', '.workList li', function() {
		if ($(this).hasClass('active')) return;
		var ind = $(this).index();
		$(this).addClass('active').siblings().removeClass('active').parents('.inSec3Con').find('.inSec3WorkBox').css(
			'display', 'none').eq(ind).fadeIn();
	})

	//任务
	$('.inSec2Con').on('click', '.inSec2Llist li', function() {
		if ($(this).hasClass('active')) return;
		var ind = $(this).index();
		$(this).addClass('active').siblings().removeClass('active').parents('.inSec2Con').find('.inSec3WorkBox').css(
			'display', 'none').eq(ind).fadeIn();
	}).on('click', '.indexSec2Li i', function(e) {
		//消息移除
		//阻止默认浏览器动作(W3C)
		if (e && e.preventDefault) {
			e.preventDefault();
		} else { //IE中阻止函数器默认动作的方式
			window.e.returnValue = false;
		}
		e.stopPropagation();
		var parents = $(this).parents('.indexSec2Li');
		parents.animate({opacity: 0.2, left: '80%'}, 300, function(){
			parents.remove()
		})
	})


	//办公业务流量
	//serviceEchart()
	//专业总览
	//majorEchart()
}).resize(function() {
	resizes()
})

function resizes() {

}



//专业总览
//function majorEchart() {
//	var myChart5 = echarts.init(document.getElementById('major'));

//	option = {
//		tooltip: {
//			trigger: 'item',
//			formatter: '{b} : {c}'
//		},
//		series: [{
//			name: '专业学生',
//			type: 'pie',
//			radius: [60, 75],
//			center: ['50%', '50%'],
//			label: {
//				// show: true
//				show: false
//			},
//			color: ['#6C5CEA', '#57C5F5', '#E7C900', '#FF9C95', '#59D078', '#C97FEF', '#ECBD02', '#DF59B8', '#F6685E',
//				'#00E7B9', '#7A74F1', '#4A9ADE', '#33F0E5', '#ECBD02', '#DF59B8'
//			],
//			// hoverAnimation: false,
//			data: [{
//					value: 10,
//					name: '物理',
//				},
//				{
//					value: 5,
//					name: '数学',
//				},
//				{
//					value: 15,
//					name: '化学',
//				},
//				{
//					value: 15,
//					name: '历史',
//				},
//				{
//					value: 5,
//					name: '医学',
//				},
//				{
//					value: 15,
//					name: '计算机',
//				},
//				{
//					value: 15,
//					name: '矿业',
//				}
//			]
//		}, {
//			name: '班级总数',
//			type: 'pie',
//			radius: [50, 65],
//			center: ['17%', '50%'],
//			label: {
//				// show: true
//				show: false
//			},
//			color: ['#59D078', '#57C5F5', '#E7C900'],
//			// hoverAnimation: false,
//			data: [{
//				value: 10,
//				name: '班级总数',
//			}]
//		}, {
//			name: '专业教室',
//			type: 'pie',
//			radius: [50, 65],
//			center: ['83%', '50%'],
//			label: {
//				// show: true
//				show: false
//			},
//			color: ['#3E49E2', '#677BF5', '#67A0F5', '#E7C900'],
//			// hoverAnimation: false,
//			data: [{
//				value: 10,
//				name: '教室1',
//			}, {
//				value: 5,
//				name: '教室2',
//			}, {
//				value: 20,
//				name: '教室3',
//			}, {
//				value: 30,
//				name: '教室4',
//			}]
//		}, ]
//	};

//	// 使用刚指定的配置项和数据显示图表。
//	myChart5.setOption(option);
//	window.addEventListener("resize", function() {
//		myChart5.resize();
//	});
//}


//办公业务流量
//function serviceEchart() {
//	// 基于准备好的dom，初始化echarts实例
//	myChart2 = echarts.init(document.getElementById('serviceEchart'));

//	option = {
//		tooltip: {
//			trigger: 'axis'
//		},
//		color: ['#CB0005', '#EF9116', '#466AD2', '#7408A6', '#0CB5C4', '#DEBC03', '#0BB56C', '#CB1FA1'],
//		legend: {
//			data: ['语文'],
//			icon: "circle",
//			itemWidth: 7,
//			right: '40px',
//			top: '20px'
//		},
//		grid: {
//			left: '3%',
//			right: '3%',
//			bottom: '3%',
//			top: '23%',
//			containLabel: true
//		},
//		xAxis: {
//			type: 'category',
//			name: '星期',
//			boundaryGap: false,
//			data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
//			formatter: function(params) {
//				console.log(params)
//				// return params[0].name + ' ：  ' + params[0].value + ' 小时';
//			},
//		},
//		yAxis: {
//			type: 'value',
//			name: '办公量',
//		},
//		series: [{
//			name: '办公量',
//			type: 'line',
//			stack: '总量',
//			// lineStyle: {
//			// 	color: '#000'
//			// },
//			data: [120, 132, 101, 134, 90, 230, 210]
//		}]
//	};

//	// 使用刚指定的配置项和数据显示图表。
//	myChart2.setOption(option);
//	window.addEventListener("resize", function() {
//		myChart2.resize();
//	});
//}