define([
    "dojo",
    "dojo/_base/declare",
    "dojo/_base/lang",
    "base/BaseWidget",
    "dojo/text!widgets/index/template.html",
    "widgets/index/config",
    "base/AppEvent",
    "base/ConfigData",
    "iframe/jcyj/js/dataShow.js",
    "dojo/dom",
    "dojo/dom-construct",
    "dojo/dom-attr",
    "dojo/dom-style",
    "dojo/on",
    "dojo/aspect",
    "esri/layers/ArcGISDynamicMapServiceLayer",
    "esri/layers/FeatureLayer",
    "esri/layers/ArcGISDynamicMapServiceLayer",
    "controls/tab/TabControl",
    "esri/dijit/SymbolStyler",
    "esri/styles/basic",
    "dojo/_base/array",
    "esri/tasks/PrintTemplate",
    "esri/tasks/PrintTask",
    "esri/tasks/PrintParameters",
    "esri/InfoTemplate",
    "esri/dijit/HorizontalSlider",
    "esri/toolbars/navigation",
    "esri/geometry/Extent",
    "esri/SpatialReference",
    "esri/tasks/LegendLayer",
    "esri/renderers/SimpleRenderer",
    "esri/renderers/ClassBreaksRenderer",
    "esri/renderers/UniqueValueRenderer",
    "esri/symbols/PictureMarkerSymbol",
    "esri/tasks/query",
    "esri/tasks/QueryTask",
    "esri/graphicsUtils",
    "widgets/index/loading",
    "dojo/domReady!"
], function (dojo,
             declare,
             lang,
             BaseWidget,
             template,
             config,
             AppEvent,
             ConfigData,
             dataShow,
             dom,
             domConstruct,
             domAttr,
             domStyle,
             on,
             aspect,
             ArcGISDynamicMapServiceLayer,
             FeatureLayer,
             ArcGISDynamicMapServiceLayer,
             TabControl,
             SymbolStyler,
             basic,
             arrayUtils,
             PrintTemplate,
             PrintTask,
             PrintParameters,
             InfoTemplate,
             HorizontalSlider,
             Navigation,
             Extent,
             SpatialReference,
             LegendLayer,
             SimpleRenderer,
             ClassBreaksRenderer,
             UniqueValueRenderer,
             PictureMarkerSymbol,
             Query,
             QueryTask,
             graphicsUtils) {
    dojo.require("esri.tasks.QueryTask");
    dojo.require("esri.tasks.query");
    var Widget = declare([BaseWidget], {
        widgetName: "IndexWidget",
        label: "专题图",
        templateString: template,
        _config: null,
        _map: null,
        _tabControl: null,
        _styler: null,
        _selectLayer: null,
        _printer: null,
        _openprinturl: null,
        indexObj: null,
        _tukuo: "Letter ANSI A Landscape",
        _layui:null,
        constructor: function (options, srcRefNode) {
            this._map = options.map;
            indexObj = this;
            //初始化layui弹窗
            layui.use('layer', function () {
                indexObj._layui = layui.layer;
            });
        },
        postCreate: function () {
        },
        open: function () {
            indexObj._tabControl.changeActiveTab("layerTree");
            //打开部件时清除当前地图上加载的图层
            for (var i in ConfigData.layers) {
                indexObj._map.removeLayer(ConfigData.layers[i]);
            }
            //关闭监控点图层
            var monitorLayer = indexObj._map.getLayer('monitorLayer');
            if (monitorLayer && monitorLayer.visible){
            	monitorLayer.setVisibility(false);
            }
            //关闭全景图层
            var sceneControl = indexObj._map.getLayer('sceneControl');
            if (sceneControl && sceneControl.visible){
            	sceneControl.setVisibility(false);
            }
            var noTextScene = indexObj._map.getLayer('noTextScene');
            if (noTextScene && noTextScene.visible){
            	noTextScene.setVisibility(false);
            }
            //更改缓存中的flag
            if(sessionStorage.getItem('flag')){
            	var flag = sessionStorage.getItem('flag');
            	if(flag == 'true'){
            		sessionStorage.setItem('flag',false);
            	}
        	}
            //将之前地图上的图层存起来
            ConfigData.layers_temp = ConfigData.layers;
            ConfigData.layers = {};
            this.inherited(arguments);
        },
        close: function () {
            //关闭部件时清除当前地图上加载的图层
            for (var index in ConfigData.layers) {
                indexObj._map.removeLayer(ConfigData.layers[index]);
            }
            //打开监控点图层
            var monitorLayer = indexObj._map.getLayer('monitorLayer');
            if (monitorLayer && !monitorLayer.visible){
            	monitorLayer.setVisibility(true);
            }
            //添加之前存在的图层
            for (var j in ConfigData.layers_temp) {
                indexObj._map.addLayer(ConfigData.layers_temp[j]);
            }
            //取消勾选素ztree节点，并清空对应记录
            var indexZtree = $.fn.zTree.getZTreeObj("tree_index");
            var checkedNodes = indexZtree.getCheckedNodes();
            for (var checkedNodesKey in checkedNodes) {
                indexZtree.checkNode(checkedNodes[checkedNodesKey], false, true, false);
                checkedNodes[checkedNodesKey].checkedOld = false;
            }
            ConfigData.layers = ConfigData.layers_temp;
            ConfigData.layers_temp = {};
            //清空样式配置框里的图层
            $('#styleSetting').empty();
            if (indexObj._styler) {//关闭部件的时候销毁样式窗
                indexObj._styler.destroy();
                indexObj._styler = null;
            }
            this.inherited(arguments);
        },
        startup: function () {
            indexObj._config = config;
            indexObj._tabControl = new TabControl({
                tab: [{
                    type: "layerTree",
                    label: "专题内容"
                }, {
                    type: "layerSetting",
                    label: "符号设置"
                }, {
                    type: "outputAndSave",
                    label: "保存输出"
                }],
                cssPath: "controls/tab/TabControl.css"
            }, indexObj.tabDom);
            indexObj._tabControl.startup();
            indexObj._buildLayerTreeTab();
            indexObj._buildLayerSettingTab();
            indexObj._buildOutputAndSaveTab();
            indexObj._getservices();
            on(dom.byId("loadBtn"), "click", lang.hitch(this, function (evt) {
                window.open(indexObj._openprinturl, "_blank");
                MaskUtil.cancel();
            }));
            on(dom.byId("cancelBtn"), "click", lang.hitch(this, function (evt) {
                MaskUtil.cancel();
            }));
            this.inherited(arguments);
            AppEvent.addAppEventListener("clearall", lang.hitch(this, function (evt) {
                if (evt.idname != indexObj.widgetName) {
                    var treeObj = $.fn.zTree.getZTreeObj("tree_index");
                    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;
                                indexObj._map.removeLayer(ConfigData.layers[nodes[index].tId]);
                                ConfigData.layers[nodes[index].tId] = null;
                                domConstruct.destroy("div" + nodes[index].tId);
                            }
                        }
                    }
                    // indexObj._getservices();
                }
            }));
        },
        _getservices: function () {
            //动态构建图层目录树
            var searchCatalog = [];
            // $.ajax({
            //     type: "get",
			// 	url: getNativePath() + "resources/queryResourcesTree.do?soId=bbb7001c67c442540167c4a2a604000b",
            //     data: {
            //         "limit": 10000
            //     },
            //     dataType: "json",
            //     async: false,
            //     success: function (result) {
            //         var resultObj = result.data;
            //         for (var i = 0; i < resultObj.length; i++) {
            //             var ztreenode = {};
            //             ztreenode.id = resultObj[i].resourcesId;
            //             ztreenode.pId = resultObj[i].resourcesPid;
            //             ztreenode.name = resultObj[i].resourcesName;
            //             ztreenode.Url = resultObj[i].resourcesUrl;
            //             searchCatalog.push(ztreenode);
            //         }
            //         return searchCatalog;
            //     },
            //     error: function (e) {
            //         alert(e.message);
            //     }
            // });
            var setting = {
                check: {
                    enable: true
                },
                data: {
                    simpleData: {
                        enable: true
                    }
                },
                callback: {
                    onCheck: indexObj._zTreeOnCheck
                }
            };
            $.fn.zTree.init($("#tree_index"), setting, searchCatalog);
        },
        _zTreeOnCheck: function (event, treeId, treeNode) {
            //复选框选择事件
            var treeObj = $.fn.zTree.getZTreeObj("tree_index");
            var nodes = treeObj.getChangeCheckedNodes();
            for (var index in nodes) {
                if (nodes[index].checked) {
                    //设置过去选中状态为true
                    nodes[index].checkedOld = true;
                    //筛选根节点
                    if (!nodes[index].isParent) {
                        (function () {
                            var nodeobj = nodes[index];
                            var template = new InfoTemplate();
                            template.setTitle(indexObj._getGraphicTitle);
                            template.setContent(indexObj._getTextContent);
                            var checkedLayer = new FeatureLayer(nodeobj.Url, {
                                mode: FeatureLayer.MODE_ONDEMAND,
                                infoTemplate: template,
                                outFields: ["*"]
                            });
                            checkedLayer.on("load", lang.hitch(nodeobj, function (evt) {
                                var nodeobj1 = this;
                                var query = new esri.tasks.Query();
                                query.where = "1=1";
                                query.geometry = indexObj._map.extent;
                                checkedLayer.queryCount(query, function (count) {
                                    if (count > 1000) {
                                        alert('未完全绘制，因为地图中要在该区域显示的要素过多。请尝试放大调整可见范围。');
                                    }
                                }, function (error) {
                                    console.log(error);
                                });
                                ConfigData.layers[nodeobj1.tId] = checkedLayer;
                                checkedLayer.id = checkedLayer.name;
                                indexObj._map.addLayer(checkedLayer);
                                var symbols = [];
                                var renderer = checkedLayer.renderer;
                                if (renderer instanceof SimpleRenderer) {
                                    symbols[0] = {
                                        label: checkedLayer.name,
                                        symbol: renderer.symbol
                                    };
                                } else if (renderer instanceof ClassBreaksRenderer) {
                                    symbols = arrayUtils.map(renderer.infos, function (info) {
                                        return {
                                            label: info.value,
                                            symbol: info.symbol
                                        };
                                    });
                                } else if (renderer instanceof UniqueValueRenderer) {
                                    symbols = arrayUtils.map(renderer.infos, function (info) {
                                        return {
                                            label: info.value,
                                            symbol: info.symbol
                                        };
                                    });
                                }
                                var strs = "";
                                for (var int = 0; int < symbols.length; int++) {
                                    var s = "<tr><td>" + (int + 1) + "</td><td>" + symbols[int].label + "</td><td><a>设置符号</a></td></tr>";
                                    strs = strs == "" ? s : strs + s;
                                }
                                switch (checkedLayer.geometryType) {
                                    case "esriGeometryPoint":
                                        var row = domConstruct.toDom("<div id='div" + nodeobj1.tId + "' style='margin:10px auto;color:#666;font-weight: bold;'>" + nodeobj1.name + "：" +
                                            "<table id='table" + nodeobj1.tId + "'  class='table'><thead>" +
                                            "<tr class='alter'><th style='font-weight: bold;width:45px;'>序号</th>" +
                                            "<th style='font-weight: bold;'>内容</th>" +
                                            "<th style='font-weight: bold;'>符号</th></tr></thead><tbody>" +
                                            strs +
                                            "</tbody></table></div>");
                                        domConstruct.place(row, "styleSetting");
                                        break;
                                    case "esriGeometryPolyline":
                                        var row = domConstruct.toDom("<div id='div" + nodeobj1.tId + "' style='margin:10px auto;color:#666;font-weight: bold;'>" + nodeobj1.name + "：" +
                                            "<table id='table" + nodeobj1.tId + "'  class='table'><thead>" +
                                            "<tr class='alter'><th style='font-weight: bold;'>序号</th>" +
                                            "<th style='font-weight: bold;'>内容</th>" +
                                            "<th style='font-weight: bold;'>符号</th></tr></thead><tbody>" +
                                            strs +
                                            "</tbody></table></div>");
                                        domConstruct.place(row, "styleSetting");
                                        break;
                                    case "esriGeometryPolygon":
                                        var row = domConstruct.toDom("<div id='div" + nodeobj1.tId + "' style='margin:10px auto;color:#666;font-weight: bold;'>" + nodeobj1.name + "：" +
                                            "<table id='table" + nodeobj1.tId + "'  class='table'><thead>" +
                                            "<tr class='alter'><th style='font-weight: bold;'>序号</th>" +
                                            "<th style='font-weight: bold;'>内容</th>" +
                                            "<th style='font-weight: bold;'>符号</th></tr></thead><tbody>" +
                                            strs +
                                            "</tbody></table></div>");
                                        domConstruct.place(row, "styleSetting");
                                        break;
                                }
                                dojo.query("a", "div" + nodeobj1.tId).forEach(function (node, index, array) {
                                    on(node, "click", lang.hitch(nodeobj1, function (evt) {
                                        var layer = ConfigData.layers[nodeobj1.tId];
                                        //点击设置，需要再次获取图层所有符号，因为可能更换过，而不是用初始符号
                                        var symbols1 = [];
                                        var renderer = layer.renderer;
                                        if (renderer instanceof SimpleRenderer) {
                                            symbols1[0] = {
                                                label: layer.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
                                                };
                                            });
                                        }
                                        indexObj._openSymbolStyler(layer, symbols1, index);
                                    }));
                                });
                            }));
                        })();
                    }
                } else {
                    //设置过去选中状态为false
                    nodes[index].checkedOld = false;
                    //筛选根节点
                    if (!nodes[index].isParent) {
                        if (ConfigData.layers[nodes[index].tId]) {
                            indexObj._map.removeLayer(ConfigData.layers[nodes[index].tId]);
                        }
                        ConfigData.layers[nodes[index].tId] = null;
                        delete ConfigData.layers[nodes[index].tId];
                        domConstruct.destroy("div" + nodes[index].tId);
                    }
                }
            }
        },
        //打开符号设置部件，参数说明，checkedLayer选中的图层，symbols图层符号数组，index符号索引。注意不能一次只能针对一个符号修改
        _openSymbolStyler: function (checkedLayer, symbols, index) {
            indexObj._selectLayer = checkedLayer;
            var defaultSymbol = symbols[index].symbol;
            //判断是否为点图层
            if (indexObj._selectLayer.geometryType != "esriGeometryPoint") {
                if (indexObj._styler) {

                } else {
                    //销毁上次生成的节点，防止重复注册
                    // 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 = indexObj._styler.getStyle();

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

                        }

                        indexObj._selectLayer.id = indexObj._selectLayer.name;
                        indexObj._selectLayer.refresh();
                        domStyle.set("styler", "display", "none");
                    }, index));

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


                    //Create instance of SymbolStyler and pass in the domNode，注意跨域会读取不到符号数据，需同源
                    indexObj._styler = new SymbolStyler({
                        portalUrl: ''
                    }, "styler");
                    //Must call startup
                    indexObj._styler.startup();
                }
                indexObj._styler.edit(defaultSymbol, indexObj._getStylerOptions(defaultSymbol));
                $("#styler").show();
                $("#point_styler").hide();
            } else {
                //自定义点图层样式修改窗体--目前只针对于SimpleRenderer
                // console.log(indexObj._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(indexObj._selectLayer.renderer.symbol.width) / parseFloat(indexObj._selectLayer.renderer.symbol.height);
                        indexObj._selectLayer.renderer.symbol.height = $("#px_value").val();
                        indexObj._selectLayer.renderer.symbol.width = parseFloat($("#px_value").val()) * persent;
                    }
                    if (imgsrc) {
                        var icon_size = $("#px_value").val();
                        if (indexObj._selectLayer.renderer instanceof SimpleRenderer) {
                            var select_symbol = new PictureMarkerSymbol(imgsrc, icon_size, icon_size);
                            indexObj._selectLayer.renderer.symbol = select_symbol;
                        } else if (indexObj._selectLayer.renderer instanceof ClassBreaksRenderer) {
                            // indexObj._selectLayer.renderer.infos[a].symbol = style.symbol;
                        } else if (indexObj._selectLayer.renderer instanceof UniqueValueRenderer) {
                            // indexObj._selectLayer.renderer.infos[a].symbol = style.symbol;
                        } else {

                        }
                    }
                    //刷新图层，并隐藏窗口
                    indexObj._selectLayer.id = indexObj._selectLayer.name;
                    indexObj._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", indexObj._selectLayer.renderer.symbol.url);
                $("#point_styler #original_img").css("height", indexObj._selectLayer.renderer.symbol.height + "px");
                $("#px_value").val(indexObj._selectLayer.renderer.symbol.height);
                $("#point_styler").show();
            }
        },
        _buildLayerTreeTab: function () {
            var div = domConstruct.create("div", {
                style: "padding:10px"
            });

            domConstruct.create("ul", {
                id: "tree_index",
                class: "ztree"
            }, div);

            indexObj._tabControl.setContent("layerTree", div);
        },
        _buildLayerSettingTab: function () {
            var div = domConstruct.create("div", {
                style: "padding:0px 10px"
            });

            domConstruct.create("div", {
                id: "styleSetting",
                class: "styleSetting"
            }, div);

            indexObj._tabControl.setContent("layerSetting", div);
        },
        _buildOutputAndSaveTab: function () {
            var div = domConstruct.create("div", {
                style: "padding:10px"
            });

            var div1 = domConstruct.create("div", {
                style: "margin-bottom: 10px"
            }, div);

            var currentBtn = domConstruct.create("input", {
                class: "sybtn sybtnCheck",
                type: "button",
                value: "当前视域"
            }, div1);

            var allBtn = domConstruct.create("input", {
                class: "sybtn",
                type: "button",
                value: "全省视域"
            }, div1);

            var customBtn = domConstruct.create("input", {
                class: "sybtn",
                type: "button",
                value: "自定义视域"
            }, div1);

            on(allBtn, "click", lang.hitch(allBtn, function (evt) {
                $(".sybtnCheck").removeClass("sybtnCheck");
                $(this).addClass("sybtnCheck");
                var extent = new Extent(111.684889985, 24.208129066, 120.359378921, 30.359130312, new SpatialReference({
                    wkid: 4490
                }));
                indexObj._map.setExtent(extent);
            }));

            on(currentBtn, "click", lang.hitch(currentBtn, function (evt) {
                $(".sybtnCheck").removeClass("sybtnCheck");
                $(this).addClass("sybtnCheck");
                indexObj._map.setExtent(indexObj._map.extent);
            }));

            on(customBtn, "click", lang.hitch(customBtn, function (evt) {
                $(".sybtnCheck").removeClass("sybtnCheck");
                $(this).addClass("sybtnCheck");
                var div1 = document.getElementById('div1');
                document.onmousemove = function (ev) {
                    //IE支持event，firefox不支持
                    var oEvent = ev || event;
                    //
                    var scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft;
                    var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
                    div1.style.display = "block";
                    div1.style.top = oEvent.clientY + scrollTop + 'px'; //Y
                    div1.style.left = oEvent.clientX + scrollLeft + 15 + 'px'; //X
                };
                var navToolbar = new Navigation(indexObj._map);
                var extent_history_change = navToolbar.on("extent-history-change", extentHistoryChangeHandler);

                function extentHistoryChangeHandler() {
                    var div1 = document.getElementById('div1');
                    navToolbar.deactivate();
                    extent_history_change.remove();
                    div1.style.display = "none";
                    document.onmousemove = null;
                }

                navToolbar.activate(Navigation.ZOOM_IN);
            }));

            domConstruct.create("h2", {
                style: "width: 100%;text-align: center;font-size: 15px;color: #4e616d;",
                innerHTML: "专题图标题"
            }, div);

            var titleinput = domConstruct.create("input", {
                id: "title",
                style: "width: 100%;margin: 10px auto;height: 25px;line-height: 25px;border: 1px solid #ccc;border-radius: 5px;background: #fff;",
                type: "text"
            }, div);

            domConstruct.create("h2", {
                style: "width: 100%;text-align: center;font-size: 15px;color: #4e616d;",
                innerHTML: "制作人"
            }, div);

            var authorinput = domConstruct.create("input", {
                id: "author",
                style: "width: 100%;margin: 10px auto;height: 25px;line-height: 25px;border: 1px solid #ccc;border-radius: 5px;background: #fff;",
                type: "text"
            }, div);

            domConstruct.create("h2", {
                style: "width: 100%;text-align: center;font-size: 15px;color: #4e616d;",
                innerHTML: "制图模板"
            }, div);

            var selectobj = domConstruct.create("select", {
                id: "modelDiv",
                class: "modelClass"
            }, div);

            var str = "<option value='Letter ANSI A Landscape1'>模板一</option><option value='Letter ANSI A Landscape3'>模板二</option>" +
                "<option value='Letter ANSI A Landscape'>模板三</option><option value='Letter ANSI A Portrait1'>模板四</option>";

            $(selectobj).html(str);

            $(selectobj).on("change", function () {
                indexObj._tukuo = $(selectobj).val();
            });

            var savebutton = domConstruct.create("input", {
                class: "printbtn",
                type: "button",
                value: "点击打印"
            }, div);

            on(savebutton, "click", lang.hitch(this, function (evt) {
            	//如果全景地图不在显示状态就不打印，不然就先隐藏在打印
            	var layer1 = this._map.getLayer("sceneControl");
            	var layer2 = this._map.getLayer("noTextScene");
            	if(layer1 && layer1.visible){
            		layer1.setVisibility(false);
	                MaskUtil.mask();

	                var printTask = new PrintTask(ConfigData.printUrl);
	                var template = new PrintTemplate();
	                template.format = "PDF";
	                template.layout = indexObj._tukuo;
	                template.layoutOptions = {
	                    authorText: $('#author').val(),
	                    titleText: $('#title').val(),
	                    scalebarUnit: "Miles"
	                };
	                template.preserveScale = true;
	                template.outScale = indexObj._map.getScale();
	                // console.log(indexObj._map.getScale());
	                var params = new PrintParameters();
	                params.map = indexObj._map;
	                params.template = template;
	                params.outSpatialReference = indexObj._map.spatialReference;
	                printTask.execute(params, function (evt) {
	                    MaskUtil.unmask();
	                    indexObj._openprinturl = evt.url;
	                },function (e) {
	                    MaskUtil.cancel();
	                    for (var eKey in e.details) {
	                        console.warn(e.details[eKey]);
	                    }
	                    indexObj._layui.msg('打印出错！', {icon: 2, offset: ['50%', '50%']});
	                });
	                layer1.setVisibility(true);
            	}else if(layer2 && layer2.visible){
            		layer2.setVisibility(false);
	                MaskUtil.mask();

	                var printTask = new PrintTask(ConfigData.printUrl);
	                var template = new PrintTemplate();
	                template.format = "PDF";
	                template.layout = indexObj._tukuo;
	                template.layoutOptions = {
	                    authorText: $('#author').val(),
	                    titleText: $('#title').val(),
	                    scalebarUnit: "Miles"
	                };
	                template.preserveScale = true;
	                template.outScale = indexObj._map.getScale();
	                // console.log(indexObj._map.getScale());
	                var params = new PrintParameters();
	                params.map = indexObj._map;
	                params.template = template;
	                params.outSpatialReference = indexObj._map.spatialReference;
	                printTask.execute(params, function (evt) {
	                    MaskUtil.unmask();
	                    indexObj._openprinturl = evt.url;
	                },function (e) {
	                    MaskUtil.cancel();
	                    for (var eKey in e.details) {
	                        console.warn(e.details[eKey]);
	                    }
	                    indexObj._layui.msg('打印出错！', {icon: 2, offset: ['50%', '50%']});
	                });
	                layer2.setVisibility(true);
            	}else{
            		MaskUtil.mask();

	                var printTask = new PrintTask(ConfigData.printUrl);
	                var template = new PrintTemplate();
	                template.format = "PDF";
	                template.layout = indexObj._tukuo;
	                template.layoutOptions = {
	                    authorText: $('#author').val(),
	                    titleText: $('#title').val(),
	                    scalebarUnit: "Miles"
	                };
	                template.preserveScale = true;
	                template.outScale = indexObj._map.getScale();
	                // console.log(indexObj._map.getScale());
	                var params = new PrintParameters();
	                params.map = indexObj._map;
	                params.template = template;
	                params.outSpatialReference = indexObj._map.spatialReference;
	                printTask.execute(params, function (evt) {
	                    MaskUtil.unmask();
	                    indexObj._openprinturl = evt.url;
	                },function (e) {
	                    MaskUtil.cancel();
	                    for (var eKey in e.details) {
	                        console.warn(e.details[eKey]);
	                    }
	                    indexObj._layui.msg('打印出错！', {icon: 2, offset: ['50%', '50%']});
	                });
            	}
            }));
            indexObj._tabControl.setContent("outputAndSave", div);
        },
        _getStylerOptions: function (symbol) {
            var styleModule = basic;
            return {
                schemes: styleModule.getSchemes({
                    theme: "default",
                    basemap: "topo",
                    geometryType: indexObj._getGeometryType(symbol)
                })
            }

        },
        _getGeometryType: function (symbol) {
            var type = symbol.type;
            return type === "picturefillsymbol" || type === "simplefillsymbol" ? "polygon" :
                type === "cartographiclinesymbol" || type === "simplelinesymbol" ? "line" :
                    "point";
        },
        _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];
            }
            return title;
        },
        _getTextContent: function (graphic) {
            var content = "";
            content += "<div class='con'>";
            var layer = graphic.getLayer();
            layer.infoTemplate.title = "<b>${" + layer.displayField + "}</b>";
            for (var a = 0; a < layer.fields.length; a++) {
                var ming = layer.fields[a].name;
                var ali = layer.fields[a].alias;
                var title;
                if (ming == "NAME") {
                    title = graphic.attributes[ming];
                }
                if (ali != "OBJECTID") {
                    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 && graphic.attributes[ming] != null) {
                        content += "<div>" + layer.fields[a].alias + ":<b>" + graphic.attributes[ming] + "</b></div>";
                    }
                }

            }
            content += "</div>";
            $('.actionList').children('a:first').nextAll().remove(); //清除“缩放至”之后的所有元素
            return content;
        }

    });
    return Widget;
});