import store from "@/store";
import { none } from "ol/centerconstraint";
var temporaryTool = {
    isedit: false,
    removeTemporaryLayer(res) {
        var entities = window.Viewer.entities._entities._array;
        for (var i in entities) {
            if (entities[i].id == res.id && entities[i]._shpType == res.shpType) {
                window.Viewer.entities.remove(entities[i])
            }
        }
    },
    removeTemporaryLayerAll() {
        var entities = window.Viewer.entities._entities._array;
        for (var i in entities) {
            if (entities[i]._shpType && entities[i]._shpType == "temporaryLayer") {
                window.Viewer.entities.remove(entities[i])
            }
        }
    },
    locationTemporaryLayer(res) {
        var entities = window.Viewer.entities._entities._array;
        for (var i in entities) {
            if (entities[i].id == res.id && entities[i]._shpType == res.shpType) {
                window.Viewer.flyTo(entities[i], {
                    offset: {
                        heading: Cesium.Math.toRadians(0.0),
                        pitch: Cesium.Math.toRadians(-90),
                        range: 400
                    }
                });
            }
        }
    },
    addTemporaryTool(res) {
        switch (res.type) {
            case "point":
                this.addTemporaryPointLayer(res);
                break;
            case "label":
                this.addTemporaryLabelLayer(res);
                break;
            case "polygon":
                this.addTemporaryPolygonLayer(res);
                break;
            case "polyline":
                this.addTemporaryPolylineLayer(res);
                break;
            case "rectangle":
                this.addTemporaryRectangleLayer(res);
                break;
        }
    },
    addTemporaryLabelLayer(res) {
        var heightReference;
        if (res.heightReference) {
            heightReference = null;
        } else {
            heightReference = Number.POSITIVE_INFINITY;
        }
        var style;
        if (res.outline) {
            style = Cesium.LabelStyle.FILL_AND_OUTLINE
        } else {
            style = Cesium.LabelStyle.FILL
        }

        window.Viewer.entities.add({
            name: res.cnName,
            id: res.id,
            shpType: res.shpType,
            position: Cesium.Cartesian3.fromDegrees(
                res.geometry.lng,
                res.geometry.lat
            ),
            label: {
                text: res.text,
                font: res.font,
                fillColor: Cesium.Color.fromCssColorString(res.material).withAlpha(
                    res.materialAlpha
                ),
                backgroundColor: Cesium.Color.fromCssColorString(
                    res.backColor
                ).withAlpha(res.backColor),
                showBackground: res.showBackground,

                distanceDisplayCondition: new Cesium.DistanceDisplayCondition(
                    res.near,
                    res.far
                ),
                outlineColor: Cesium.Color.fromCssColorString(
                    res.outlineColor
                ).withAlpha(res.outlineAlpha),

                outlineWidth: res.width,
                scale: res.scale,
                style: style,
                horizontalOrigin: Cesium.HorizontalOrigin.CENTER,//对齐方式
                verticalOrigin: Cesium.VerticalOrigin.CENTER,
                disableDepthTestDistance: heightReference // 被遮挡是否可见（也就是将这个Entity在场景中置顶）
            },
        });
    },
    addTemporaryPointLayer(res) {
        var heightReference;
        if (res.heightReference) {
            heightReference = null;
        } else {
            heightReference = Number.POSITIVE_INFINITY;
        }
        window.Viewer.entities.add({
            name: res.cnName,
            id: res.id,
            shpType: res.shpType,
            position: Cesium.Cartesian3.fromDegrees(
                res.geometry.lng,
                res.geometry.lat,
                res.geometry.alt
            ),
            point: {
                color: Cesium.Color.fromCssColorString(res.material).withAlpha(
                    res.materialAlpha
                ),
                distanceDisplayCondition: new Cesium.DistanceDisplayCondition(
                    res.near,
                    res.far
                ),
                outlineColor: Cesium.Color.fromCssColorString(
                    res.outlineColor
                ).withAlpha(res.outlineAlpha),
                outlineWidth: res.outlineWidth,
                pixelSize: res.size,

                disableDepthTestDistance: heightReference // 被遮挡是否可见（也就是将这个Entity在场景中置顶）
            },
        });
    },
    addTemporaryPolygonLayer(res) {
        window.Viewer.entities.add({
            name: res.cnName,
            id: res.id,
            shpType: res.shpType,
            polygon: {
                hierarchy: {
                    positions: Cesium.Cartesian3.fromDegreesArray(res.geometry),
                },
                material: Cesium.Color.fromCssColorString(res.material).withAlpha(
                    res.materialAlpha
                ),
                distanceDisplayCondition: new Cesium.DistanceDisplayCondition(
                    res.near,
                    res.far
                ),
                outline: false,
                outlineWidth: res.width,

                outlineColor: Cesium.Color.fromCssColorString(
                    res.outlineColor
                ).withAlpha(res.outlineAlpha),
                heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
            },
        });
    },
    addTemporaryPolylineLayer(res) {
        var outlinewidth = 0
        if (res.outline) {
            outlinewidth = res.width
        }

        window.Viewer.entities.add({
            name: res.cnName,
            id: res.id,
            shpType: res.shpType,
            outline: res.outline,
            polyline: {
                outline: res.outline,
                positions: Cesium.Cartesian3.fromDegreesArray(res.geometry),
                width: res.width,
                distanceDisplayCondition: new Cesium.DistanceDisplayCondition(
                    res.near,
                    res.far
                ),

                material: new Cesium.PolylineOutlineMaterialProperty({
                    color: Cesium.Color.fromCssColorString(res.material).withAlpha(
                        res.materialAlpha

                    ),
                    outlineWidth: outlinewidth,
                    outlineColor: Cesium.Color.fromCssColorString(res.outlineColor).withAlpha(
                        res.outlineAlpha
                    ),
                }),

                clampToGround: res.heightReference,
            },
        });
    },
    addTemporaryRectangleLayer(res) {
        window.Viewer.entities.add({
            name: res.cnName,
            id: res.id,
            shpType: res.shpType,
            rectangle: {
                coordinates: Cesium.Rectangle.fromDegrees(res.geometry[0],
                    res.geometry[1],
                    res.geometry[2],
                    res.geometry[3]),
                material: Cesium.Color.fromCssColorString(res.material).withAlpha(
                    res.materialAlpha
                ),
                distanceDisplayCondition: new Cesium.DistanceDisplayCondition(
                    res.near,
                    res.far
                ),
                outlineColor: Cesium.Color.fromCssColorString(
                    res.outlineColor
                ).withAlpha(res.outlineAlpha),
                outlineWidth: res.width,
                outline: res.outline
            }
        })
    },

    getEntityObj(res) {
        var entity = null;
        var entities = window.Viewer.entities._entities._array;
        for (var i in entities) {
            if (entities[i].id == res && entities[i].shpType == 'temporaryLayer') {
                entity = entities[i];
            }
        }
        var obj = null;
        if (entity) {
            this.isedit = true;
            switch (entity.GeoType) {
                case "point":
                    obj = this.getPointEntityObj(entity);
                    break;
                case 'label':
                    obj = this.getLabelEntityObj(entity);
                    break;
                case 'polyline':
                    obj = this.getPolylineEntityObj(entity);
                    break;
                case 'rectangle':
                    obj = this.getRectangleEntityObj(entity);
                    break;
                case 'polygon':
                    obj = this.getPolygonEntityObj(entity);
                    break;
            }
        }
        return obj;
    },
    setInsertEntityObj(type, res) {
        var obj = null;
        this.isedit = false;
        store.state.temporaryLayer = null;
        switch (type) {
            case 'point':
                obj = this.getPointEntityObj(res);
                break;
            case 'label':
                obj = this.getLabelEntityObj(res);
                break;
            case 'polyline':
                obj = this.getPolylineEntityObj(res);
                break;
            case 'rectangle':
                obj = this.getRectangleEntityObj(res);
                break;
            case 'polygon':
                obj = this.getPolygonEntityObj(res);
                break;
        }

        store.state.temporaryLayer = obj;
        sgworld.Creator.SimpleGraphic.clear();
    },
    getPolygonEntityObj(res) {
        var mataColor = res.polygon.material.color._value;
        var outlineColor = res.polygon.outlineColor._value;
        var val = res.polygon.hierarchy.getValue().positions;
        var geom = [];
        for (var i in val) {
            var coord = this.setCartesianToEightFour(val[i])
            geom.push(coord.lng, coord.lat)
        }

        return {
            id: this.isedit ? res.id : (new Date()).getTime(),
            cnName: res.name,
            materialAlpha: mataColor.alpha,
            outlineAlpha: outlineColor.alpha,
            material: this.colorRgbToHex('rgb(' + (mataColor.red * 255) + ',' + (mataColor.green * 255) + ',' + (mataColor.blue * 255) + ')'),
            outlineColor: this.colorRgbToHex('rgb(' + (outlineColor.red * 255) + ',' + (outlineColor.green * 255) + ',' + (outlineColor.blue * 255) + ')'),
            near: res.polygon._distanceDisplayCondition._value.near,
            far: res.polygon._distanceDisplayCondition._value.far,
            geometry: geom,
            type: 'polygon',
            shpType: 'temporaryLayer',
            layerType: '多边形',
            outline: res.polygon.outline != null ? res.polygon.outline._value : false,
            width: res.polygon.outlineWidth ? res.polygon.outlineWidth._value : 1,
        }
    },




    getRectangleEntityObj(res) {
        var mataColor = res.rectangle.material.color._value;
        var outlineColor = res.rectangle.outlineColor._value;
        var west = Cesium.Math.toDegrees(
            res.rectangle._coordinates.getValue().west
        ); // 根据弧度获取到经度
        var east = Cesium.Math.toDegrees(
            res.rectangle._coordinates.getValue().east
        ); // 根据弧度获取到纬度
        var north = Cesium.Math.toDegrees(
            res.rectangle._coordinates.getValue().north
        ); // 根据弧度获取到经度
        var south = Cesium.Math.toDegrees(
            res.rectangle._coordinates.getValue().south
        ); // 根据弧度获取到纬度
        var geom = [west, south, east, north];
        return {
            id: this.isedit ? res.id : (new Date()).getTime(),
            cnName: res.name,
            material: this.colorRgbToHex('rgb(' + (mataColor.red * 255) + ',' + (mataColor.green * 255) + ',' + (mataColor.blue * 255) + ')'),
            outlineColor: this.colorRgbToHex('rgb(' + (outlineColor.red * 255) + ',' + (outlineColor.green * 255) + ',' + (outlineColor.blue * 255) + ')'),
            near: res.rectangle._distanceDisplayCondition._value.near,
            far: res.rectangle._distanceDisplayCondition._value.far,
            materialAlpha: mataColor.alpha,
            outlineAlpha: outlineColor.alpha,
            outline: res.outline != null ? res.outline : false,
            width: res.rectangle.outlineWidth._value,
            geometry: geom,
            rotation: res.rectangle.rotation ? res.rectangle.rotation : 0,
            type: 'rectangle',
            shpType: 'temporaryLayer',
            layerType: '矩形',

        }

    },


    getPolylineEntityObj(res) {
        var mataColor = res.polyline.material.color._value;
        var outlineColor = res.polyline.material.outlineColor._value;
        var val = res.polyline.positions.getValue();
        var geom = [];
        for (var i in val) {
            var coord = this.setCartesianToEightFour(val[i])
            geom.push(coord.lng, coord.lat)
        }
        return {
            id: this.isedit ? res.id : (new Date()).getTime(),
            cnName: res.name,
            type: 'polyline',
            shpType: 'temporaryLayer',
            layerType: '线',
            geometry: geom,
            heightReference: res.polyline.clampToGround._value,
            outline: res.outline != null ? res.outline : false,
            width: res.polyline.width._value,
            material: this.colorRgbToHex('rgb(' + (mataColor.red * 255) + ',' + (mataColor.green * 255) + ',' + (mataColor.blue * 255) + ')'),
            outlineColor: this.colorRgbToHex('rgb(' + (outlineColor.red * 255) + ',' + (outlineColor.green * 255) + ',' + (outlineColor.blue * 255) + ')'),
            materialAlpha: mataColor.alpha,
            outlineAlpha: outlineColor.alpha,
            near: res.polyline._distanceDisplayCondition._value.near,
            far: res.polyline._distanceDisplayCondition._value.far,
        }
    },
    getLabelEntityObj(res) {
        var mataColor = res.label.fillColor._value;
        var outlineColor = res.label.outlineColor._value;
        var backColor = res.label.backgroundColor._value;
        var outline = false;
        if (res.label.style && res.label.style > 0) {
            outline = true
        }
        var width = 0;
        if (res.label.outlineWidth && res.label.outlineWidth._value) {
            width = res.label.outlineWidth._value
        }
        return {
            id: this.isedit ? res.id : (new Date()).getTime(),
            cnName: res.name,
            text: res.label.text._value,
            font: res.label.font._value,
            materialAlpha: mataColor.alpha,
            outlineAlpha: outlineColor.alpha,
            backAlpha: backColor.alpha,
            backColor: this.colorRgbToHex('rgb(' + (backColor.red * 255) + ',' + (backColor.green * 255) + ',' + (backColor.blue * 255) + ')'),
            material: this.colorRgbToHex('rgb(' + (mataColor.red * 255) + ',' + (mataColor.green * 255) + ',' + (mataColor.blue * 255) + ')'),
            outlineColor: this.colorRgbToHex('rgb(' + (outlineColor.red * 255) + ',' + (outlineColor.green * 255) + ',' + (outlineColor.blue * 255) + ')'),
            scale: res.label.scale._value,
            heightReference: res.label.disableDepthTestDistance != null ? false : true,
            width: width,
            showBackground: false,
            outline: outline,
            near: res.label._distanceDisplayCondition._value.near,
            far: res.label._distanceDisplayCondition._value.far,
            geometry: this.setCartesianToEightFour(res.position.getValue()),
            type: 'label',
            shpType: 'temporaryLayer',
            layerType: '文本点',
        }
    },
    getPointEntityObj(res) {
        var mataColor = res.point.color._value;
        var outlineColor = res.point.outlineColor._value;
        return {
            id: this.isedit ? res.id : (new Date()).getTime(),
            cnName: res.name,
            materialAlpha: mataColor.alpha,
            material: this.colorRgbToHex('rgb(' + (mataColor.red * 255) + ',' + (mataColor.green * 255) + ',' + (mataColor.blue * 255) + ')'),
            outlineColor: this.colorRgbToHex('rgb(' + (outlineColor.red * 255) + ',' + (outlineColor.green * 255) + ',' + (outlineColor.blue * 255) + ')'),
            outlineAlpha: outlineColor.alpha,
            outlineWidth: res.point.outlineWidth._value,
            near: res.point._distanceDisplayCondition._value.near,
            far: res.point._distanceDisplayCondition._value.far,
            geometry: this.setCartesianToEightFour(res.position.getValue()),
            width: res.point.outlineWidth._value != null ? res.point.outlineWidth._value : 0,
            outline: res.point.outlineWidth._value != null ? true : false,
            type: 'point',
            shpType: 'temporaryLayer',
            layerType: '基本点',
            heightReference: res.point.disableDepthTestDistance != null ? false : true,
            size: res.point.pixelSize._value,
 
        }
    },

    colorRgbToHex(str) {

        let reg = /^(rgb|RGB)/;
        if (!reg.test(str)) { return; }
        var rgb = str.slice(4, str.length - 1).split(",")
        // 将RGB色号拆分为红、绿、蓝三个通道的值
        var r = parseInt(rgb[0]);
        var g = parseInt(rgb[1]);
        var b = parseInt(rgb[2]);
        return "#" + ((r << 16) | (g << 8) | b).toString(16).padStart(6, '0');
    },

    setCartesianToEightFour(res) {
        var std = {}
        let ellipsoid = Viewer.scene.globe.ellipsoid
        let cartographic = ellipsoid.cartesianToCartographic(res)
        std.lat = Cesium.Math.toDegrees(cartographic.latitude)
        std.lng = Cesium.Math.toDegrees(cartographic.longitude)
        std.alt = cartographic.height
        return std
    },
};
export default temporaryTool;