多边形增加修改名称

guanqb

2023-03-02 baad55758e1558fe384bc4339a2ccc95d282ae6b

多边形增加修改名称

 src/styles/base/index.scss

@@ -987,9 +987,27 @@
            .value-name-box {
                height: 32px;
                line-height: 32px;
                width: 120px;
                width: 100px;
                text-align: left;
            }


            input {
                height: 30px;
                font-size: 16px;
                text-indent: 1em;
                color: #ffffff;
                background-color: transparent;
                border: 1px solid rgb(0, 92, 169);
            }

            input:focus {
                outline: none;
            }

            input::-webkit-input-placeholder {
                color: rgba(238, 238, 238, 0.7);
            }
        }
    }
}

 src/styles/media/index.scss

@@ -2274,8 +2274,8 @@

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

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

                                input {
                                    height: countSizeVh(30);
                                    font-size: countSizeVh(16);
                                    border: countSizeVh(1) solid rgb(0, 92, 169);
                                }
                            }
                        }
                    }

 src/views/activity/index.vue

@@ -451,6 +451,12 @@
        <el-dialog title="修改标绘" :modal="false" :visible.sync="editPlotVisible" :close-on-click-modal="true"
            class="edit-plot-box">
            <div>
                <div class="value-name-box">设置名称：</div>
                <div>
                    <input type="text" v-model="polygonName" />
                </div>
            </div>
            <div>
                <div class="value-name-box">选择标绘颜色：</div>
                <div class="pick-color-box">
                    <el-color-picker v-model="choosePlotColor" :predefine="predefineColors" size="small">
@@ -1567,6 +1573,7 @@
                                if (flag) {
                                    that.choosePlotColor = '#1CA085'
                                    that.isNeedName = true
                                    that.polygonName = ''
                                    that.polygonAddVisible = true
                                    flag = false
                                }
@@ -1877,7 +1884,7 @@
                        let b = parseInt(item.color.slice(5, 7), 16)
                        color = global.DC.Namespace.Cesium.Color.fromBytes(r, g, b, 150)
                    }
                    chooseArrow.attrParams = { 'id': item.id, 'color': item.color }
                    chooseArrow.attrParams = { 'id': item.id, 'color': item.color ,'name':item.name}
                    arrowsListLayer.addOverlay(chooseArrow)
                    chooseArrow.setStyle({
                        "material": color,
@@ -1906,6 +1913,7 @@
        reeditArrowClick (e) {
            this.plotOverlayData = e
            this.choosePlotColor = e.overlay.attrParams.color != '' ? e.overlay.attrParams.color : '#1CA085'
            this.polygonName = e.overlay.attrParams.name
            if (this.userInfo.dept_id == '1123598813738675201' || this.userInfo.dept_id == this.activityDeptId) {
                this.plotId = e.overlay.attrParams.id
                this.editPlotVisible = true
@@ -1920,7 +1928,7 @@

        // 保存标绘修改
        savePlot () {
            this.updateSecurityPlot({ id: this.plotOverlayData.overlay.attrParams.id, color: this.choosePlotColor })
            this.updateSecurityPlot({ id: this.plotOverlayData.overlay.attrParams.id, color: this.choosePlotColor ,name:this.polygonName})
            this.editPlotVisible = false
        },