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

				$('.left-navigation-bar-but').click(() => {
					this.changeImg = !this.changeImg;
					if (this.changeImg) {
						$('.l-n-b-b-img').attr("src", "../../images/addL/xzuo.png"); //打开
						$('.jimu-widget-LeftNavigationBar').css({
							'left': '0px'
						});
						$('.jimu-widget-instructions').css({
							'left': '260px'
						});
					} else {
						$('.l-n-b-b-img').attr("src", "../../images/addL/xyou.png"); //关闭
						$('.jimu-widget-LeftNavigationBar').css({
							'left': '-250px'
						});
						$('.jimu-widget-instructions').css({
							'left': '10px'
						});
					}
				})


				$('.jimu-widget-instructions').css({
					'left': '260px'
				});
				$('#left-navigation-bar-main-search').click(() => { //搜索事件
					var val = $('#left-navigation-bar-main-input').val();
					if (val) {
						var clearOur = () => {
								let dom = $(`[data-id]`);
								// console.log(dom);
								dom.removeClass('layui-tree-spread');
								let domDiv = dom.find('.layui-tree-pack');
								domDiv.css({
									'display': 'none'
								})
							},
							a, useit = (d) => {
								for (var k in d) {
									if (d[k].who == 'father') {
										that.father = d[k].id;
									}
									if (d[k].title.indexOf(val) != -1) { //选中id
										a = '' + d[k].id;
										// var b = a.split('');
										// for (var i in b) {
										let id = that.father; //选中项的所有父级id
										// 	// console.log(id)
										let dom = $(`[data-id='${id}']`);
										dom.addClass('layui-tree-spread');
										let domDiv = dom.find('.layui-tree-pack').eq(0);
										domDiv.css({
											'display': 'block'
										})
										// }
										console.log(a, that.father)
									}
									if (d[k].children) {
										useit(d[k].children);
									}
								}
							};
						clearOur();
						useit(that.data);
					} else {

					}
				})
			},

			closeToolBox: function (item) {},

			onOpen: function () {
				//面板打开的时候触发 （when open this panel trigger）
			},

			onClose: function () {
				//面板关闭的时候触发 （when this panel is closed trigger）
			},

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

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

			resize: function () {

			},
			getData: function () {
				var url = 'http://171.34.76.171:8880/pyh-wetResource/GeoData/queryGeoDataTree',
					that = this;

				axios.get(url, {
					headers: {
						"token": 'Bearer eyJhbGciOiJIUzUxMiJ9.eyJpc3MiOiJlY2hpc2FuIiwic3ViIjoiYWRtaW4iLCJpYXQiOjE2MjI4Nzc0MTIsImV4cCI6MTYyNTQ2OTQxMn0.f2GhYYINfYgSbyKTqqGluyU3rdy_TT8mf15iLILS1l2EUSye_h9O6CSUVWpLYMrdrjzqDWwrbROxfhy-8ly0uA'
					}
				}).then((res) => {
					if (res.data.code == '200') {
						// console.log(res, 'open', 898998)
						that.changeData(res.data.data); //重写数据
					}
				})
			},
			changeData: function (val) { //重写数据
				var data = [],
					i = 1,
					inits = (d, childData) => {
						var b = childData || [];
						for (var k in d) {

							let a = {
								title: d[k].name,
								// id: d[k].id,
								// field: String(d[k].id),
								id: i,
								field: String(i),
								src: d[k].serviceUrl,
								id: d[k].id,
								serviceName: d[k].serviceName
							}
							b.push(a);
							i++;
							if (d[k].children.length != 0) {
								b[k].children = [];
								b[k].who = 'father';
								inits(d[k].children, b[k].children)
							}
						}

					};
				inits(val, data);
				// console.log(data)

				// var i = 0,
				// 	ccinit = (a) => {
				// 		i++;
				// 		for (let k in a) {
				// 			if (a[k].children) {
				// 				a[k].who = i;
				// 				// console.log(a[k].id)
				// 				ccinit(a[k].children)
				// 			}
				// 		}
				// 	};
				// ccinit(this.data);
				// console.log(this.data)
				this.data = data;
				this.begin(this.data);
			},
			begin: function (data) {
				var that = this;

				var a = null;

				layui.use(function () {
					var tree = layui.tree,
						layer = layui.layer,
						util = layui.util,
						$ = layui.$;
					tree.render({
						elem: '#left-tree-list' //默认是点击节点可进行收缩
							,
						data: data,
						id: 'demoId1',
						showCheckbox: true //是否显示复选框
							,
						click: function (obj) {
							var data = obj.data; //获取当前点击的节点数据
							// layer.msg('状态：' + obj.state + '<br>节点数据：' + JSON.stringify(data));
							console.log(obj);
							// 树点击三角形样式修改
							// var ot = $('.layui-tree-iconArrow');
							// ot.removeClass("left-navigation-bar-main-down");
							// var jt = $(`[data-id='${data.id}']`).find('.layui-tree-iconArrow').eq(0);
							// jt.addClass('left-navigation-bar-main-down');
							// 树点击样式修改
							// var ot = $('.layui-tree-entry');
							// ot.removeClass("left-navigation-bar-main-current");
							// var jh = $(`[data-id='${data.id}']`).find('.layui-tree-entry').eq(0);
							// jh.addClass('left-navigation-bar-main-current');
						},
						showLine: false //是否开启连接线
							,
						oncheck: function (obj) {
							console.log(obj.data.id, '--', obj.checked, obj); //得到当前点击的节点数据
							// console.log(obj.checked); //得到当前节点的展开状态：open、close、normal
							// console.log(obj.elem); //得到当前节点元素

							if (obj.data.children && obj.data.children.length > 0) {

								// 点击的父




								if (obj.checked == true) {

									obj.data.children.forEach(item => {
										$.ajax({
											url: item.src + '/maps.json',
											type: 'get',
											dataType: 'JSON',
											success: function (res) {
	
												that[item.id] = that.map.imageryLayers.addImageryProvider(new Cesium.SuperMapImageryProvider({
													url: res[0].path,
												}));
	
											}
										})
									});

									

								} else {
									obj.data.children.forEach(item => {
										if (that[item.id]) that.map.imageryLayers.remove(that[item.id]);
									});


									
								}


							} else {


								// 点击的子

								if (obj.checked == true) {

									$.ajax({
										url: obj.data.src + '/maps.json',
										type: 'get',
										dataType: 'JSON',
										success: function (res) {
											console.log(res, 123)

											that[obj.data.id] = that.map.imageryLayers.addImageryProvider(new Cesium.SuperMapImageryProvider({
												url: res[0].path,
											}));

										}
									})


								} else {



									that.map.imageryLayers.remove(that[obj.data.id]);

								}


							}
						}
					});

					//按钮事件
					util.event('lay-demo', {
						getChecked: function (othis) {
							var checkedData = tree.getChecked('demoId1'); //获取选中节点的数据

							layer.alert(JSON.stringify(checkedData), {
								shade: 0
							});
							console.log(checkedData);
						},
						setChecked: function () {
							tree.setChecked('demoId1', [12, 114]); //勾选指定节点
						},
						reload: function () {
							//重载实例
							tree.reload('demoId1', {

							});

						}
					});
				})
			},
			changeImg: true,
			father: [],
			data: [{
				title: '采集站点',
				id: 1,
				field: '1'
					// , checked: true
					,
				spread: true,
				children: [{
					title: '南矶山保护区',
					id: 11,
					field: '1-1'
						// , checked: true
						,
					spread: true,
					children: [{
						title: '北深渊',
						id: 111,
						field: '1-1-1',
						checked: true
					}, {
						title: '东湖',
						id: 112,
						field: '1-1-2',
						checked: true
					}, {
						title: '矶山',
						id: 113,
						field: '1-1-3',
						checked: true
					}, {
						title: '打钟山',
						id: 114,
						field: '1-1-4',
						checked: false
						// , spread: true
					}]
				}, {
					title: '五星白鹤保护区',
					id: 12,
					field: '1-2',
					checked: false,
					spread: false,
					children: [{
						title: '北深渊',
						id: 121,
						field: '1-2-1'
					}, {
						title: '东湖',
						id: 122,
						field: '1-2-2'
					}, {
						title: '矶山',
						id: 123,
						field: '1-2-3'
					}, {
						title: '打钟山',
						id: 124,
						field: '1-2-4'
					}]
				}, {
					title: '都昌候鸟省级自然保护区',
					id: 13,
					field: '1-3',
					checked: false,
					spread: false,
					children: [{
						title: '北深渊',
						id: 131,
						field: '1-3-1'
					}, {
						title: '东湖',
						id: 132,
						field: '1-3-2'
					}, {
						title: '矶山',
						id: 133,
						field: '1-3-3'
					}, {
						title: '打钟山',
						id: 134,
						field: '1-3-4'
					}]
				}, {
					title: '都昌北鄱阳湿地公园',
					id: 14,
					field: '1-4',
					checked: false,
					spread: false,
					children: [{
						title: '北深渊',
						id: 141,
						field: '1-4-1'
					}, {
						title: '东湖',
						id: 142,
						field: '1-4-2'
					}, {
						title: '矶山',
						id: 143,
						field: '1-4-3'
					}, {
						title: '打钟山',
						id: 144,
						field: '1-4-4'
					}]
				}],
			}, {
				title: '检测站点',
				id: 2,
				field: '2',
				checked: true,
				spread: false,
				children: [{
					title: '南矶山保护区',
					id: 21,
					field: '2-1',
					children: [{
						title: '北深渊',
						id: 211,
						field: '2-1-1'
					}, {
						title: '东湖',
						id: 212,
						field: '2-1-2'
					}, {
						title: '矶山',
						id: 213,
						field: '2-1-3'
					}, {
						title: '打钟山',
						id: 214,
						field: '2-1-4'
					}]
				}, {
					title: '五星白鹤保护区',
					id: 22,
					field: '2-2',
					children: [{
						title: '北深渊4',
						id: 221,
						field: '2-2-1'
					}, {
						title: '东湖',
						id: 222,
						field: '2-2-2'
					}, {
						title: '矶山',
						id: 223,
						field: '2-2-3'
					}, {
						title: '打钟山',
						id: 224,
						field: '2-2-4'
					}]
				}, {
					title: '都昌候鸟省级自然保护区',
					id: 23,
					field: '2-3',
					children: [{
						title: '北深渊',
						id: 231,
						field: '2-3-1'
					}, {
						title: '东湖',
						id: 232,
						field: '2-3-2'
					}, {
						title: '矶山',
						id: 233,
						field: '2-3-3'
					}, {
						title: '打钟山',
						id: 234,
						field: '2-3-4'
					}]
				}, {
					title: '都昌北鄱阳湿地公园',
					id: 24,
					field: '2-4',
					children: [{
						title: '北深渊5',
						id: 241,
						field: '2-4-1'
					}, {
						title: '东湖',
						id: 242,
						field: '2-4-2'
					}, {
						title: '矶山',
						id: 243,
						field: '2-4-3'
					}, {
						title: '打钟山',
						id: 244,
						field: '2-4-4'
					}]
				}],
			}, {
				title: '监控站点',
				id: 3,
				field: '3',
				checked: true,
				spread: false,
				children: [{
					title: '南矶山保护区',
					id: 31,
					field: '3-1',
					children: [{
						title: '北深渊2',
						id: 311,
						field: '3-1-1'
					}, {
						title: '东湖',
						id: 312,
						field: '3-1-2'
					}, {
						title: '矶山',
						id: 313,
						field: '3-1-3'
					}, {
						title: '打钟山',
						id: 314,
						field: '3-1-4'
					}]
				}, {
					title: '五星白鹤保护区',
					id: 32,
					field: '3-2',
					children: [{
						title: '北深渊3',
						id: 321,
						field: '3-2-1'
					}, {
						title: '东湖',
						id: 322,
						field: '3-2-2'
					}, {
						title: '矶山',
						id: 323,
						field: '3-2-3'
					}, {
						title: '打钟山',
						id: 324,
						field: '3-2-4'
					}]
				}, {
					title: '都昌候鸟省级自然保护区',
					id: 33,
					field: '3-3',
					children: [{
						title: '北深渊',
						id: 331,
						field: '3-3-1'
					}, {
						title: '东湖',
						id: 332,
						field: '3-3-2'
					}, {
						title: '矶山',
						id: 333,
						field: '3-3-3'
					}, {
						title: '打钟山',
						id: 334,
						field: '3-3-4'
					}]
				}, {
					title: '都昌北鄱阳湿地公园',
					id: 34,
					field: '3-4',
					children: [{
						title: '北深渊1',
						id: 341,
						field: '3-4-1'
					}, {
						title: '东湖',
						id: 342,
						field: '3-4-2'
					}, {
						title: '矶山',
						id: 343,
						field: '3-4-3'
					}, {
						title: '打钟山',
						id: 344,
						field: '3-4-4'
					}]
				}],
			}],
			destroy: function () {
				//销毁的时候触发
				//todo
				//do something before this func
				this.inherited(arguments);
			}

		});
	});