| | |
| | | </div> |
| | | |
| | | <div class="line" v-show="customImageShow"> |
| | | <div class="value-name-box"> |
| | | 选择图片: |
| | | </div> |
| | | <div class="value-name-box">选择图片:</div> |
| | | <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="" |
| | | style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 999; width: 20px; height: 20px;"> |
| | | <img :src="curImgUrl" alt |
| | | style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 999; width: 20px; height: 20px;" /> |
| | | </el-button> |
| | | |
| | | <images-select v-show="imagesListShow" @curClick="curClick"></images-select> |
| | |
| | | <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> |
| | | <el-color-picker v-model="choosePlotColor" :predefine="predefineColors" |
| | | size="small"></el-color-picker> |
| | | </div> |
| | | </div> |
| | | |
| | |
| | | <el-button @click="editPlotVisible = false">取消</el-button> |
| | | </div> |
| | | </div> |
| | | |
| | | </el-dialog> |
| | | |
| | | <el-dialog title="新增标绘" :visible.sync="polygonAddVisible" :modal="true" :close-on-click-modal="false" |
| | | :modal-append-to-body="true" :append-to-body="true" class="add-polygon-box" :before-close="cancelSavePolygon"> |
| | | |
| | | <div> |
| | | <div class="line"> |
| | | <div class="value-name-box">描述:</div> |
| | |
| | | |
| | | <div class="line" v-show="isNeedPolygonType"> |
| | | <div class="value-name-box">选择类型:</div> |
| | | <div class="select-type"> |
| | | <div class="select-type" style="flex: 1;"> |
| | | <el-select size="small" v-model="polygonAreaType" placeholder="请选择区域类型"> |
| | | <el-option v-for="item in polygonAreaOption" :key="item.value" :label="item.label" |
| | | :value="item.value"></el-option> |
| | |
| | | </div> |
| | | |
| | | <div class="line" v-show="customImageShow"> |
| | | <div class="value-name-box"> |
| | | 选择图片: |
| | | </div> |
| | | <div class="value-name-box">选择图片:</div> |
| | | <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="" |
| | | style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 999; width: 20px; height: 20px;"> |
| | | <img :src="curImgUrl" alt |
| | | style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 999; width: 20px; height: 20px;" /> |
| | | </el-button> |
| | | <images-select v-show="imagesListShow" @curClick="curClick"></images-select> |
| | | </div> |
| | |
| | | <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> |
| | | <el-color-picker v-model="choosePlotColor" :predefine="predefineColors" |
| | | size="small"></el-color-picker> |
| | | </div> |
| | | </div> |
| | | |
| | |
| | | <el-button @click="cancelSavePolygon">取消</el-button> |
| | | </div> |
| | | </div> |
| | | |
| | | </el-dialog> |
| | | </div> |
| | | </template> |
| | |
| | | |
| | | polygonAreaOption: [{ |
| | | value: 1, |
| | | label: '核心区' |
| | | label: '多边形' |
| | | }, { |
| | | value: 2, |
| | | label: '缓冲区' |
| | | label: '电子围栏' |
| | | }], |
| | | |
| | | restPlotSelectArray: [ |
| | |
| | | |
| | | if (type == 5) { |
| | | this.polygonAreaType = 1 |
| | | this.isNeedPolygonType = false |
| | | this.isNeedPolygonType = true |
| | | } else { |
| | | this.isNeedPolygonType = false |
| | | } |
| | |
| | | |
| | | setCurOver (e) { |
| | | this.restSelectBox = false |
| | | this.customImageShow = false |
| | | |
| | | plotOverlayData = e |
| | | |