///////////////////////////////////////////////////////////////////////////
// Copyright © 2019 zhongsong. All Rights Reserved.
// 模块描述:显示坐标
///////////////////////////////////////////////////////////////////////////
define([
	'dojo/_base/declare',
	'dojo/_base/lang',
	'dojo/_base/array',
	'dojo/_base/html',
	'dojo/topic',
	'jimu/BaseWidget',
	'jimu/utils',
	'jimu/css!libs/zTree_v3/css/zTreeStyle/zTreeStyle.css',
	'libs/zTree_v3/js/jquery.ztree.all'
],
	function (declare,
		lang,
		array,
		html,
		topic,
		BaseWidget,
		aspect,
		string,
		utils
	) {
		return declare([BaseWidget], {
			baseClass: 'jimu-widget-searchTabaPopup',
			name: 'searchTabaPopup',
			layers: {},
			startup: function () {
				// 暴露在外的接
				$('.cloce').click(() => {
					$('.jimu-widget-searchTabaPopup').css({ 'display': 'none' })
				})

			},

			closeToolBox: function (item) {
				// if (item != this.name) {
				// 	$('.tool-y-box').hide();
				// }
			},

			onOpen: function () {
				// $('.jimu-widget-searchTabaPopup').css({ 'display': 'block' });
				// $('.jimu-widget-searchTabaPopup').find('.p-main').eq(1).css({ 'display': 'block' }).siblings().css({ 'display': 'none' });
				this.creMyEcharts();
				layui.use('laydate', function () {
					var laydate = layui.laydate;

					laydate.render({
						elem: '#test6'
						//设置开始日期、日期日期的 input 选择器
						//数组格式为 2.6.6 开始新增，之前版本直接配置 true 或任意分割字符即可
						, range: ['#test-startDate-1', '#test-endDate-1']
					});
				});
				this.getEchartsData();
			},
			myChart: '',
			creMyEcharts: function (id) {
				var dom = document.getElementById('popup-threse-shuiwenEcharts');
				this.myChart = echarts.init(dom);
			},
			getEchartsData: function () {
				var that = this;

				var option;
				console.log(this.myChart);

				option = {
					// title: {
					// 	text: '折线图堆叠'
					// },
					dataZoom: [{
						type: 'slider'
					}, {
						type: 'inside'
					}],
					tooltip: {
						trigger: 'axis'
					},
					legend: {
						data: ['邮件营销', '联盟广告', '视频广告', '直接访问', '搜索引擎']
					},
					grid: {
						left: '3%',
						right: '4%',
						bottom: '12%',
						containLabel: true
					},
					// toolbox: {
					// 	feature: {
					// 		saveAsImage: {}
					// 	}
					// },
					xAxis: {
						type: 'category',
						boundaryGap: false,
						data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
					},
					yAxis: {
						type: 'value'
					},
					series: [
						{
							name: '邮件营销',
							type: 'line',
							stack: '总量',
							data: [120, 132, 101, 134, 90, 230, 210]
						},
						{
							name: '联盟广告',
							type: 'line',
							stack: '总量',
							data: [220, 182, 191, 234, 290, 330, 310]
						},
						{
							name: '视频广告',
							type: 'line',
							stack: '总量',
							data: [150, 232, 201, 154, 190, 330, 410]
						},
						{
							name: '直接访问',
							type: 'line',
							stack: '总量',
							data: [320, 332, 301, 334, 390, 330, 320]
						},
						{
							name: '搜索引擎',
							type: 'line',
							stack: '总量',
							data: [820, 932, 901, 934, 1290, 1330, 1320]
						}
					]
				};

				option && that.myChart.setOption(option);
			},
			onClose: function () {
				//面板关闭的时候触发 （when this panel is closed trigger）
			},

			onMinimize: function () {
				this.resize();
			},

			onMaximize: function () {
				this.resize();
			},

			resize: function () {

			},

			destroy: function () {
				//销毁的时候触发
				//todo
				//do something before this func
				this.inherited(arguments);
			}

		});
	});