///////////////////////////////////////////////////////////////////////////
// Copyright © 2019 zhongsong. All Rights Reserved.
// 模块描述: 查询定位
///////////////////////////////////////////////////////////////////////////
define([
        'dojo/_base/declare',
        'dojo/_base/lang',
        'dojo/_base/array',
        'dojo/_base/html',
        "dojo/topic",
        'jimu/BaseWidget',
        'dojo/on',
        'dstore/Memory',
        'dstore/Trackable',
        'dgrid/Grid',
        'dgrid/Keyboard',
        'dgrid/Selection',
        'dstore/RequestMemory',
        'dgrid/test/data/createSyncStore',
        './CommonPointLayer3D',
        "libs/jquery.pagination"
    ],
    function (declare,
              lang,
              array,
              html,
              topic,
              BaseWidget,
              on,
              Memory,
              Trackable,
              Grid,
              Keyboard,
              Selection,
              RequestMemory,
              createSyncStore,
              CommonPointLayer3D
    ) {
        return declare([BaseWidget], {
            baseClass: 'jimu-widget-Location',
            name: 'Location',
            layer: null,
            mapsId : [],
            graph : [],
            shape: null,
            DWindex: 0,
            startup: function () {
                // 数组用于存放添加点的Id删除实体点的时候会用到
                var pointId = [];

                // 鼠标事件
                var waterEntity;
                // 点击绘制按钮开始绘制
                var that = this;
                var yanmo;
                var flag = false;
                var flagScend = false;
                // 海拔
                var altitude = [];
                var drawingMode = 'polygon';
                var activeShape;
                var boildOne = null;
                var boildTwo = null;
                var boildThree = null;
                // 向三维场景中添加的点的集合
                var tempPoints = [];

                var positions = [];
                var handler = new Cesium.ScreenSpaceEventHandler(that.map.scene.canvas);
                var maps = "";

                this.layer = new CommonPointLayer3D({
                    id: 'location',
                    map: this.map
                });

                var self = this;
                var flag = true;

                // 暴露在外的接口
                topic.subscribe("Re/graph", lang.hitch(this, this.drawShape));

                var patterning;
                $('.dongDraw').click(function () {
                    //矩形
                    if ($(this)[0].id == "rectangle"){
                        patterning = "rectangle";
                    //圆形
                    }else if($(this)[0].id == "circle"){
                        patterning = "circle";
                    //多边形
                    }else if($(this)[0].id == "polygon"){
                        patterning = "polygon";
                    }

                    $(".m-style").hide();
                    self.DWindex = 0;

                    maps = "";
                    $("#loc-tab1-grid").html("");
                    $("#loc-tab2-grid").html("");
                    $("#loc-tab3-grid").html("");
                    that.deleteEntitys(that, pointId, that.shape, boildOne, boildTwo, boildThree, waterEntity,that.mapsId);

                    $('#dong_time').val(0.5)
                    $('.dong-progress .container #progress_bar').width(0);
                    $('.dong-progress').stop().hide();
                    $('#dong_echarts').stop().hide();
                    $('.jimu-widget-AnalysisOfBarrierLake p').stop().hide();
                    if (handler != null) handler.destroy();
                    handler = new Cesium.ScreenSpaceEventHandler(that.map.scene.canvas)

                    clearInterval(yanmo);
                    yanmo = null;
                    positions = [];
                    var polygon = null;
                    var cartesian = null;
                    var floatingPoint; //浮动点
                    var activeShapePoints = [];
                    var active = null;
                    tempPoints = [];
                    altitude = [];
                    that.map.scene.globe.depthTestAgainstTerrain = false;

                    // handler = new Cesium.ScreenSpaceEventHandler(that.map.scene.canvas);
                    // 取消双击事件-追踪该位置
                    that.map.cesiumWidget.screenSpaceEventHandler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_DOUBLE_CLICK);

                    // 鼠标左键点击事件
                    handler.setInputAction(function (movement) {// 给鼠标点击增加的点添加随机的ID便于删除
                        var randomId = (Math.random() * 100 + 8) + (Math.random() * 500 + 102);

                        let ray = that.map.camera.getPickRay(movement.position);
                        cartesian = that.map.scene.globe.pick(ray, that.map.scene);
                        if (positions.length == 0) {
                            positions.push(cartesian.clone());
                            flagScend = true;
                        }
                        // positions.pop();
                        positions.push(cartesian);
                        // 向三维场景中添加点
                        var cartographic = Cesium.Cartographic.fromCartesian(positions[positions.length - 1]);
                        var longitudeString = Cesium.Math.toDegrees(cartographic.longitude);
                        var latitudeString = Cesium.Math.toDegrees(cartographic.latitude);
                        var heightString = cartographic.height;
                        tempPoints.push({
                            lon: longitudeString,
                            lat: latitudeString,
                            hei: heightString
                        });
                        altitude.push(Math.round(cartographic.height));
                        if (Cesium.defined(cartesian)) {
                            if (activeShapePoints.length === 0) {
                                floatingPoint = that.map.entities.add({
                                    // 给实体点添加ID
                                    id: '1a-2b-3c',
                                    name: '多边形面积',
                                    position: positions[positions.length - 1],
                                    point: {
                                        pixelSize: 6,
                                        color: Cesium.Color.RED,
                                        heightReference: Cesium.HeightReference.CLAMP_TO_GROUND
                                    }
                                });
                                pointId.push('1a-2b-3c');

                                activeShapePoints.push(cartesian);
                                var dynamicPositions = new Cesium.CallbackProperty(function () {
                                    if (drawingMode === 'polygon') {
                                        return new Cesium.PolygonHierarchy(activeShapePoints);
                                    }
                                    return activeShapePoints;
                                }, false);
                                that.graph = dynamicPositions;
                                active = that.drawShape(patterning); //绘制动态图
                            }
                            activeShapePoints.push(cartesian);
                            floatingPoint = that.map.entities.add({
                                // 给实体点添加ID
                                id: randomId,
                                name: '多边形面积',
                                position: positions[positions.length - 1],
                                point: {
                                    pixelSize: 6,
                                    color: Cesium.Color.RED,
                                    heightReference: Cesium.HeightReference.CLAMP_TO_GROUND
                                }
                            });

                            pointId.push(randomId);
                        }
                    }, Cesium.ScreenSpaceEventType.LEFT_CLICK);

                    // 鼠标移动事件
                    handler.setInputAction(function (event) {
                        if (positions.length == 0) {
                            that.map.entities.remove(boildOne);
                            var pick1 = new Cesium.Cartesian2(event.endPosition.x, event.endPosition.y);
                            var newPosition = that.map.scene.globe.pick(viewer.camera.getPickRay(pick1), that.map.scene);
                            boildOne = that.map.entities.add({
                                position: newPosition,
                                label: {
                                    show: true,
                                    text: '单击开始绘制',
                                    font: '16px',
                                    pixelOffset: new Cesium.Cartesian2(80, 0),
                                    showBackground: true,
                                    backgroundColor: Cesium.Color.fromBytes(126, 126, 126, 210)
                                },
                            })
                        }
                        if (positions.length == 2) {
                            that.map.entities.remove(boildOne);
                            that.map.entities.remove(boildTwo);
                            var pick1 = new Cesium.Cartesian2(event.endPosition.x, event.endPosition.y);
                            var newPosition = that.map.scene.globe.pick(viewer.camera.getPickRay(pick1), that.map.scene);
                            boildTwo = that.map.entities.add({
                                position: newPosition,
                                label: {
                                    show: true,
                                    text: '单击增加点',
                                    font: '16px',
                                    pixelOffset: new Cesium.Cartesian2(80, 0),
                                    showBackground: true,
                                    backgroundColor: Cesium.Color.fromBytes(126, 126, 126, 210)
                                },
                            })

                        }
                        if (positions.length > 2) {
                            that.map.entities.remove(boildOne);
                            that.map.entities.remove(boildTwo);
                            that.map.entities.remove(boildThree);
                            var pick1 = new Cesium.Cartesian2(event.endPosition.x, event.endPosition.y);
                            var newPosition = that.map.scene.globe.pick(viewer.camera.getPickRay(pick1), that.map.scene);
                            boildThree = that.map.entities.add({
                                position: newPosition,
                                label: {
                                    show: true,
                                    text: '单击增加点,右键点击完成绘制',
                                    font: '16px',
                                    pixelOffset: new Cesium.Cartesian2(120, 0),
                                    showBackground: true,
                                    backgroundColor: Cesium.Color.fromBytes(126, 126, 126, 210)
                                },
                            })
                        }

                        if (Cesium.defined(floatingPoint)) {
                            var pick1 = new Cesium.Cartesian2(event.endPosition.x, event.endPosition.y);
                            var newPosition = that.map.scene.globe.pick(viewer.camera.getPickRay(pick1), that.map.scene);
                            if (Cesium.defined(newPosition)) {
                                floatingPoint.position.setValue(newPosition);
                                activeShapePoints.pop();
                                activeShapePoints.push(newPosition);
                            }
                        }
                    }, Cesium.ScreenSpaceEventType.MOUSE_MOVE);

                    // 鼠标右键点击事件
                    handler.setInputAction(function (movement) {
                        var cartographic = Cesium.Cartographic.fromCartesian(that.map.scene.globe.pick(that.map.camera.getPickRay(movement.position), that.map.scene));
                        // 向三维场景中添加点
                        var longitudeString = Cesium.Math.toDegrees(cartographic.longitude);
                        var latitudeString = Cesium.Math.toDegrees(cartographic.latitude);
                        var heightString = cartographic.height;
                        tempPoints.push({
                            lon: longitudeString,
                            lat: latitudeString,
                            hei: heightString
                        });

                        positions.push(activeShapePoints[activeShapePoints.length - 1])
                        if (positions.length >= 2) {
                            if (!Cesium.defined(polygon)) {
                                polygon = new PolygonPrimitive(positions);
                            } else {
                                positions.pop();
                                positions.push(cartesian);
                            }
                        }
                        if (activeShapePoints.length) {
                            that.graph = activeShapePoints;
                            activeShape = that.drawShape(patterning); //绘制最终图
                        }
                        // that.map.entities.remove(floatingPoint);
                        that.map.entities.remove(active);
                        that.map.entities.remove(boildOne);
                        that.map.entities.remove(boildTwo);
                        that.map.entities.remove(boildThree);
                        if (!flagScend) return;
                        flagScend = false;
                        altitude.push(Math.round(cartographic.height))
                        altitude.sort((a, b) => {
                            if (a > b) return 1;
                            else if (a < b) return -1;
                            else return 0;
                        })
                        $('#dong_max_height').val(altitude[altitude.length - 1])
                        $('#dong_min_height').val(altitude[0])
                        handler.destroy();
                        flag = true;

                        // 提取坐标信息
                        var list = waterEntity.polygon.hierarchy.getValue().positions;
                        // 存放坐标信息，做请求数据使用
                        var echartRings = [
                            []
                        ];

                        // 处理坐标信息，将世界坐标转换成经纬度
                        for (var i = 1; i < list.length; i++) {
                            var cartographic = Cesium.Cartographic.fromCartesian(list[i]);
                            var lat = Cesium.Math.toDegrees(cartographic.latitude);
                            var lng = Cesium.Math.toDegrees(cartographic.longitude);
                            echartRings[0].push(["[" + lng, lat + "]"])
                        }
                        // 发请求数据
                        maps = '{"rings":[[' + echartRings + ']],"spatialReference": {"wkid": 4490}}';

                        return;
                    }, Cesium.ScreenSpaceEventType.RIGHT_CLICK);

                    var PolygonPrimitive = (function () {
                        function _(positions) {
                            this.options = {
                                name: '多边形',
                                polygon: {
                                    hierarchy: [],
                                    material: Cesium.Color.WHITE.withAlpha(0),
                                }
                            };

                            this.positions = positions;
                            this._init();
                        }
                        _.prototype._init = function () {
                            var _self = this;
                            //实时更新polygon.hierarchy
                            this.options.polygon.hierarchy = new Cesium.CallbackProperty(function () {
                                return new Cesium.PolygonHierarchy(positions)
                            }, false);
                            waterEntity = that.map.entities.add(this.options);
                            that.fixedWaterEntity = waterEntity;

                        };
                        return _;
                    })();

                });

                $('#loc_delet').click(function () {
                    //隐藏分页栏，清除分页下标
                    $(".m-style").hide();
                    self.DWindex = 0;

                    maps = "";
                    that.deleteEntitys(that, pointId, that.shape, boildOne, boildTwo, boildThree, waterEntity,that.mapsId);
					$("#loc-tab1-grid").html("");
					$("#loc-tab2-grid").html("");
					$("#loc-tab3-grid").html("");
					$('#loc_input').val("");
                });

                $('#loc_query').click(function () {

                    // 获取当前选中的文本
                    var target = document.getElementsByClassName("loc_click on");
                    var txt = target[0].innerText;
                    var input = $('#loc_input').val();
                    var where = "";
                    self.DWindex = 0;
                    if (txt.indexOf('水文站') !=-1) {
                        url = "http://171.35.109.175:18080/arcgis/rest/services/GZSW/swzwzt/MapServer/0/query";
                             where = "STNM like '%" + input + "%'";
                             txt = '水文站';
                    } else if (txt.indexOf('水位站') !=-1) {
                        url = "http://171.35.109.175:18080/arcgis/rest/services/GZSW/swzwzt/MapServer/1/query";
                             where = "STNM like '%" + input + "%'";
                    } else if (txt.indexOf('雨量站') !=-1) {
                        url = "http://171.35.109.175:18080/arcgis/rest/services/GZSW/swzwzt/MapServer/2/query";
                             where = "STNM like '%" + input + "%'";
                    } else if (txt == '水质站') {
                        url = "http://171.35.109.175:18080/arcgis/rest/services/GZSW/swzwzt/MapServer/3/query";
                             where = "zhswStationName like '%" + input + "%'";
                    } else if (txt == '中小河流站') {
                        url = "http://171.35.109.175:18080/arcgis/rest/services/GZSW/swzwzt/MapServer/4/query";
                             where = "STNM like '%" + input + "%'";
                    }

                    if (input != "" || maps !="") {
                        self.getLocData(url, self, txt, maps, where);
                    }else if (input == ""){
                        self.getLocData(url, self, txt, maps, "1=1");
                    }

                });

                $('.loc_click').on('click', function () {
                    // 当前选中添加类名，兄弟移除类名
                    $(this).removeClass("off").addClass("on").siblings().removeClass("on").addClass("off");

                    //$('#loc_query').click();

                    // 获取当前选中的文本
                    var txt = $(this).text();
                    // 调方法，将文本传进去，做判断，是否显示或者隐藏
                    self.tab(txt);
                });

                //地图定位
                $('.location-box-list').on('click', '.location-lb', function (event) {
                    var index = $(this).index() + self.DWindex;
					topic.publish("gis/map/setCenter", {
						'lgtd': datas[index].x,
						'lttd': datas[index].y,
					}); //进行地图定位
                });
                //打开水面线工具
                $('#loc_openWin').click(function () {
                    that.deleteEntitys(that, pointId, that.shape, boildOne, boildTwo, boildThree, waterEntity,[]);
                    $('.jimu-widget-DynamicRiver').show();
                    topic.publish("openWin", {});
                });

                this.closeDeleteEntity = function () {
                    that.deleteEntitys(that, pointId, that.shape, boildOne, boildTwo, boildThree, waterEntity,that.mapsId);
                }

            },

            // 控制显示隐藏
            tab: function (pid) {
                if (pid.indexOf("水文站") != -1) {
                    document.getElementById('SWZD').style.display = "block";
                    document.getElementById('SWZ').style.display = "none";
                    document.getElementById('YLZ').style.display = "none";
                    document.getElementById('SZZ').style.display = "none";
                    document.getElementById('ZXHLZ').style.display = "none";
                } else if (pid.indexOf("水位站") != -1) {
                    document.getElementById('SWZD').style.display = "none";
                    document.getElementById('SWZ').style.display = "block";
                    document.getElementById('YLZ').style.display = "none";
                    document.getElementById('SZZ').style.display = "none";
                    document.getElementById('ZXHLZ').style.display = "none";
                } else if (pid.indexOf("雨量站") != -1) {
                    document.getElementById('SWZD').style.display = "none";
                    document.getElementById('SWZ').style.display = "none";
                    document.getElementById('YLZ').style.display = "block";
                    document.getElementById('SZZ').style.display = "none";
                    document.getElementById('ZXHLZ').style.display = "none";
                } else if (pid == "水质站") {
                    document.getElementById('SWZD').style.display = "none";
                    document.getElementById('SWZ').style.display = "none";
                    document.getElementById('YLZ').style.display = "none";
                    document.getElementById('SZZ').style.display = "block";
                    document.getElementById('ZXHLZ').style.display = "none";
                } else if (pid == "中小河流站") {
                    document.getElementById('SWZD').style.display = "none";
                    document.getElementById('SWZ').style.display = "none";
                    document.getElementById('YLZ').style.display = "none";
                    document.getElementById('SZZ').style.display = "none";
                    document.getElementById('ZXHLZ').style.display = "block";
                }
            },
            getLocData: function (url, self, txt, maps, where) {
                $.ajax({
                    url: "http://171.35.109.175:18080/arcgis/rest/services/GZSW/swzwzt/MapServer/0/query",
                    type: 'post',
                    dataType: 'json',
                    data: {
                        f: 'pjson',
                        Where: where,
                        outFields: "*",
                        geometry: maps,
                        geometryType: "esriGeometryPolygon",
                    },
                    success: function (result) {
                        $("#水文站").text("水文站("+result.features.length+")");
                        datas = [];
                        if (result.features.length > 0) {
                            for (var i = 0; i < result.features.length; i++) {
                            	if (result.features[i].attributes.STCD!=0 && result.features[i].attributes.STCD!=null){
                            		datas.push($.extend(result.features[i].attributes, result.features[i].geometry));
                                    self.mapsId.push("location"+result.features[i].attributes.OBJECTID);
								}
                            };
                        }
                        self.pageColor(datas,"水文站");
                    }
                });

                $.ajax({
                    url: "http://171.35.109.175:18080/arcgis/rest/services/GZSW/swzwzt/MapServer/1/query",
                    type: 'post',
                    dataType: 'json',
                    data: {
                        f: 'pjson',
                        Where: where,
                        outFields: "*",
                        geometry: maps,
                        geometryType: "esriGeometryPolygon",
                    },
                    success: function (result) {
                        $("#水位站").text("水位站("+result.features.length+")");
                        datas = [];
                        if (result.features.length > 0) {
                            for (var i = 0; i < result.features.length; i++) {
                                if (result.features[i].attributes.STCD!=0 && result.features[i].attributes.STCD!=null){
                                    datas.push($.extend(result.features[i].attributes, result.features[i].geometry));
                                    self.mapsId.push("location"+result.features[i].attributes.OBJECTID);
                                }
                            };
                        }
                        self.pageColor(datas,"水位站");
                    }
                });

                $.ajax({
                    url: "http://171.35.109.175:18080/arcgis/rest/services/GZSW/swzwzt/MapServer/2/query",
                    type: 'post',
                    dataType: 'json',
                    data: {
                        f: 'pjson',
                        Where: where,
                        outFields: "*",
                        geometry: maps,
                        geometryType: "esriGeometryPolygon",
                    },
                    success: function (result) {
                        $("#雨量站").text("雨量站("+result.features.length+")");
                        datas = [];
                        if (result.features.length > 0) {
                            for (var i = 0; i < result.features.length; i++) {
                                if (result.features[i].attributes.STCD!=0 && result.features[i].attributes.STCD!=null){
                                    datas.push($.extend(result.features[i].attributes, result.features[i].geometry));
                                    self.mapsId.push("location"+result.features[i].attributes.OBJECTID);
                                }
                            };
                        }
                        self.pageColor(datas,"雨量站");
                    }
                });

            },
            //前端分页变色
            pageColor: function(datas,txt){
                var self = this;


                // 获取当前选中的文本
                var target = document.getElementsByClassName("loc_click on");
                var txt2 = target[0].innerText;

                if (txt2.indexOf(txt)!= -1 ){
                    //同时显示到layer
                    self.layer.getData(datas, txt, this);
                }


                var cont = Math.ceil(datas.length/5);
                $('.Pagination').pagination({
                    mode: 'fixed',
                    jump: true,
                    coping: false,
                    pageCount: cont,
                    count: 3,
                    callback: function (index) {
                        var listdata= [];
                        //显示页数
                        self.DWindex = (index.getCurrent()-1)*5;
                        var index = self.DWindex;
                        for (var i =index;i<index+5;i++ ){
                            listdata.push(datas[i]);
                            if (i == datas.length-1){
                                break;
                            }
                        }
                        self.createTable(listdata, txt);
                        self.layer.updateColor(listdata,txt);
                    }
                });

                //首次加载前5条数据
                var data= [];
                if (datas.length > 5){
                    for (var i = 0;i<5;i++){
                        data.push(datas[i]);
                    }
                }else{
                    for (var i = 0;i<datas.length;i++){
                        data.push(datas[i]);
                    }
                }
                self.createTable(data, txt);
                self.layer.updateColor(data,txt);
            },
            createTable: function (data, txt) {
                var column, tab;
                $('#location-tab .location-box-list').empty();
                var CustomGrid = declare([Grid, Keyboard, Selection]);
                if (txt == '水文站') {
                    if (data.length > 0) {
                        for (var i = 0; i < data.length; i++) {
                            var div = "<div class='location-lb'>" +
                                //'<img style="width: 20px;height: 20px" src=http://www.sw797.com:10011/gzsw3D/v2/images/icon/swenz.png>'+
                                '<a>' + (i + 1 + this.DWindex) + '、' + data[i].STNM + '</a>' + '&ensp;(' + data[i].STCD + ')' +
                                '<div class=location-zb><lable>流域：</lable>' + data[i]['流域'] + '</div>' +
                                '<div class=location-zb><lable>所在乡镇：</lable>' + data[i]['所在乡镇、'] + '</div>' +
                                "</div>";
                            $("#loc-tab1-grid").append(div);
                        }
                    } else {
                        var div = "<div class='location-lb'><a>无数据</a></div>"
                        $("#loc-tab1-grid").append(div);
                    }
                } else if (txt == '水位站') {
                    if (data.length > 0) {
                        for (var i = 0; i < data.length; i++) {
                            var div = "<div id='location-lb' class='location-lb'>" +
                                //'<img style="width: 20px;height: 20px" src=http://www.sw797.com:10011/gzsw3D/v2/images/icon/swenz.png>'+
                                '<a>' + (i + 1 + this.DWindex) + '、' + data[i].STNM + '</a>' + '&ensp;(' + data[i].STCD + ')' +
                                '<div class=location-zb><lable>流域：</lable>' + data[i]['流域'] + '</div>' +
                                '<div class=location-zb><lable>所在乡镇：</lable>' + data[i]['所在乡镇、'] + '</div>' +
                                "</div>";
                            $("#loc-tab2-grid").append(div);

                        }
                    } else {
                        var div = "<div class='location-lb'><a>无数据</a></div>"
                        $("#loc-tab2-grid").append(div);
                    }
                } else if (txt == '雨量站') {
                    if (data.length > 0) {
                        for (var i = 0; i < data.length; i++) {
                            var div = "<div id='location-lb' class='location-lb'>" +
                                //'<img style="width: 20px;height: 20px" src=http://www.sw797.com:10011/gzsw3D/v2/images/icon/swenz.png>'+
                                '<a>' + (i + 1 + this.DWindex) + '、' + data[i].STNM + '</a>' + '&ensp;(' + data[i].STCD + ')' +
                                '<div class=location-zb><lable>流域：</lable>' + data[i]['流域'] + '</div>' +
                                '<div class=location-zb><lable>所在乡镇：</lable>' + data[i]['所在乡镇、村'] + '</div>' +
                                "</div>";
                            $("#loc-tab3-grid").append(div);
                        }
                    } else {
                        var div = "<div class='location-lb'><a>无数据</a></div>"
                        $("#loc-tab3-grid").append(div);
                    }
                } else if (txt == '水质站') {
                    tab = 'loc-tab4-grid'
                } else if (txt == '中小河流站') {
                    tab = 'loc-tab5-grid'
                }

            },
        drawShape: function (patterning) {
            var that = this;
            //当positionData为数组时绘制最终图，如果为function则绘制动态图
            var arr = typeof that.graph.getValue === 'function' ? that.graph.getValue(0).positions : that.graph;

            //矩形
            if (patterning == "rectangle"){
                that.shape = that.map.entities.add({
                    rectangle: {
                        coordinates: new Cesium.CallbackProperty(function () {
                            var obj = Cesium.Rectangle.fromCartesianArray(arr);
                            //if(obj.west==obj.east){ obj.east+=0.000001};
                            //if(obj.south==obj.north){obj.north+=0.000001};
                            return obj;
                        }, false),
                        material: Cesium.Color.RED.withAlpha(0.5)
                    }
                });
                that.fixedShape = that.shape;
                //圆形
            }else if(patterning == "circle"){
                that.shape = that.map.entities.add({
                    position: arr[0],
                    name: 'Blue translucent, rotated, and extruded ellipse with outline',
                    type: 'Selection tool',
                    ellipse: {
                        semiMinorAxis: new Cesium.CallbackProperty(function () {
                            //半径 两点间距离
                            var r = Math.sqrt(Math.pow(arr[0].x - arr[arr.length - 1].x, 2) + Math
                                .pow(arr[0].y - arr[arr.length - 1].y, 2));
                            return r ? r : r + 1;
                        }, false),
                        semiMajorAxis: new Cesium.CallbackProperty(function () {
                            var r = Math.sqrt(Math.pow(arr[0].x - arr[arr.length - 1].x, 2) + Math
                                .pow(arr[0].y - arr[arr.length - 1].y, 2));
                            return r ? r : r + 1;
                        }, false),
                        material: Cesium.Color.BLUE.withAlpha(0.5),
                        outline: true
                    }
                });
                that.fixedShape = that.shape;
                //多边形
            }else if(patterning == "polygon"){
                that.shape = that.map.entities.add({
                    polygon: {
                        hierarchy: that.graph,
                        material: Cesium.Color.fromBytes(252, 193, 10, 130)
                    }
                });
                that.fixedShape = that.shape;
            }




                return that.shape
            },

            onOpen: function () {
                $('.m-style').hide();
                this.layer ? this.layer.setVis(true) : '';
            },

            onClose: function () {
                $('.m-style').hide();
                //面板关闭的时候触发 （when this panel is closed trigger）
				$("#loc-tab1-grid").html("");
				$("#loc-tab2-grid").html("");
				$("#loc-tab3-grid").html("");
				$('#loc_input').val("");
                this.closeDeleteEntity();
                this.layer ? this.layer.setVis(false) : '';
            },

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

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

            resize: function () {
            },

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

            deleteEntitys: function (that, pointId, shape, boildOne, boildTwo, boildThree, waterEntity,mapsId) {

                if (pointId.length>0) {
                    for (var i = 0; i < pointId.length; i++) {
                        that.map.entities.removeById(pointId[i]);
                    }

                    pointId = [];
                }

                if (mapsId.length>0){
                    for (var i = 0; i < mapsId.length; i++) {
                        that.map.entities.removeById(mapsId[i]);
                    }
                    that.mapsId = [];
                }
                that.map.entities.remove(shape);
                that.map.entities.remove(boildOne);
                that.map.entities.remove(boildTwo);
                that.map.entities.remove(boildThree);
                if (waterEntity != null) {
                    that.map.entities.removeById(waterEntity._id);
                }
            }
        });
    });