电子沙盘调整---警戒线样式选择

shuishen

2023-07-07 c5ff93f67775f4a2bc0ffabd6c24cb46e5226df0

电子沙盘调整---警戒线样式选择

 public/images/jjx3.png

 src/components/imagesSelect/index.vue

@@ -56,7 +56,7 @@
        },

        curImgClick (item) {
            this.$emit('curClick', item.url)
            this.$emit('curClick', item.url, 1)
        }
    },
}
@@ -78,7 +78,7 @@
    background: $el-dialog-bg-color;
    border-radius: 10px;

    & > div {
    &>div {
        padding: 6px;
        margin: 10px;
        width: 50px;

 src/components/warningSelect/index.vue

@@ -74,7 +74,7 @@
        },

        curImgClick (item) {
            this.$emit('curClick', item.url)
            this.$emit('curClick', item.url, 2)
        }
    },
}

 src/views/activity/components/polygonPlot.vue

@@ -105,7 +105,7 @@
                    <div class="select-image" style="position: relative; display: flex; align-items: center;">
                        <el-button style="margin-top: 0; position: relative; background: transparent; border-color: #fff;"
                            @click="imagesListShow = !imagesListShow">
                            <img :src="curImgUrl" alt
                            <img :src="warningImgUrl" alt
                                style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 999; width: 20px; height: 20px;" />
                        </el-button>
                        <Warning-select v-show="imagesListShow" @curClick="curClick"></Warning-select>
@@ -217,12 +217,17 @@
            imagesListShow: false,
            restPlotType: 6,
            restSelectBox: false,
            curImgUrl: '/img/icon/custom.png'
            curImgUrl: '/img/icon/custom.png',
            warningImgUrl: '/images/jjx3.png'
        }
    },
    methods: {
        curClick (item) {
            this.curImgUrl = item
        curClick (item, type) {
            if (type == 1) {
                this.curImgUrl = item
            } else {
                this.warningImgUrl = item
            }

            this.imagesListShow = false
        },
@@ -400,6 +405,8 @@
            let positionStr = ''
            let iconUrl = {}



            if (this.restSelectBox) {
                positionStr = polygonPlotData + ',' + polygonPlotData
            } else {
@@ -407,7 +414,9 @@
                    positionStr = polygonPlotData
                } else if (this.plotSaveType == 5) {
                    positionStr = polygonPlotData
                    if (this.polygonAreaType == 2) iconUrl = { iconUrl: this.curImgUrl }
                    if (this.polygonAreaType == 2) {
                        iconUrl = { iconUrl: this.warningImgUrl }
                    }
                } else if (this.plotSaveType == 6 || this.plotSaveType == 7 || this.plotSaveType == 8) {
                    positionStr = polygonPlotData + ',' + polygonPlotData
                } else if (this.plotSaveType == 10) {