define([
    "dojo",
    "dojo/_base/declare",
    "dojo/_base/lang",
    "base/BaseWidget",
    "dojo/text!widgets/mapBrowse/template.html",
    "widgets/mapBrowse/config",
    "widgets/myModules/monitorSpots",
    "base/AppEvent",
    "base/ConfigData",
    "iframe/jcyj/js/dataShow.js",
    "dojo/dom",
    "dojo/dom-construct",
    "dojo/dom-attr",
    "dojo/dom-style",
    "dojo/on",
    "esri/layers/ArcGISDynamicMapServiceLayer",
    "esri/layers/ArcGISTiledMapServiceLayer",
    "esri/layers/FeatureLayer",
    "controls/tab/TabControl",
    "esri/dijit/SymbolStyler",
    "esri/styles/basic",
    "dojo/_base/array",
    "esri/InfoTemplate",
    "esri/renderers/SimpleRenderer",
    "esri/renderers/ClassBreaksRenderer",
    "esri/renderers/UniqueValueRenderer",
    "esri/symbols/PictureMarkerSymbol",
    "esri/layers/GraphicsLayer",
    "esri/graphic",
    "dojo/domReady!"
], function (dojo,
             declare,
             lang,
             BaseWidget,
             template,
             config,
             monitorSpots,
             AppEvent,
             ConfigData,
             dataShow,
             dom,
             domConstruct,
             domAttr,
             domStyle,
             on,
             ArcGISDynamicMapServiceLayer,
             ArcGISTiledMapServiceLayer,
             FeatureLayer,
             TabControl,
             SymbolStyler,
             basic,
             arrayUtils,
             InfoTemplate,
             SimpleRenderer,
             ClassBreaksRenderer,
             UniqueValueRenderer,
             PictureMarkerSymbol,
             GraphicsLayer,
             Graphic) {
    var imgDiv = [];
    var vedioDiv = '';
    var docuDiv = '';
    var panoUrl = '';
    var Widget = declare([BaseWidget], {
        widgetName: "MapBrowseWidget",
        label: "地图浏览",
        templateString: template,
        _map: null,
        _layers: [],
        _styler: null,
        _selectLayer: null,
        MapBrowseObj: null,
        treecheck: null,
        treechecked: null,
        _clicklayer: null,
        _historyBack: null,
        content: null,
        monitorLayer: null,
        constructor: function (options, srcRefNode) {
            this._map = options.map;
            //初始化监测站点图层
            this.monitorLayer = new GraphicsLayer({id: 'monitorLayer'});
            this.monitorLayer.on('click', this.monitorSpotsOnClick);
            this._map.addLayer(this.monitorLayer);
        },
        postCreate: function () {

        },
        startup: function () {
            MapBrowseObj = this;
            MapBrowseObj.treecheck = [];
            this._init();
            this.inherited(arguments);
            $('#rMenu').mouseleave(function () {
                $('#rMenu').css({
                    "visibility": "hidden"
                });
                $('#Transparency').css({
                    "visibility": "hidden",
                });
            });
            $('#Transparency').mouseleave(function (evt) {
                $('#Transparency').css({
                    "visibility": "hidden",
                });
            });
            $('#m_del').mouseover(function (evt) {
                $('#Transparency').css({
                    "visibility": "visible",
                });
                $('#rangechange').val(MapBrowseObj._clicklayer.opacity);
            });
            $('#rangechange').change(function (evt) {
                var zhi = $('#rangechange').val();
                MapBrowseObj._setlayeropacity(zhi * 1);
            });

            // 绑定tab切换事件--点击切换状态并控制相应的tab标签显示
            $('.tab-container li').click(function () {
                var tabName = $(this).attr('data');
                var containerName = tabName + '-container';
                if (tabName && !$(this).hasClass('tab-selected')) {
                    $('.container-show').removeClass('container-show');
                    switch (tabName) {
                        case 'introduce':
                            $('.tab-selected img').attr('src', 'widgets/mapBrowse/images/layer.png');
                            $('.tab-selected').removeClass('tab-selected');
                            $(this).children('img').attr('src', 'widgets/mapBrowse/images/introduce-selected.png');
                            break;
                        case 'layer':
                            $('.tab-selected img').attr('src', 'widgets/mapBrowse/images/introduce.png');
                            $('.tab-selected').removeClass('tab-selected');
                            $(this).children('img').attr('src', 'widgets/mapBrowse/images/layer-selected.png');
                            break;
                        default:
                            break;
                    }
                    $(this).addClass('tab-selected');
                    $('.' + containerName).addClass('container-show');
                }
            });
            AppEvent.addAppEventListener("clearall", lang.hitch(this, function (evt) {
                if (evt.idname != "MapBrowseWidget") {
                    var treeObj = $.fn.zTree.getZTreeObj("mapBrowseTree");
                    var nodes = treeObj.getCheckedNodes();
                    for (var index in nodes) {
                        if (!nodes[index].isParent) {
                            if (nodes[index].checked) {
                                var nodeobj = nodes[index];
                                nodes[index].checkedOld = false;
                                MapBrowseObj._map.removeLayer(ConfigData.layers[nodes[index].tId]);
                                ConfigData.layers[nodes[index].tId] = null;

                                if (dojo.byId("all")) {
                                    dojo.destroy("all");
                                    dojo.destroy("bar_div");
                                }
                            }
                        }
                    }
                    MapBrowseObj._init();
                }
            }));
            //初始化自定义弹窗部件
            var mymonitorSpots = new monitorSpots();
            AppEvent.addAppEventListener('popup', lang.hitch(mymonitorSpots, function (e) {
                this.popup(e)
            }));
            
        },
        open: function () {
            this.inherited(arguments);
        },
        close: function () {
            this.inherited(arguments);
            if (MapBrowseObj._styler) {//摧毁样式弹窗
                MapBrowseObj._styler.destroy();
                MapBrowseObj._styler = null;
            }
        },
        _init: function () {
//             $.ajax({
//                 type: "get",
// //              url: ConfigData.ajaxURL,
// 				url: getNativePath() + "resources/queryResourcesTree.do?soId=bbb7001c67c442540167c4a2a604000b",
//                 data: {
//                     "limit": 10000
//                 },
//                 dataType: "json",
//                 async: true,
//                 success: function (result) {
//                     var _ztreeObj = [];
//                     var resultObj = result.data;
//                     for (var i = 0; i < resultObj.length; i++) {
//                         var searchCatalog = {};
//                         searchCatalog.id = resultObj[i].resourcesId;
//                         searchCatalog.pId = resultObj[i].resourcesPid;
//                         searchCatalog.name = resultObj[i].resourcesName;
//                         searchCatalog.Url = resultObj[i].resourcesUrl;
//                         searchCatalog.isPath = true;
//                         _ztreeObj.push(searchCatalog);
//                     }

//                     var setting = {
//                         view: {
//                             addHoverDom: MapBrowseObj.addHoverDom,
//                             removeHoverDom: MapBrowseObj.removeHoverDom
//                         },
//                         check: {
//                             enable: true
//                         },
//                         data: {
//                             simpleData: {
//                                 enable: true
//                             }
//                         },
//                         callback: {
//                             beforeClick: MapBrowseObj._beforeClick,
//                             onCheck: MapBrowseObj._zTreeOnCheck
//                         }
//                     };
//                     ConfigData.treeNodes = _ztreeObj;//将目录树节点存入全局
//                     var treeObj = $.fn.zTree.init($("#mapBrowseTree"), setting, _ztreeObj);
					
					
//                     //获取监测站点目录树
//                     $.ajax({
//                         url: ConfigData.monitorSpotURL,
//                         type: 'get',
//                         dataType: 'json',
//                         async: true,
//                         success: function (e) {
//                             var data = e.data;
// //                          console.log(data);
//                             var newNodes = [{//构造湿地监控点父节点
//                                 id: 'monitorNode',
//                                 pId: 0,
//                                 name: '湿地监控点',
//                                 children: data
//                             }];
//                             for (var eKey in data) {//父节点
//                                 data[eKey].pId = "monitorNode";
//                                 var data1 = data[eKey].children;
//                                 for (var data1Key in data1) {//第二层节点
//                                     var data2 = data1[data1Key].children;
//                                     if (!data1[data1Key].hasOwnProperty('name')) {//没有name属性就添加
//                                         data1[data1Key]['name'] = data1[data1Key].text;
//                                     }
//                                     if (data1[data1Key].hasOwnProperty('lon')) {//有没有lon/lat属性，有就添加x/y属性和isPath
//                                         data1[data1Key]['x'] = data1[data1Key].lon;
//                                         data1[data1Key]['y'] = data1[data1Key].lat;
//                                         data1[data1Key]['isPath'] = false;
//                                     }
//                                     for (var data2Key in data2) {//第三层节点
//                                     	var data3 = data2[data2Key].children;
//                                         if (!data2[data2Key].hasOwnProperty('name')) {//没有name属性就添加
//                                             data2[data2Key]['name'] = data2[data2Key].text;
//                                         }
//                                         if (data2[data2Key].hasOwnProperty('lon')) {//有没有lon/lat属性，有就添加x/y属性和isPath
//                                             data2[data2Key]['x'] = data2[data2Key].lon;
//                                             data2[data2Key]['y'] = data2[data2Key].lat;
//                                             data2[data2Key]['isPath'] = false;
//                                         }
//                                         for(var data3Key in data3){//最后一层节点
//                                         	if (!data3[data3Key].hasOwnProperty('name')) {//没有name属性就添加
// 	                                            data3[data3Key]['name'] = data3[data3Key].text;
// 	                                        }
// 	                                        if (data3[data2Key].hasOwnProperty('lon')) {//有没有lon/lat属性，有就添加x/y属性和isPath
// 	                                            data3[data3Key]['x'] = data3[data3Key].lon;
// 	                                            data3[data3Key]['y'] = data3[data3Key].lat;
// 	                                            data3[data3Key]['isPath'] = false;
// 	                                        }
//                                         }
//                                     }
//                                 }
//                             }
//                             treeObj.addNodes(null, newNodes);//给ztree添加新节点
//                         }
//                     });
//                 },
//                 error: function (e) {
//                     console.log(e);
//                     alert("请求失败");
//                 }
//             });
        },
        _beforeClick: function (treeId, treeNode) {
            if (!treeNode.path && treeNode.isParent) {
                var treeObj = $.fn.zTree.getZTreeObj(treeId);
                treeObj.expandNode(treeNode, !treeNode.open, false, true, true);
            }
            return treeNode.path && !treeNode.isParent;
        },
        _zTreeOnCheck: function (event, treeId, treeNode) {
            //复选框选择事件
            var treeObj = $.fn.zTree.getZTreeObj("mapBrowseTree");
            var nodes = treeObj.getChangeCheckedNodes(); //状态改变的节点
            for (var index in nodes) {
                //筛选根节点
                if (!nodes[index].isParent && nodes[index].Url && nodes[index].isPath) {//图层服务
                    //选中的节点
                    if (nodes[index].checked) {
                        nodes[index].checkedOld = true;
                        var nodeobj = nodes[index];
                        var layerobj = nodeobj.Url;
                        var template = new InfoTemplate();
                        template.setTitle(MapBrowseObj._getGraphicTitle);
                        template.setContent(MapBrowseObj._getTextContent);
                        var baseurl = layerobj.substring(0, layerobj.lastIndexOf('/'));
                        var i = layerobj.substring(layerobj.lastIndexOf('/') + 1, layerobj.length) * 1;
                        var selectLayer = new ArcGISDynamicMapServiceLayer(baseurl, {id: nodes[index].tId});
                        var templates = {};
                        templates[i] = {
                            infoTemplate: template
                        };
                        selectLayer.setInfoTemplates(templates);
                        selectLayer.setVisibleLayers([i]);
                        // var selectLayer = new FeatureLayer(layerobj, {infoTemplate: template, outFields: ['*'],mode: FeatureLayer.MODE_ONDEMAND,displayOnPan:false});
                        selectLayer.on("error", function (evt) {
                            var msg = evt.error.message;
                            alert(msg);
                        });
                        ConfigData.layers[nodeobj.tId] = selectLayer;
                        MapBrowseObj._map.addLayer(selectLayer);
                    } else {
                        nodes[index].checkedOld = false;
                        if (ConfigData.layers[nodes[index].tId]) {
                            MapBrowseObj._map.removeLayer(ConfigData.layers[nodes[index].tId]);
                        }
                        ConfigData.layers[nodes[index].tId] = null;
                        delete ConfigData.layers[nodes[index].tId];
                    }
                } else {//监测站点
                    if (nodes[index].checked) {//选中的节点
                        if (nodes[index].hasOwnProperty('x') && nodes[index].hasOwnProperty('y')) {//判断是否包含经纬度，包含则添加到地图上
                            nodes[index].checkedOld = true;
                            if(nodes[index].children){
                            	
                            }else{
                            	if (!!window.ActiveXObject || "ActiveXObject" in window){ 
					            	var isIE = true;
					            }else{
					            	var isIE = false;
					            }
					            if(isIE){
			            			var x = 5;
			            		}else{
			            			var x = -4;
			            		}
                            	var myPoint = {
	                                "geometry": {
	                                    "x": nodes[index].x,
	                                    "y": nodes[index].y,
	                                    "spatialReference": {"wkid": 4490}
	                                },
	                                "attributes": {
	                                    id: nodes[index].id,
	                                    pId: nodes[index].pId,
	                                    name: nodes[index].name,
	                                    quanjingUrl: nodes[index].Url || null,
	                                    videoUrl: nodes[index].videoUrl || null,
	                                    videoType: nodes[index].videoType || null,
	                                    x: nodes[index].x,
	                                    y: nodes[index].y,
	                                },
	                                "symbol": {
	                                    "type": "esriPMS",
	                                    "url": 'images/monitor.png',
	                                    "imageData": null,
	                                    "contentType": "image/png",
	                                    "width": 15,
	                                    "height": 20,
	                                    "angle": 0,
	                                    "xoffset": 0,
	                                    "yoffset": 10
	                                }
	                            };
	                            var text = {
	                                "geometry": {
	                                    "x": nodes[index].x,
	                                    "y": nodes[index].y,
	                                    "spatialReference": {"wkid": 4490}
	                                },
	                                "symbol": {
	                                    "type": "esriTS",
	                                    "color": [16, 139, 171, 255],
	                                    "backgroundColor": [16, 139, 171, 255],
	                                    "borderLineSize": 1,
	                                    "borderLineColor": [16, 139, 171, 255],
	                                    "verticalAlignment": 'bottom',//<baseline | top | middle | bottom>
	                                    "horizontalAlignment": 'left',//<left | right | center | justify>
	                                    "rightToLeft": true,//<true | false>
	                                    "angle": 0,
	                                    "xoffset": 8,
	                                    "yoffset": x,
	                                    "kerning": true,//<true | false>
	                                    "font": {
	                                        "family": "wryh",
	                                        "size": 11,
	                                        "style": "normal",//<italic | normal | oblique>
	                                        "weight": 'bold',//<bold | bolder | lighter | normal>
	                                        "decoration": 'none',//<line-through | underline | none>
	                                    },
	                                    "text": nodes[index].name //only applicable when specified as a client-side graphic.
	                                }
	                            };
	                            var gra = new Graphic(myPoint);
	                            var textpt = new Graphic(text);
	                            ConfigData.monitorSpots[nodes[index].tId] = [gra, textpt];
	                            MapBrowseObj.monitorLayer.add(gra);
	                            MapBrowseObj.monitorLayer.add(textpt);
                            }                           
                        }
                    } else {
                        nodes[index].checkedOld = false;
                        if (ConfigData.monitorSpots[nodes[index].tId]) {
                            MapBrowseObj.monitorLayer.remove(ConfigData.monitorSpots[nodes[index].tId][0]);
                            MapBrowseObj.monitorLayer.remove(ConfigData.monitorSpots[nodes[index].tId][1]);
                        }
                        ConfigData.monitorSpots[nodes[index].tId] = null;
                        delete ConfigData.monitorSpots[nodes[index].tId];
                    }
                }
            }
        },
        monitorSpotsOnClick: function (e) {
            var graphic = e.graphic;
            graphic.attributes.itemList = {
                '实时数据': '鄱阳湖国家湿地公园',
                '历史数据': '鄱阳湖国家湿地公园',
                '全景': '鄱阳湖国家湿地公园',
                '视频监控': '鄱阳湖国家湿地公园',
            };
            //派发监测点弹窗
            AppEvent.dispatchAppEvent('popup', graphic);
        },
        _getGraphicTitle: function (graphic) {
            var layer = graphic.getLayer();
            if (layer.name.indexOf("城") != -1 && layer.name.indexOf("湿") != -1) {
                var title = graphic.attributes[layer.displayField] + "第" + graphic.attributes["WETLAND_NO"] + "号湿地斑块";
            } else {
                var title = graphic.attributes[layer.displayField];
            }
            if (!title) {
                title = layer.name;
            }
            return title;
        },
        _getTextContent: function (graphic) {
            MapBrowseObj.content = '';
            var id = graphic.attributes.OBJECTID;
            MapBrowseObj.content += "<div class='con'>";
            var layer = graphic.getLayer();
            var layerName = layer.name;
            if (layerName.indexOf("省重要") != -1) {
                panoUrl = graphic.attributes.URL;
            } else {
                panoUrl = '';
            }
            for (var a = 0; a < layer.fields.length; a++) {
                var ming = layer.fields[a].name;
                var ali = layer.fields[a].alias;
                if (ali != "OBJECTID" && graphic.attributes[ming]) {
                    var regs = new RegExp("[\\u4E00-\\u9FFF]+", "g");
                    if (regs.test(ali) && ali.toLowerCase().indexOf("object") == -1 && ali.toLowerCase().indexOf("shape") == -1 && ali.indexOf("area") == -1 &&
                        ali.indexOf("AREA") == -1 && ali.indexOf("Area") == -1 && ali.indexOf("FID") == -1) {
                        MapBrowseObj.content += "<div>" + layer.fields[a].alias + ":<b>" + graphic.attributes[ming] + "</b></div>";
                    }
                }
            }
            if (layer.hasAttachments) {
                var attach = 0; //附件的个数
                var vedio = 0; //视频个数
                var docu = 0; //文件个数
                //根据返回的数据判断是否添加相应的字段；
                //console.log(layer.name);
                layer.queryAttachmentInfos(id, function (result) {
                    //					console.log(result);
                    imgDiv = [];
                    vedioDiv = '';
                    docuDiv = '';
                    for (var i = 0; i < result.length; i++) {
                        var type = result[i].contentType;
                        if (type.indexOf('image') != -1) {
                            imgDiv.push("<div class='swiper-slide' num=" + attach + "><img src='" + result[i].url + "'/></div>");
                            attach++;
                        } else if (type.indexOf('video') != -1) {
                            vedio++;
                            vedioDiv = "<video controls><source src='" + result[i].url + "' type='video/mp4'></video>";
                        } else if (type.indexOf('application') != -1) {
                            docu++;
                            docuDiv += "<a href='" + result[i].url + "' style='display:block' download='" + result[i].name + "'>" + result[i].name + "</a>";
                        }
                    }
                    $('.actionList').children('a:first').nextAll().remove(); //清除“缩放至”之后的所有元素
                    //判断相应的文件是否存在来添加相应的按钮
                    if (attach > 0) {
                        if (layerName.indexOf("公园") != -1) {
                            $('.actionList').append("<a title=\"图片\" class=\"action zoomTo img\" href=\"javascript:void(0);\"><span>附件</span></a>");
                        } else {
                            $('.actionList').append("<a title=\"图片\" class=\"action zoomTo img\" href=\"javascript:void(0);\"><span>图片</span></a>");
                        }
                    }
                    if (panoUrl.length > 0) {
                        $('.actionList').append("<a title=\"全景\" class=\"action zoomTo qj\" href=\"javascript:void(0);\"><span>全景</span></a>");
                    }
                    if (vedio > 0) {
                        $('.actionList').append("<a title=\"视频\" class=\"action zoomTo vedio\" href=\"javascript:void(0);\"><span>视频</span></a>");
                    }
                    if (docu > 0) {
                        $('.actionList').append("<a title=\"文件\" class=\"action zoomTo docu\" href=\"javascript:void(0);\"><span>文件</span></a>");
                    }
                    if (result.length > 0 || panoUrl.length > 0) {
                        $('.actionList').append("<a title=\"详细信息\" class=\"action zoomTo msg\" href=\"javascript:void(0);\"><span>详细信息</span></a>");
                    }
                    MapBrowseObj.content += "</div>";
                    //相应按钮的点击事件
                    MapBrowseObj._infowindowClick();
                    //                  return MapBrowseObj.content;
                }, function (result) {
                    console.log(result);
                });
            } else {
                $('.actionList').children('a:first').nextAll().remove(); //清除“缩放至”之后的所有元素
                if (layer.name.indexOf("省重要") != -1 && panoUrl.length > 0) {
                    $('.actionList').append("<a title=\"全景\" class=\"action zoomTo qj\" href=\"javascript:void(0);\"><span>全景</span></a>");
                    $('.actionList').append("<a title=\"详细信息\" class=\"action zoomTo msg\" href=\"javascript:void(0);\"><span>详细信息</span></a>");
                }
                MapBrowseObj._infowindowClick();
            }
            return MapBrowseObj.content;
        },
        _infowindowClick: function () {
            //先清除上次弹窗所绑定的事件，防止重复执行
            $('.actionList .img').unbind();
            $('.actionList .qj').unbind();
            $('.actionList .vedio').unbind();
            var html;
            var timer = setTimeout(function () {
                html = $('.contentPane .con').html();
            }, 500); //将记录界面重新写入;
            //“图片”点击事件
            $('.actionList .img').click(function () {
                var inner = "<div class = 'swiper-wrapper'>" + imgDiv[0] + "</div>";
                $('.contentPane .con').html(inner);
                if ($(".titlePane [title = '恢复']").attr("title") == "恢复") {
                    $('.swiper-wrapper , .swiper-slide').css({
                        "width": $('.contentPane').css("width"),
                        "height": $('.contentPane').css("height")
                    });
                    $('.swiper-wrapper .swiper-slide div').css({
                        "width": $('.contentPane').css("width"),
                        "height": $('.contentPane').css("height")
                    });
                    $('.swiper-wrapper .swiper-slide img').css("width", "auto"); //用于控制图片的宽度
                    $('.swiper-wrapper .swiper-slide img').smartZoom({
                        "containerClass": "zoomContainer"
                    });
                } else {
                    $('.swiper-wrapper .swiper-slide img').css("width", $('.contentPane').css("width")); //用于控制图片的宽度
                    $('.swiper-wrapper , .swiper-slide').css({
                        "width": $('.contentPane').css("width"),
                        "height": "auto"
                    });
                    $('.swiper-wrapper .swiper-slide div').css({
                        "width": $('.contentPane').css("width"),
                        "height": "auto"
                    });
                }
                //图片的切换功能，
                var nums = imgDiv.length;
                if (nums > 1) {
                    Btns = "<img src='images/nextBtn.jpg' class='nextBtn'><img src='images/prevBtn.jpg' class='prevBtn'>";
                    $('.contentPane .con').append(Btns);
                    $('.nextBtn').click(function () {
                        var num;
                        num = parseInt($('.swiper-wrapper .swiper-slide').attr('num'));
                        if (num == nums - 1) {
                            num = 0;
                        } else {
                            num++;
                        }
                        ;
                        if ($(".titlePane [title = '恢复']").attr("title") == "恢复") {
                            $('.contentPane .con .swiper-slide').remove();
                            $('.contentPane .con .swiper-wrapper').append(imgDiv[num]);
                            $('.swiper-wrapper , .swiper-slide').css({
                                "width": $('.contentPane').css("width"),
                                "height": $('.contentPane').css("height")
                            });
                            $('.swiper-wrapper .swiper-slide div').css({
                                "width": $('.contentPane').css("width"),
                                "height": $('.contentPane').css("height")
                            });
                            $('.swiper-wrapper .swiper-slide img').css("width", "auto"); //用于控制图片的宽度
                            $('.swiper-wrapper .swiper-slide img').smartZoom({
                                "containerClass": "zoomContainer"
                            });
                        } else {
                            $('.contentPane .con .swiper-slide').remove();
                            $('.contentPane .con .swiper-wrapper').append(imgDiv[num]);
                            $('.swiper-wrapper .swiper-slide img').css("width", $('.contentPane').css("width")); //用于控制图片的宽度
                            $('.swiper-wrapper , .swiper-slide').css({
                                "width": $('.contentPane').css("width"),
                                "height": "auto"
                            });
                            $('.swiper-wrapper .swiper-slide div').css({
                                "width": $('.contentPane').css("width"),
                                "height": "auto"
                            });
                        }
                    });
                    $('.prevBtn').click(function () {
                        var num;
                        num = parseInt($('.swiper-wrapper .swiper-slide').attr('num'));
                        if (num == 0) {
                            num = nums - 1;
                        } else {
                            num--;
                        }
                        ;
                        if ($(".titlePane [title = '恢复']").attr("title") == "恢复") {
                            $('.contentPane .con .swiper-slide').remove();
                            $('.contentPane .con .swiper-wrapper').append(imgDiv[num]);
                            $('.swiper-wrapper , .swiper-slide').css({
                                "width": $('.contentPane').css("width"),
                                "height": $('.contentPane').css("height")
                            });
                            $('.swiper-wrapper .swiper-slide div').css({
                                "width": $('.contentPane').css("width"),
                                "height": $('.contentPane').css("height")
                            });
                            $('.swiper-wrapper .swiper-slide img').css("width", "auto"); //用于控制图片的宽度
                            $('.swiper-wrapper .swiper-slide img').smartZoom({
                                "containerClass": "zoomContainer"
                            });
                        } else {
                            $('.contentPane .con .swiper-slide').remove();
                            $('.contentPane .con .swiper-wrapper').append(imgDiv[num]);
                            $('.swiper-wrapper .swiper-slide img').css("width", $('.contentPane').css("width")); //用于控制图片的宽度
                            $('.swiper-wrapper , .swiper-slide').css({
                                "width": $('.contentPane').css("width"),
                                "height": "auto"
                            });
                            $('.swiper-wrapper .swiper-slide div').css({
                                "width": $('.contentPane').css("width"),
                                "height": "auto"
                            });
                        }
                    });
                }
            });
            //文档点击事件
            $('.actionList .docu').click(function () {
                $('.contentPane .con').html('');
                $('.contentPane .con').html(docuDiv);
            });
            //“全景”点击事件
            $('.actionList .qj').click(function () {
                if ($('.contentPane iframe').css('display') != "block" && $('.contentPane img').length == 0 && $('.contentPane video').length == 0) {
                    html = $('.contentPane .con').html(); //记录现有界面
                }
                $('.contentPane .con').empty();
                $('.contentPane .con').append("<iframe name=\"i\" src=" + panoUrl + "></iframe>");
                $('.contentPane .con iframe').css({
                    "width": $('.contentPane').css("width"),
                    "height": $('.contentPane').css("height")
                });
            });
            //“视频”点击事件
            $('.actionList .vedio').click(function () {
                $('.contentPane .con').html(vedioDiv);
                $('.contentPane .con video').css({
                    "width": $('.contentPane').css("width"),
                    "height": $('.contentPane').css("height")
                });
            });
            //“详细信息”点击事件，点击返回属性页
            $('.actionList .msg').click(function () { //返回按钮点击事件
                $('.contentPane .con').html(html); //将记录界面重新写入
            });
            //关闭按钮点击事件
            $(".close").click(function () {
                if ($(".con").children("iframe").length > 0) {
                    $(".con").text('');
                }
            });
            //“最大化按钮”点击事件，点击改变信息框样式
            $('.titlePane .maximize').unbind().click(function () {
                setTimeout(function () {
                    if ($(".titlePane [title = '恢复']").attr("title") == "恢复" && $('.swiper-wrapper .swiper-slide').length > 0) {
                        var num = parseInt($('.swiper-wrapper .swiper-slide').attr('num'));
                        $('.contentPane .con .swiper-slide').remove();
                        $('.contentPane .con .swiper-wrapper').append(imgDiv[num]);
                        $('.swiper-wrapper , .swiper-slide').css({
                            "width": $('.contentPane').css("width"),
                            "height": $('.contentPane').css("height")
                        });
                        $('.swiper-wrapper .swiper-slide div').css({
                            "width": $('.contentPane').css("width"),
                            "height": $('.contentPane').css("height")
                        });
                        $('.swiper-wrapper .swiper-slide img').css("width", "auto"); //用于控制图片的宽度
                        $('.swiper-wrapper .swiper-slide img').smartZoom({
                            "containerClass": "zoomContainer"
                        });
                    } else {
                        var num = parseInt($('.swiper-wrapper .swiper-slide').attr('num'));
                        $('.contentPane .con .swiper-slide').remove();
                        $('.contentPane .con .swiper-wrapper').append(imgDiv[num]);
                        $('.swiper-wrapper .swiper-slide img').css("width", $('.contentPane').css("width")); //用于控制图片的宽度
                        $('.swiper-wrapper , .swiper-slide').css({
                            "width": $('.contentPane').css("width"),
                            "height": "auto"
                        });
                        $('.swiper-wrapper .swiper-slide div').css({
                            "width": $('.contentPane').css("width"),
                            "height": "auto"
                        });
                        $('.contentPane .con iframe').css({
                            "width": $('.contentPane').css("width"),
                            "height": "auto"
                        });
                    }
                    if ($(".titlePane [title = '恢复']").attr("title") == "恢复") {
                        $('.contentPane .con iframe').css({
                            "width": $('.contentPane').css("width"),
                            "height": $('.contentPane').css("height")
                        });
                    } else {
                        $('.contentPane .con iframe').css({
                            "width": $('.contentPane').css("width"),
                            "height": "auto"
                        });
                    }
                    $('.contentPane .con video').css({
                        "width": $('.contentPane').css("width"),
                        "height": "auto"
                    });
                }, 100);
            });
        },
        //ztree添加自定义图标
        addHoverDom: function (treeId, treeNode) {
            // debugger
            if ($("#diyBtn_" + treeNode.id).length > 0 || treeNode.isParent) {
                return;
            }

            var aObj = $("#" + treeNode.tId + "_a");
            var editStr = "<span id='diyBtn_space_" + treeNode.id + "' > </span>"
                + "<button type='button' class='diyBtn1' id='diyBtn_" + treeNode.id
                + "' title='打开编辑' onfocus='this.blur();'></button>";
            aObj.append(editStr);
            var btn = $("#diyBtn_" + treeNode.id);
            if (btn) {
                btn.on("click", function () {
                    //根据节点生成featrueLayer替换原来的dynamicLayer
                    var layerobj = treeNode.Url;
                    var template = new InfoTemplate();
                    template.setTitle(MapBrowseObj._getGraphicTitle);
                    template.setContent(MapBrowseObj._getTextContent);
                    var selectLayer = new FeatureLayer(layerobj, {
                        id: treeNode.tId,
                        infoTemplate: template,
                        outFields: ['*'],
                        mode: FeatureLayer.MODE_ONDEMAND,
                        displayOnPan: false
                    });
                    selectLayer.on("error", function (evt) {
                        var msg = evt.error.message;
                        alert(msg);
                    });
                    //先移除地图上原有的动态图层，在将新图层添加上去，并替换configData里的图层
                    MapBrowseObj._map.removeLayer(ConfigData.layers[treeNode.tId]);
                    MapBrowseObj._map.addLayer(selectLayer);
                    ConfigData.layers[treeNode.tId] = selectLayer;
                    selectLayer.on('load', function (e) {
                        var selectedLayer = e.layer;
                        //点击设置，需要再次获取图层所有符号，因为可能更换过，而不是用初始符号
                        var symbols1 = [];
                        var renderer = selectedLayer.renderer;
                        if (renderer instanceof SimpleRenderer) {
                            symbols1[0] = {
                                label: selectedLayer.name,
                                symbol: renderer.symbol
                            };
                        } else if (renderer instanceof ClassBreaksRenderer) {
                            symbols1 = arrayUtils.map(renderer.infos, function (info) {
                                return {
                                    label: info.value,
                                    symbol: info.symbol
                                };
                            });
                        } else if (renderer instanceof UniqueValueRenderer) {
                            symbols1 = arrayUtils.map(renderer.infos, function (info) {
                                return {
                                    label: info.value,
                                    symbol: info.symbol
                                };
                            });
                        }
                        //调用自定义图层样式函数
                        MapBrowseObj._openSymbolStyler(selectedLayer, symbols1, 0, treeNode);
                    })
                });
            }
        },
        removeHoverDom: function (treeId, treeNode) {
            $("#diyBtn_" + treeNode.id).unbind().remove();
            $("#diyBtn_space_" + treeNode.id).unbind().remove();
        },
        //打开符号设置部件，参数说明，checkedLayer选中的图层，symbols图层符号数组，index符号索引。注意不能一次只能针对一个符号修改
        _openSymbolStyler: function (checkedLayer, symbols, index, treeNode) {
            MapBrowseObj._selectLayer = checkedLayer;
            var defaultSymbol = symbols[index].symbol;
            //判断是否为点图层
            if (MapBrowseObj._selectLayer.geometryType != "esriGeometryPoint") {
                if (MapBrowseObj._styler) {

                } else {
                    // if(MapBrowseObj._selectLayer.geometryType != "esriGeometryPoint"){

                    // 销毁上次生成的节点，防止重复注册
                    // MapBrowseObj._styler.destroy();
                    // domConstruct.destroy("applySymboldiv");
                    // domConstruct.destroy("styler");
                    domConstruct.create('div', {
                        id: 'styler',
                        style: 'display:none'
                    }, 'editor');
                    var applySymboldiv = domConstruct.create("div", {
                        id: "applySymboldiv",
                        class: "options-panel"
                    });

                    domConstruct.place(applySymboldiv, "styler");

                    var applySymbolButton = domConstruct.create("input", {
                        type: "button",
                        value: "使用符号"
                    }, applySymboldiv);
                    var canelSymbolButton = domConstruct.create("input", {
                        type: "button",
                        value: "取消使用"
                    }, applySymboldiv);

                    on(applySymbolButton, "click", lang.hitch(applySymbolButton, function (a, evt) {
                        var style = MapBrowseObj._styler.getStyle();

                        if (MapBrowseObj._selectLayer.renderer instanceof SimpleRenderer) {
                            MapBrowseObj._selectLayer.renderer.symbol = style.symbol;
                        } else if (MapBrowseObj._selectLayer.renderer instanceof ClassBreaksRenderer) {
                            MapBrowseObj._selectLayer.renderer.infos[a].symbol = style.symbol;
                        } else if (MapBrowseObj._selectLayer.renderer instanceof UniqueValueRenderer) {
                            MapBrowseObj._selectLayer.renderer.infos[a].symbol = style.symbol;
                        } else {

                        }
                        //刷新图层，并隐藏窗口
                        MapBrowseObj._selectLayer.refresh();
                        domStyle.set("styler", "display", "none");
                    }, index));

                    on(canelSymbolButton, "click", lang.hitch(MapBrowseObj, function (evt) {
                        domStyle.set("styler", "display", "none");
                    }));

                    //Create instance of SymbolStyler and pass in the domNode，注意跨域会读取不到符号数据，需同源
                    MapBrowseObj._styler = new SymbolStyler({
                        portalUrl: ''
                    }, "styler");
                    //Must call startup
                    MapBrowseObj._styler.startup();
                }
                MapBrowseObj._styler.edit(defaultSymbol, MapBrowseObj._getStylerOptions(defaultSymbol));
                $("#styler").show();
                $("#point_styler").hide();
            } else {
                //自定义点图层样式修改窗体--目前只针对于SimpleRenderer
                // console.log(MapBrowseObj._selectLayer.renderer.symbol);
                $("#styler").hide();
                //为table标签中添加子候选项---即icon列表，并添加点击事件
                $("#icon_table").empty();
                var table_row = ["black", "blue", "green", "red", "yellow"];
                var arr_td = [];
                //获取项目根目录当前所在地址
                var baseUrl = getIndexUrl("/wetlandmap");
                for (var x in table_row) {
                    for (var y = 1; y < 32; y++) {
                        arr_td.push("" + baseUrl + "<td><img src='/widgets/index/images/icon/" + table_row[x] + "/" + table_row[x] + y + ".png' /></td>" + "");
                    }
                }
                $("#icon_table").append("<tr ></tr>");
                var td_num = 0;
                for (var z in arr_td) {
                    if (td_num > 5) {
                        $("#icon_table").append("<tr ></tr>");
                        td_num = 0;
                    }
                    $("#icon_table tr:last").append(arr_td[z]);
                    td_num++;
                }
                $("#icon_table").unbind("click").click(function (evt) {
                    $("#icon_table img").removeClass("on_selected_td");
                    if (evt.target.localName == "img") {
                        $(evt.target).addClass("on_selected_td");
                        $("#original_img").attr("src", $("#icon_table .on_selected_td").attr("src"));
                    }
                });
                //为使用图像按钮添加点击事件,并为图像输入框添加change事件
                $("#custom_img a").unbind("click").click(function () {
                    $("#custom_img input").toggle();
                });
                $("#custom_img input").change(function () {
                    $("#original_img").attr("src", $("#custom_img input").val());
                    var val = parseFloat($("#px_value").val());
                    $("#original_img").css("height", val + "px");
                });
                //像素值输入栏加减按钮添加点击事件,及输入框输入事件
                $("#value_add").unbind("click").click(function () {
                    var val = parseFloat($("#px_value").val()) + 1;
                    $("#px_value").val(val);
                    $("#original_img").css("height", val + "px");
                });
                $("#value_dec").unbind("click").click(function () {
                    var val = parseFloat($("#px_value").val()) - 1;
                    $("#px_value").val(val);
                    $("#original_img").css("height", val + "px");
                });
                $("#px_value").unbind("change").change(function () {
                    var val = parseFloat($("#px_value").val());
                    $("#original_img").css("height", val + "px");
                });

                //添加确定和取消按钮并为其添加点击事件
                domConstruct.destroy("applySymboldiv1");

                var applySymboldiv1 = domConstruct.create("div", {
                    id: "applySymboldiv1",
                    class: "options-panel"
                });

                domConstruct.place(applySymboldiv1, "point_styler");

                var applySymbolButton1 = domConstruct.create("input", {
                    type: "button",
                    value: "使用符号"
                }, applySymboldiv1);
                var canelSymbolButton1 = domConstruct.create("input", {
                    type: "button",
                    value: "取消使用"
                }, applySymboldiv1);

                on(applySymbolButton1, "click", lang.hitch(applySymbolButton1, function (a, evt) {
                    var imgsrc = null;
                    if ($("#custom_img input").is(":hidden") == false && $.trim($("#custom_img input").val())) {
                        imgsrc = $("#custom_img input").val();
                    } else if ($.trim($("#icon_table .on_selected_td").attr("src"))) {
                        imgsrc = $("#icon_table .on_selected_td").attr("src");
                    } else {
                        var persent = parseFloat(MapBrowseObj._selectLayer.renderer.symbol.width) / parseFloat(MapBrowseObj._selectLayer.renderer.symbol.height);
                        MapBrowseObj._selectLayer.renderer.symbol.height = $("#px_value").val();
                        MapBrowseObj._selectLayer.renderer.symbol.width = parseFloat($("#px_value").val()) * persent;
                    }
                    if (imgsrc) {
                        var icon_size = $("#px_value").val();
                        if (MapBrowseObj._selectLayer.renderer instanceof SimpleRenderer) {
                            var select_symbol = new PictureMarkerSymbol(imgsrc, icon_size, icon_size);
                            MapBrowseObj._selectLayer.renderer.symbol = select_symbol;
                        } else if (MapBrowseObj._selectLayer.renderer instanceof ClassBreaksRenderer) {
                            // MapBrowseObj._selectLayer.renderer.infos[a].symbol = style.symbol;
                        } else if (MapBrowseObj._selectLayer.renderer instanceof UniqueValueRenderer) {
                            // MapBrowseObj._selectLayer.renderer.infos[a].symbol = style.symbol;
                        } else {

                        }
                    }
                    //刷新图层，并隐藏窗口
                    MapBrowseObj._selectLayer.refresh();
                    domStyle.set("point_styler", "display", "none");
                    $("#original_img").css("height", "24px");
                }, index));

                on(canelSymbolButton1, "click", lang.hitch(this, function (evt) {
                    domStyle.set("point_styler", "display", "none");
                    $("#original_img").css("height", "24px");
                }));
                $("#point_styler").addClass("esriSymbolStyler");
                $("#point_styler #original_img").attr("src", MapBrowseObj._selectLayer.renderer.symbol.url);
                $("#point_styler #original_img").css("height", MapBrowseObj._selectLayer.renderer.symbol.height + "px");
                $("#px_value").val(MapBrowseObj._selectLayer.renderer.symbol.height);
                $("#point_styler").show();
            }
        },
        _getStylerOptions: function (symbol) {
            var styleModule = basic;
            return {
                schemes: styleModule.getSchemes({
                    theme: "default",
                    basemap: "topo",
                    geometryType: MapBrowseObj._getGeometryType(symbol)
                })
            }

        },
        _getGeometryType: function (symbol) {
            var type = symbol.type;
            return type === "picturefillsymbol" || type === "simplefillsymbol" ? "polygon" :
                type === "cartographiclinesymbol" || type === "simplelinesymbol" ? "line" :
                    "point";
        },
    });
    return Widget;
});