///////////////////////////////////////////////////////////////////////////
// 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-searchL',
			name: 'searchL',
			layers: {},
			startup: function () {

				//关键词&&坐标
				$("#i-f-gjz").click(function () {
					// console.log("gjz");
					$("#i-f-zb").css({ 'backgroundColor': '#fff', 'color': '#000' });
					$("#i-f-gjz").css({ 'backgroundColor': '#3E9FFC', 'color': '#fff' });
					// $("#inputTwo").css({ 'display': 'none' });
					// $("#local_data").css({ 'display': 'inline-block' });
					$("#inputTwo").hide();
					$("#local_data").show();
				})
				$("#i-f-zb").click(function () {
					// console.log("zb");
					$("#i-f-gjz").css({ 'backgroundColor': '#fff', 'color': '#000' });
					$("#i-f-zb").css({ 'backgroundColor': '#3E9FFC', 'color': '#fff' });
					// $("#local_data").css({ 'display': 'none' });
					// $("#inputTwo").css({ 'display': 'inline-block' });
					$("#inputTwo").show();
					$("#local_data").hide();
				})

				$(".searchImg").click(function () {
					$('.searchLMain').show();
				})
				$(".searchColce").click(function () {
					$('.searchLMain').hide();
				})

			
			},

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

			},

			onOpen: function () {
				//面板打开的时候触发 （when open this panel trigger）layui.use(function(){
				var data = [
					{
						"id": 1,
						"username": "东湖",
						"style1": "属性1",
						"style2": "属性2",
					},
					{
						"id": 2,
						"username": "南矶山",
						"style1": "属性1",
						"style2": "属性2",
					},
					{
						"id": 3,
						"username": "东湖",
						"style1": "属性1",
						"style2": "属性2",
					},
					{
						"id": 4,
						"username": "南矶山",
						"style1": "属性1",
						"style2": "属性2",
					},
					{
						"id": 5,
						"username": "东湖",
						"style1": "属性1",
						"style2": "属性2",
					},
					{
						"id": 6,
						"username": "南矶山",
						"style1": "属性1",
						"style2": "属性2",
					},
					{
						"id": 7,
						"username": "东湖",
						"style1": "属性1",
						"style2": "属性2",
					},
					{
						"id": 8,
						"username": "南矶山",
						"style1": "属性1",
						"style2": "属性2",
					},
					{
						"id": 9,
						"username": "东湖",
						"style1": "属性1",
						"style2": "属性2",
					},
					{
						"id": 10,
						"username": "南矶山",
						"style1": "属性1",
						"style2": "属性2",
					},
					{
						"id": 11,
						"username": "东湖",
						"style1": "属性1",
						"style2": "属性2",
					},
					{
						"id": 12,
						"username": "南矶山",
						"style1": "属性1",
						"style2": "属性2",
					},

				];
				this.beginLayUi(data);
			},

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

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

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

			resize: function () {

			},
			beginLayUi: function (data) {
				layui.use(function () {
					var element = layui.element
						, table = layui.table //表格
						, laypage = layui.laypage; //分页

					table.render({
						elem: '#test'
						// , url: './data'
						, height: 475
						, page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
							// layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
							layout: ['count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
							//,curr: 5 //设定初始在第 5 页
							, groups: 3 //只显示 1 个连续页码
							, first: false //不显示首页
							, last: false //不显示尾页
						}
						, cols: [[
							{ field: 'id', width: 59, align: 'center', title: '序号' }
							, { field: 'username', width: 90, align: 'center', title: '图层名称' }
							, { field: 'style1', width: 95, align: 'center', title: '图层属性1' }
							, { field: 'style2', width: 95, align: 'center', title: '图层属性2' }
							, { fixed: 'right', width: 115, align: 'center', title: '操作', toolbar: '#demoTable' }
						]],
						data: data,
						//,skin: 'line' //表格风格
						even: true
						// , page: true //是否显示分页
						, limits: false
						, limit: 10 //每页默认显示的数量

					});

					//…
				});
			},


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

		});
	});