define([
    'dojo/_base/declare',
    'dojo/_base/lang',
    'dojo/_base/array',
    'dojo/_base/html',
    'dojo/topic',
    'jimu/BaseWidget',
],
    function (declare,
        lang,
        array,
        html,
        topic,
        BaseWidget
    ) {
        return declare([BaseWidget], {
            baseClass: 'jimu-widget-BOXInteractive',
            name: 'BOXInteractive',
            flag: false,
            startup: function () {
                var that = this;
                topic.subscribe("beginBOXInteractive", lang.hitch(this, this.beginBOXInteractive));
                topic.subscribe("closesBOXInteractive", lang.hitch(this, this.closesBOXInteractive));
                // topic.publish('getbeginSlope', that.beginSlope);
                $(`.${that.baseClass}`).find('.closeOUR').click(() => {
                    $(`.${that.baseClass}`).hide();
                    that.closesBOXInteractive();
                })


                that.beginBOXInteractive();

            },
            beginBOXInteractive: function () {
                console.log(`${this.name}--kaishi`);
                var that = this;

                var viewer = that.map;
                var URL_CONFIG = window.MYURL_CONFIG;
                viewer.imageryLayers.addImageryProvider(new Cesium.BingMapsImageryProvider({
                    url: 'https://dev.virtualearth.net',
                    mapStyle: Cesium.BingMapsStyle.AERIAL,
                    key: URL_CONFIG.BING_MAP_KEY
                }));

                var scene = viewer.scene;
                var widget = viewer.cesiumWidget;
                $('#toolbarBOXInteractive').show();
                $('#loadingbarBOXInteractive').remove();

                var promise = scene.open(URL_CONFIG.SCENE_BIMBUILDING);
                Cesium.when(promise, function (layers) {
                    // 精准定位
                    scene.camera.setView({
                        destination: new Cesium.Cartesian3(-2180753.065987198, 4379023.266141494, 4092583.575045952),
                        orientation: {
                            heading: 4.0392222751147955,
                            pitch: 0.010279641987852584,
                            roll: 1.240962888005015e-11
                        }
                    });
                    // 设置裁剪线颜色
                    setAllLayersClipColor();
                    var boxEntity = undefined;
                    var $clipMode = $('#clipModeBOXInteractive');

                    var tooltip = window.MYcreateTooltip(document.body);

                    //交互绘制box

                    // Cesium.DrawMode.Box = 4;
                    // console.log(Cesium.DrawMode.Box, 4634343)
                    // var handlerBox = new Cesium.DrawHandler(viewer, Cesium.DrawMode.Box);
                    var handlerBox = new Cesium.DrawHandler(viewer, 4);
                    var editorBox;

                    handlerBox.activeEvt.addEventListener(function (isActive) {
                        if (isActive == true) {
                            viewer.enableCursorStyle = false;
                            viewer._element.style.cursor = '';
                            $('body').removeClass('drawCurshizi').addClass('drawCurshizi');
                        }
                        else {
                            viewer.enableCursorStyle = true;
                            $('body').removeClass('drawCurshizi');
                        }
                    });
                    handlerBox.movingEvt.addEventListener(function (windowPosition) {

                        if (handlerBox.isDrawing) {
                            tooltip.showAt(windowPosition, '<p>点击鼠标左键结束矩形绘制，移动鼠标绘制box高度。</p><p>右键结束绘制.</p>');
                        } else {
                            tooltip.showAt(windowPosition, '<p>点击鼠标左键，开始绘制矩形作为box底面</p>');
                        }

                    });
                    handlerBox.drawEvt.addEventListener(function (e) {
                        console.log(88888888888888888888)
                        tooltip.setVisible(false);
                        // boxEntity = e.object;
                        // var newDim = boxEntity.box.dimensions.getValue();
                        // var position = boxEntity.position.getValue(0);
                        // var boxOption = {
                        //     dimensions: newDim,
                        //     position: position,
                        //     clipMode: $clipMode.val(),
                        //     heading: 0
                        // };

                        // //box编辑
                        // editorBox = new Cesium.BoxEditor(viewer, boxEntity);

                        // editorBox.editEvt.addEventListener(function (e) {
                        //     boxEntity.box.dimensions = e.dimensions
                        //     boxEntity.position = e.position;
                        //     boxEntity.orientation = e.orientation;

                        //     setClipBox();
                        // });
                        // editorBox.distanceDisplayCondition = new Cesium.DistanceDisplayCondition(0, 950);
                        // editorBox.activate();
                        // setAllLayersClipOptions(boxOption);
                        // tooltip.setVisible(false);
                        // handlerBox.clear();
                        // handlerBox.deactivate();
                    });
                    handlerBox.activate();

                    $('#clearboxBOXInteractive').click(function () {
                        for (var i = 0, j = layers.length; i < j; i++) {
                            layers[i].clearCustomClipBox();
                        };
                        editorBox.deactivate();
                        viewer.entities.removeAll();
                        handlerBox.clear();
                        handlerBox.deactivate();
                        handlerBox.activate();

                    });

                    $clipMode.change(function () {
                        setClipBox();
                    });

                    function setClipBox() {
                        var clipMode = $clipMode.val();
                        if (typeof (boxEntity) == "undefined") {
                            return;
                        }
                        var newDim = boxEntity.box.dimensions.getValue();
                        var position = boxEntity.position.getValue(0);

                        var heading = 0;
                        if (typeof (boxEntity.orientation) != "undefined") {
                            let rotationM3 = Cesium.Matrix3.fromQuaternion(boxEntity.orientation._value, new Cesium.Matrix3());
                            let localFrame = Cesium.Matrix4.fromRotationTranslation(rotationM3, Cesium.Cartesian3.ZERO, new Cesium.Matrix4());
                            let inverse = Cesium.Matrix4.inverse(Cesium.Transforms.eastNorthUpToFixedFrame(position), new Cesium.Matrix4());
                            let hprm = Cesium.Matrix4.multiply(inverse, localFrame, new Cesium.Matrix4());
                            var rotation = Cesium.Matrix4.getMatrix3(hprm, new Cesium.Matrix3());
                            let hpr = Cesium.HeadingPitchRoll.fromQuaternion(Cesium.Quaternion.fromRotationMatrix(rotation));
                            heading = hpr.heading;
                        }


                        var boxOptions = {
                            dimensions: newDim,
                            position: position,
                            clipMode: clipMode,
                            heading: heading
                        };
                        setAllLayersClipOptions(boxOptions);
                    }

                    function setAllLayersClipColor() {
                        for (var i = 0, j = layers.length; i < j; i++) {
                            layers[i].clipLineColor = new Cesium.Color(1, 1, 1, 0);
                            console.log(layers[i].clipLineColor, 4444444444444)
                        }
                    }

                    function setAllLayersClipOptions(boxOptions) {
                        console.log(5555555555555)
                        for (var i = 0, j = layers.length; i < j; i++) {
                            layers[i].setCustomClipBox(boxOptions);
                        }
                    }

                }, function (e) {
                    if (widget._showRenderLoopErrors) {
                        var title = '加载SCP失败，请检查网络连接状态或者url地址是否正确？';
                        widget.showErrorPanel(title, undefined, e);
                    }
                });

            },
            closesBOXInteractive: function (froms) {
                console.log(`${this.name}--guanbi`);
                var that = this;
            },
            onOpen: function () {

            },

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

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

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

            resize: function () {

            },

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

        });
    });