///////////////////////////////////////////////////////////////////////////
// Copyright © 2019 zhongsong. All Rights Reserved.
// 模块描述：监测预警
///////////////////////////////////////////////////////////////////////////
define(['dojo/_base/declare', 'dojo/_base/lang', 'dojo/_base/array', 'dojo/_base/html', 'dojo/topic', 'jimu/BaseWidget', 'libs/laydate/laydate.js', 'libs/layer/layer.js'], function (declare, lang, array, html, topic, BaseWidget, laydate, layer) {
	return declare([BaseWidget], {
		baseClass: 'jimu-widget-ComprehensiveSupervise',
		name: 'ComprehensiveSupervise',
		ind: null,
		surveillanceEntityId: [],
		surveillanceEntityData: [],
		infor: null,
		cartesian: null,
		handler: null,

		startup: function startup() {
			// this.inherited(arguments);
			var that = this;
			var scene = that.map.scene;
			// 保存左侧菜单栏的点击下标
			var cont = $('.jimu-widget-ComprehensiveSupervise .supervise-content');
			$('.jimu-widget-ComprehensiveSupervise .supervise-meau ul li').click(function () {
				if ($(this).index() == that.ind) return;
				$(this).addClass('on').siblings().removeClass('on');
				// 监测
				if (!$('.jimu-widget-Hydrology').is(':hidden')) {
					topic.publish("closehydrology", 'Hydrology');
				}
				// 预警
				if (!$('.jimu-widget-RiskEarlyWarning').is(':hidden')) {
					topic.publish("closeRiskEarlyWarning", 'RiskEarlyWarning');
				}
				// 视频
				if (!$('.video').is(':hidden')) {
					$('.video').stop().hide();
					that.removeSuperEntity();
					if (that.infor) {
						$('#superTrackPopup').stop().hide();
						that.cartesian = null;
					}
				}
				// 值班
				if (!$('.supervise-patrol-duty').is(':hidden')) {
					$('.supervise-patrol-duty').stop().hide();
				}

				if ($(this).index() == 1) {
					cont.append($('.jimu-widget-Hydrology').stop().show());
					$('.jimu-widget-Hydrology .hydro-list-mean a:eq(0)').trigger('click');
				} else if ($(this).index() == 0) {
					cont.append($('.jimu-widget-RiskEarlyWarning').stop().show());
					topic.publish("openRiskEarlyWarning", 'RiskEarlyWarning');
				} else if ($(this).index() == 2) {
					$('.supervise-content .video-list ul').empty();
					$.ajax({
						url: './widgets/ComprehensiveSupervise/data.json',
						type: 'get',
						dataType: 'json',
						success: function success(data) {
							// 将data的值赋值给全局变量
							data.data.forEach(function (item, index) {
								$('.supervise-content .video-list ul').append($('<li>\n\t\t\t\t\t\t\t\t\t\t\t<img src=\'' + item.localurl + '\' alt=\'' + item.name + '\' title=\'' + item.name + '\' lng=\'' + item.longitude + '\' httpurl=\'' + item.monitor + '\' ltt=\'' + item.latitude + '\'> \n\t\t\t\t\t\t\t\t\t\t\t<span>' + item.name + '</span> \n\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t<i>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img src="./images/video-playback.png" alt="">\n\t\t\t\t\t\t\t\t\t\t\t\t</i>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</li>'));
								if (item.longitude != "" && item.latitude != "") {
									that.map.entities.add({
										id: 'super' + item.localurl,
										name: item.name,
										position: Cesium.Cartesian3.fromDegrees(Number(item.longitude), Number(item.latitude)),
										billboard: {
											image: './images/surveillance-entity.png', // img 与实体相关的图片
											show: true,
											width: 26,
											height: 26,
											heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
											disableDepthTestDistance: Number.POSITIVE_INFINITY
										}
									});
									that.surveillanceEntityId.push('super' + item.localurl);
									that.surveillanceEntityData.push(item);
								}
							});
							that.onClickEntitys();
						}
					});
					$('.video').stop().show();
				} else if ($(this).index() == 3) {
					that.onclickTime();
					$('.supervise-patrol-duty').stop().show();
				}
				that.ind = $(this).index();
			});

			$('.video ul').on('click', 'li', function () {

				if ($(this).children('img').attr('lng') == "" && $(this).children('img').attr('ltt') == "") {
					that.openLayerSuper($(this).children('span').attr('sitename'), $(this).children('img').attr('httpurl'));
					return;
				}
				if (that.infor) {
					$('#superTrackPopup').remove('');
				}
				that.map.camera.flyTo({
					destination: Cesium.Cartesian3.fromDegrees(Number($(this).children('img').attr('lng')), Number($(this).children('img').attr('ltt')), 10000),
					easingFunction: Cesium.EasingFunction.QUADRACTIC_IN_OUT
				});
				that.cartesian = Cesium.Cartesian3.fromDegrees(Number($(this).children('img').attr('lng')), Number($(this).children('img').attr('ltt')), 200);

				var firstPosition = Cesium.SceneTransforms.wgs84ToWindowCoordinates(scene, that.cartesian);
				that.infor = that.createTrackPopup($(this).children('img').attr('httpurl'), $(this).children('span').text());
				$('.jimu-widget-ComprehensiveSupervise').append(that.infor);
				$('#superTrackPopupContent').css({
					"top": firstPosition.x - $("#superTrackPopupContent")[0].offsetWidth / 2 + 'px',
					"left": firstPosition.y - ($("#superTrackPopupContent")[0].offsetHeight + 20) + 'px'
				});
				that.map.scene.postRender.addEventListener(function () {
					if (that.cartesian) {
						that.updataPopup(that.cartesian);
					}
				});
			});

			$('#link_tips').mouseover(function () {
				$('.jimu-widget-ComprehensiveSupervise .link-enlarge-address').stop().show();
			});

			$('#link_tips').mouseout(function () {
				$('.jimu-widget-ComprehensiveSupervise .link-enlarge-address').stop().hide();
			});

			// 监控放大
			$('.jimu-widget-ComprehensiveSupervise').on('click', '#superTrackPopupContent img', function () {
				that.openLayerSuper($(this).attr('sitename'), $(this).attr('src'));
			});

			$('.jimu-widget-ComprehensiveSupervise').on('click', '#superTrackPopupContent .superTrackClose', function () {
				if (that.infor) {
					$('#superTrackPopup').stop().hide();
					that.cartesian = null;
				}
			});

			// 日期查询事件
			// $('.supervise-patrol-duty date input:eq(1)').click(function () {
			// 	var date = $(this).prev().val();
			// })
		},
		// 窗体移动
		updataPopup: function updataPopup(cartesian) {
			if (!cartesian) return;
			console.log(cartesian);
			var px_position = Cesium.SceneTransforms.wgs84ToWindowCoordinates(this.map.scene, cartesian);
			var trackPopUpContent = window.document.getElementById("superTrackPopupContent");
			var popw = document.getElementById("superTrackPopupContent").offsetWidth;
			var poph = document.getElementById("superTrackPopupContent").offsetHeight;
			trackPopUpContent.style.left = px_position.x - popw / 2 + "px";
			trackPopUpContent.style.top = px_position.y - (poph + 20) + "px";
		},
		// 创建窗体
		createTrackPopup: function createTrackPopup(src, name) {
			var tarckpopup = $('<div id=\'superTrackPopup\'>\n\t\t\t\t\t\t\t\t\t<div id=\'superTrackPopupContent\'>\n\t\t\t\t\t\t\t\t\t\t<i\tclass=\'superTrackClose\'>\n\t\t\t\t\t\t\t\t\t\t\t\xD7\n\t\t\t\t\t\t\t\t\t\t</i>\n\t\t\t\t\t\t\t\t\t\t<img src=\'' + src + '\' sitename=\'' + name + '\'>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<i class="superTrackBtm">\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t</i>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>');
			return tarckpopup;
		},
		// 打开layer弹框
		openLayerSuper: function openLayerSuper(name, url) {
			var wid = $(window).width() + 'px';
			var hei = $(window).height() + 'px';
			layer.open({
				title: name,
				type: 1,
				shadeClose: true,
				shade: false,
				maxmin: true, //开启最大化最小化按钮
				area: [wid, hei],
				content: '<img src=\'' + url + '\' width=\'100%\' height=\'100%\' style=\'vertical-align: middle;\'>',
				id: "ComprehensiveSupervise",
				closeBtn: 1,
				success: function success(layero, index) {}
			});
		},
		// 删除实体
		removeSuperEntity: function removeSuperEntity() {
			var _this = this;

			if (this.surveillanceEntityId.length > 0) {
				this.surveillanceEntityId.forEach(function (item, index) {
					_this.map.entities.removeById(item);
				});
				this.surveillanceEntityId = [];
			}
		},
		// 点击实体
		onClickEntitys: function onClickEntitys() {
			var that = this;
			that.handler = new Cesium.ScreenSpaceEventHandler(that.map.scene.canvas);

			that.handler.setInputAction(function (movement) {
				that.cartesian = null;
				if (that.infor) {
					$('#superTrackPopup').stop().hide();
				}
				var pick = that.map.scene.pick(movement.position);
				var ray = that.map.camera.getPickRay(movement.position);
				cartesian = that.cartesian;

				if (pick && pick.id) {
					if (that.surveillanceEntityId.indexOf(pick.id.id) != -1) {
						// that.cartesian = that.map.scene.globe.pick(ray, that.map.scene);
						var cartographic = Cesium.Cartographic.fromCartesian(pick.id.position._value);
						var lat = Cesium.Math.toDegrees(cartographic.latitude);
						var lng = Cesium.Math.toDegrees(cartographic.longitude);
						that.cartesian = Cesium.Cartesian3.fromDegrees(Number(lng), Number(lat), 200);
						if (that.infor) {
							$('#superTrackPopup').remove('');
						}
						that.infor = that.createTrackPopup(that.surveillanceEntityData[that.surveillanceEntityId.indexOf(pick.id.id)].monitor, that.surveillanceEntityData[that.surveillanceEntityId.indexOf(pick.id.id)].name);

						$('.jimu-widget-ComprehensiveSupervise').append(that.infor);

						that.map.scene.postRender.addEventListener(function () {
							if (that.cartesian) {
								that.updataPopup(that.cartesian);
							}
						});
					} else {
						$('#superTrackPopup').stop().hide();
					}
				}
			}, Cesium.ScreenSpaceEventType.LEFT_CLICK);
		},

		onOpen: function onOpen() {
			//切换地球底层颜色
			this.map.scene.globe.baseColor = Cesium.Color.WHITE;
			//切换底图影像
            $($('div.cesium-viewer').find('.cesium-baseLayerPicker-choices')[0]).children('div:eq(0)').trigger('click');

			this.ind = null;
			this.surveillanceEntityId = [];
			this.surveillanceEntityData = [];
			this.infor = null;
			this.cartesian = null;
			this.handler = null;
			//面板打开的时候触发 （when open this panel trigger）
			$('.jimu-widget-ComprehensiveSupervise .supervise-meau ul li:eq(0)').trigger('click');

			laydate.render({
				elem: '#supervisePatrolDutyData', //指定元素
				type: "date",
				format: 'yyyy-MM-dd HH:mm',
				btns: ['confirm'],
				trigger: 'click',
				done: function done(value) {
					$($(this)[0].elem[0]).val(value);
				}
			});
		},

		onClose: function onClose() {
			//面板关闭的时候触发 （when this panel is closed trigger）
			topic.publish("closehydrology", 'Hydrology');
			topic.publish("closeRiskEarlyWarning", 'RiskEarlyWarning');
			this.removeSuperEntity();
			if ($('#superTrackPopup')) $('#superTrackPopup').remove('');
			if (this.handler) this.handler.destroy();
			this.cartesian = null;
		},

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

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

		resize: function resize() {},

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

		onclickTime: function onclickTime() {

			// 当前时间
			var timestamp = Date.parse(new Date());

			var serverDate = new Date(timestamp);
			//本周周日的的时间


			// 年
			var currentYear = serverDate.getFullYear();

			//月

			var currentMonth = serverDate.getMonth() + 1 < 10 ? '0' + (serverDate.getMonth() + 1) : serverDate.getMonth() + 1;

			//日

			var currentDay = serverDate.getDate() < 10 ? '0' + serverDate.getDate() : serverDate.getDate();

			$('#supervisePatrolDutyData').val(currentYear + '-' + currentMonth + '-' + currentDay + ' 00:00');

			console.log(currentYear + '-' + currentMonth + '-' + currentDay + ' 00:00');

			for (var i = 1; i <= 7; i++) {
				var sundayTiem = timestamp + (i - serverDate.getDay()) * 24 * 60 * 60 * 1000;

				var SundayData = new Date(sundayTiem);

				// 年
				var tomorrowY = SundayData.getFullYear();

				//月

				var tomorrowM = SundayData.getMonth() + 1 < 10 ? '0' + (SundayData.getMonth() + 1) : SundayData.getMonth() + 1;

				//日

				var tomorrowD = SundayData.getDate() < 10 ? '0' + SundayData.getDate() : SundayData.getDate();

				// console.log(tomorrowY + '-' + tomorrowM + '-' + tomorrowD);

				$('.supervise-patrol-duty-list .tbody tr:eq(' + (i - 1) + ') td:eq(1)').text(tomorrowY + '-' + tomorrowM + '-' + tomorrowD);

				if (tomorrowY + '-' + tomorrowM + '-' + tomorrowD == currentYear + '-' + currentMonth + '-' + currentDay) {
					$('.supervise-patrol-duty-list .tbody tr:eq(' + (i - 1) + ')').addClass('on').siblings().removeClass('on');
				}
			}
		}

	});
});