多边形增加透明度修改

guanqb

2023-03-03 1ed76b608d8c37b45532ba527d2524ec1ba6c548

多边形增加透明度修改

 src/styles/media/index.scss

@@ -2275,7 +2275,7 @@

                    .edit-plot-box {
                        .el-dialog {
                            width: countSizeVw(260, 1920);
                            width: countSizeVw(300, 1920);
                            height: countSizeVh(180);

                            .el-dialog__body {
@@ -2292,7 +2292,7 @@
                                .value-name-box {
                                    height: countSizeVh(32);
                                    line-height: countSizeVh(32);
                                    width: countSizeVw(100, 1920);
                                    width: countSizeVw(120, 1920);
                                }

                                input {

 src/views/activity/index.vue

@@ -442,7 +442,7 @@
            <div class="line">
                <div class="value-name-box">选择颜色：</div>
                <div class="pick-color-box">
                    <el-color-picker v-model="choosePlotColor" :predefine="predefineColors" size="small">
                    <el-color-picker v-model="choosePlotColor" :predefine="predefineColors" size="small"   show-alpha>
                    </el-color-picker>
                </div>
            </div>
@@ -701,7 +701,7 @@
            polygonName: '',
            polygonPositionStr: '',
            chooseColor: '#1CA085',
            choosePlotColor: '#1CA085',
            choosePlotColor:  'rgba(255, 69, 0, 0.68)',
            chooseCarColor: '#1CA085',
            choosePoliceColor: '#1CA085',
            chooseLineData: {},
@@ -1596,7 +1596,7 @@
                            // overlay.on(global.DC.MouseEventType.CLICK, this.polygonClick)
                            document.oncontextmenu = function () {
                                if (flag) {
                                    that.choosePlotColor = '#1CA085'
                                    that.choosePlotColor =  'rgba(255, 69, 0, 0.68)'
                                    that.isNeedName = true
                                    that.polygonName = ''
                                    that.polygonAddVisible = true
@@ -1633,7 +1633,7 @@
                            drawArrowLayers.addOverlay(overlay)
                            document.oncontextmenu = function () {
                                if (flag) {
                                    that.choosePlotColor = '#1CA085'
                                    that.choosePlotColor =  'rgba(255, 69, 0, 0.68)'
                                    that.isNeedName = false
                                    that.polygonAddVisible = true
                                    flag = false
@@ -1903,12 +1903,19 @@
                    }
                    let color = ''
                    if (item.color == '') {
                        color = global.DC.Namespace.Cesium.Color.fromBytes(255, 0, 0, 150)
                        color = global.DC.Namespace.Cesium.Color.fromBytes(255, 69, 0, 173)
                    } else {
                        let r = parseInt(item.color.slice(1, 3), 16)
                        let g = parseInt(item.color.slice(3, 5), 16)
                        let b = parseInt(item.color.slice(5, 7), 16)
                        color = global.DC.Namespace.Cesium.Color.fromBytes(r, g, b, 150)
                        // if(item.type == 5){
                            let colorNumber =item.color.slice(5,item.color.length-1)
                            let colorArr = colorNumber.split(',')
                            color = global.DC.Namespace.Cesium.Color.fromBytes(Number(colorArr[0]), Number(colorArr[1]), Number(colorArr[2]),Math.floor(Number(colorArr[3])*255))
                        // }else{
                        //      let r = parseInt(item.color.slice(1, 3), 16)
                        //      let g = parseInt(item.color.slice(3, 5), 16)
                        //      let b = parseInt(item.color.slice(5, 7), 16)
                        // color = global.DC.Namespace.Cesium.Color.fromBytes(r, g, b, 150)
                        // }
                        console.log('color',item.color,color);
                    }
                    chooseArrow.attrParams = { 'id': item.id, 'color': item.color, 'name': item.name }
                    arrowsListLayer.addOverlay(chooseArrow)
@@ -1938,7 +1945,7 @@
        // 单击。标绘箭头
        reeditArrowClick (e) {
            this.plotOverlayData = e
            this.choosePlotColor = e.overlay.attrParams.color != '' ? e.overlay.attrParams.color : '#1CA085'
            this.choosePlotColor = e.overlay.attrParams.color != '' ? e.overlay.attrParams.color :  'rgba(255, 69, 0, 0.68)'
            this.polygonName = e.overlay.attrParams.name
            if (this.userInfo.dept_id == '1123598813738675201' || this.userInfo.dept_id == this.activityDeptId) {
                this.plotId = e.overlay.attrParams.id