///////////////////////////////////////////////////////////////////////////
// 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-spatialAnalysis',
			name: 'spatialAnalysis',
			layers: {},
			startup: function () {
				var that = this;
				// 暴露在外的接口

				topic.subscribe("closeOnceUse", lang.hitch(this, this.closeOnceUse));

				// function createTooltip(frameDiv) {//抄录createTooltip函数

				// 	var tooltip = function (frameDiv) {

				// 		var div = document.createElement('DIV');
				// 		div.className = "twipsy right";

				// 		var arrow = document.createElement('DIV');
				// 		arrow.className = "twipsy-arrow";
				// 		div.appendChild(arrow);

				// 		var title = document.createElement('DIV');
				// 		title.className = "twipsy-inner";
				// 		div.appendChild(title);

				// 		this._div = div;
				// 		this._title = title;
				// 		this.message = '';

				// 		// add to frame div and display coordinates
				// 		frameDiv.appendChild(div);
				// 		var that = this;
				// 		div.onmousemove = function (evt) {
				// 			that.showAt({ x: evt.clientX, y: evt.clientY }, that.message);
				// 		};
				// 	};

				// 	tooltip.prototype.setVisible = function (visible) {
				// 		this._div.style.display = visible ? 'block' : 'none';
				// 	};

				// 	tooltip.prototype.showAt = function (position, message) {
				// 		if (position && message) {
				// 			this.setVisible(true);
				// 			this._title.innerHTML = message;
				// 			this._div.style.left = position.x + 10 + "px";
				// 			this._div.style.top = (position.y - this._div.clientHeight / 2) + "px";
				// 			this.message = message;
				// 		}
				// 	};

				// 	return new tooltip(frameDiv);
				// }
				// window.MYcreateTooltip = createTooltip;//全局使用

				var domHtmls = [//默认
					{
						name: '可视分析',
						classs: 'visibleArea-tool',
						img: './images/addL/ksy.png'
					}, {
						name: '剖面分析',
						classs: 'profileAnalysis-tool',
						img: './images/addL/剖面分析.png'
					}
					// , {//做好静态，
					// 	name: '建造实体',
					// 	classs: 'modelDiagram-tool',
					// 	img: './images/addL/pdpx.png'
					// }
					// , {//https://blog.csdn.net/supermapsupport/article/details/100134590
					// 	//需要iServer发布成三维服务
					// 	name: '坡度分析',
					// 	classs: 'slope-tool',
					// 	img: './images/addL/pdpx.png'
					// }
					// , {//SQL查询，//做好
					// 	name: 'SQL查询',
					// 	classs: 'SQLQuery-tool',
					// 	img: './images/addL/pdpx.png'
					// }
					, {//地形开挖，//做好
						name: '地形开挖',
						classs: 'digTheEarth-tool',
						img: './images/addL/pdpx.png'
					}
					// , {//方量分析//做好
					// 	name: '方量分析',
					// 	classs: 'volumeAnalysis-tool',
					// 	img: './images/addL/pdpx.png'
					// }
				];

				that.beginSpatialAnalysis(domHtmls);
				var isit = false;
				$('.ccslius').click(() => {
					isit = false;
				})
				$('.ccsliu').dblclick(() => {//测试开关 点击图例其他的图片

					if (isit) {
						var domHtmls2 = [
							{
								name: '可视分析',
								classs: 'visibleArea-tool',
								img: './images/addL/ksy.png'
							}, {
								name: '剖面分析',
								classs: 'profileAnalysis-tool',
								img: './images/addL/剖面分析.png'
							}
							, {//https://blog.csdn.net/supermapsupport/article/details/100134590
								//需要iServer发布成三维服务
								name: '坡度分析',
								classs: 'slope-tool',
								img: './images/addL/pdpx.png'
							}
							, {//做好静态，
								name: '建造实体',
								classs: 'modelDiagram-tool',
								img: './images/addL/pdpx.png'
							}
							, {//SQL查询，//做好
								name: 'SQL查询',
								classs: 'SQLQuery-tool',
								img: './images/addL/pdpx.png'
							}
							, {//地形开挖，//做好
								name: '地形开挖',
								classs: 'digTheEarth-tool',
								img: './images/addL/pdpx.png'
							}, {//方量分析//做好
								name: '方量分析',
								classs: 'volumeAnalysis-tool',
								img: './images/addL/pdpx.png'
							}
							, {//空间查询
								name: '空间查询',
								classs: 'spatialQuery-tool',
								img: './images/addL/pdpx.png'
							}
							,
							{//建造模型
								name: '建造模型',
								classs: 'modesssssllll',
								img: './images/addL/pdpx.png'
							}
							,
							{//清除模型
								name: '清除模型',
								classs: 'modesssss2222',
								img: './images/addL/pdpx.png'
							}
						];
						that.beginSpatialAnalysis(domHtmls2);
						var promise = false;
						$('.modesssssllll').click(() => {
							var URL_CONFIG = {
								SCENE_CBD: 'http://www.supermapol.com/realspace/services/3D-CBDCache20200416/rest/realspace',
							}
							promise = this.map.scene.open(URL_CONFIG.SCENE_CBD);
						})
						$('.modesssss2222').click(() => {
							if (promise) {
								Cesium.when(promise, function (layer) {
									for (var i = 0; i < layer.length; i++) {
										that.map.scene.layers.remove(layer[i].name)
									}
								})
							}
						})
					} else {
						that.beginSpatialAnalysis(domHtmls);
					}
					isit = !isit;
				})

			},
			beginSpatialAnalysis: function (domHtmls) {
				var that = this;
				var domHtmls = domHtmls;
				var dom = $('#spatialAnalysis-mains');
				dom.empty();
				var str = '<ul>';
				for (var k in domHtmls) {
					str += `<li class="${domHtmls[k].classs}">
					 <i class="imgs">
					 <img src="${domHtmls[k].img}" alt="">
					 </i>
					 <span>${domHtmls[k].name}</span>
					 </li>`
				}
				str += '</ul>';
				dom.append(str);
				// console.log(dom, str)
				// dom.replaceWith(str);

				$('.closesspatialAnalysis').click(() => {
					that.closeOnceUse();
					$('.jimu-widget-spatialAnalysis').hide();

				})
				// 可视分析
				$('.visibleArea-tool').click(function () {
					that.closeOnceUse();

					$(".jimu-widget-visibleArea").show();
				})
				// 剖面分析
				$('.profileAnalysis-tool').click(function () {
					that.closeOnceUse();

					$(".jimu-widget-profileAnalysis").show();
				})
				//坡度分析
				$('.slope-tool').click(function () {
					that.closeOnceUse();

					$(".jimu-widget-slope").show();
					topic.publish('getbeginSlope', 'this.beginSlope');
				})
				//模型
				$('.modelDiagram-tool').click(function () {
					that.closeOnceUse();
					$('.jimu-widget-modelDiagram').show();
				})
				//sql查询
				$('.SQLQuery-tool').click(function () {
					that.closeOnceUse();
					$(".jimu-widget-SQLQuery").show();
					topic.publish('beginSQL', 'this.beginSQL');

				})
				//地形开挖
				$('.digTheEarth-tool').click(function () {
					that.closeOnceUse('digTheEarth');
					$(".jimu-widget-digTheEarth").show();
					// topic.publish('beginDigTheEarth', 'beginDigTheEarth');

				})

				//方量分析
				$('.volumeAnalysis-tool').click(function () {
					that.closeOnceUse('volumeAnalysis');
					$(".jimu-widget-volumeAnalysis").show();
					topic.publish('beginVolumeAnalysis', 'beginVolumeAnalysis');
				})

				//空间查询
				$('.spatialQuery-tool').click(function () {
					that.closeOnceUse();
					$(".jimu-widget-spatialQuery").show();
					topic.publish('beginSpatialQuery', 'beginSpatialQuery');
				})

			},
			closeToolBox: function (item) {
				if (item != this.name) {
					$('.tool-y-box').hide();
				}
			},
			closeOnceUse: function (who) {
				var that = this;
				that.map.scene.globe.depthTestAgainstTerrain = true;
				// 关闭量算
				topic.publish('closeMeasurement', 'Measurement');
				// 关闭卷帘
				topic.publish('closeRolling', 'Rolling');
				// 关闭分屏
				topic.publish('closeSplitScreen', 'SplitScreen');
				// 关闭标记
				topic.publish('closeSign', 'Sign');
				topic.publish('closeFlyRoute', 'FlyRoute');
				$('.jimu-widget-CoorPosition').hide();
				$('.jimu-widget-MapPrinting').hide();
				// 关闭可视
				topic.publish('closev', '');
				// 关闭剖面
				topic.publish('closep', '');
				// 关闭坡度
				topic.publish('closes', '');
				$(".jimu-widget-visibleArea").hide();
				$(".jimu-widget-profileAnalysis").hide();
				$(".jimu-widget-slope").hide();
				$('.tool-y-box').stop().hide();
				//关闭飞行
				$('.jimu-widget-visualAngle').find('.v-a-Two').removeClass('on');//清楚样式
				topic.publish('closeFly', 'closeFly');
				//清除实体
				this.map.entities.removeAll();
				$(".jimu-widget-modelDiagram").hide();
				//清除SQL查询
				$(".jimu-widget-SQLQuery").hide();
				topic.publish('closesSQL', 'closesSQL');
				//关闭地形开挖
				if ($(".jimu-widget-digTheEarth").is(":visible")) {//判断是否隐藏
					$(".jimu-widget-digTheEarth").hide();
					topic.publish('closesDigTheEarth');
				}
				//关闭方量贩分析
				if ($(".jimu-widget-volumeAnalysis").is(":visible")) {//判断是否隐藏
					$(".jimu-widget-volumeAnalysis").hide();
					topic.publish('closesVolumeAnalysis');
				}
				//关闭空间查询
				if ($(".jimu-widget-spatialQuery").is(":visible")) {//判断是否隐藏
					$(".jimu-widget-spatialQuery").hide();
					topic.publish('closesSpatialQuery');
				}


			},
			onOpen: function () {
				//面板打开的时候触发 （when open this panel trigger）
				// var domHtmls = [
				// 	{
				// 		name: '可视分析',
				// 		classs: 'visibleArea-tool'
				// 	}, {
				// 		name: '剖面分析',
				// 		classs: 'profileAnalysis-tool'
				// 	}, {
				// 		name: '坡度分析',
				// 		classs: 'slope-tool'
				// 	},
				// ];
				// var dom = $('#spatialAnalysis-main');
				// var str = '';
				// for (var k in domHtmls) {
				// 	str += `<li class="${domHtmls[k].classs}"><i></i> <span>${domHtmls[k].name}</span></li>`
				// }
				// dom.replaceWith(str);
			},

			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);
			}

		});
	});