| | |
| | | <input type="text" v-model="polygonName" /> |
| | | </div> |
| | | </div> --> |
| | | <div class="line"> |
| | | <div class="line" v-show="isNeedPolygonType"> |
| | | <div class="value-name-box">选择类型:</div> |
| | | <div class="select-type"> |
| | | <el-select size="small" v-model="polygonAreaType" placeholder="请选择区域类型"> |
| | |
| | | </div> |
| | | </div> |
| | | <div class="line"> |
| | | <div class="value-name-box">设置透明度:</div> |
| | | <div class="alpha"> |
| | | <el-slider v-model="choosePlotColorAlpha" :format-tooltip="formatTooltip"></el-slider> |
| | | </div> |
| | | </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> |
| | | </div> |
| | | </div> |
| | | <div class="line"> |
| | | <div class="value-name-box">设置透明度:</div> |
| | | <div class="alpha"> |
| | | <el-slider v-model="choosePlotColorAlpha" :format-tooltip="formatTooltip"></el-slider> |
| | | </div> |
| | | </div> |
| | | <div class="placeholder" v-show="!isNeedPolygonType"></div> |
| | | <div class="add-polygon-btn-box"> |
| | | <el-button @click="savePolygonInfo">保存</el-button> |
| | | <el-button @click="cancelSavePolygon">取消</el-button> |
| | |
| | | videoShow: false, |
| | | lineEditVisible: false, |
| | | lineEditTitle: '修改巡逻路线', |
| | | polygonAddTitle: '新增活动区域', |
| | | polygonAddTitle: '新增标绘', |
| | | polygonAddVisible: false, |
| | | polygonName: '', |
| | | polygonPositionStr: '', |
| | |
| | | }, { |
| | | value: 2, |
| | | label: '缓冲区' |
| | | }] |
| | | }], |
| | | isNeedPolygonType:false, |
| | | plotPointPositionStr:'', |
| | | } |
| | | }, |
| | | |
| | |
| | | that.choosePlotColorAlpha = 48 |
| | | that.polygonAreaType = 1 |
| | | that.isNeedName = true |
| | | that.isNeedPolygonType = true |
| | | that.polygonName = '' |
| | | that.polygonAddVisible = true |
| | | flag = false |
| | |
| | | if (overlay) { |
| | | drawArrowLayers.addOverlay(overlay) |
| | | plot.edit(overlay, (e) => { |
| | | console.log(overlay,3333); |
| | | flag = true |
| | | this.plotPointPositionStr = overlay._positions._lng + ' ' + overlay._positions._lat |
| | | document.oncontextmenu = function () { |
| | | if (flag) { |
| | | that.choosePlotColor = '#409EFF' |
| | | that.choosePlotColorAlpha = 48 |
| | | that.polygonAddVisible = true |
| | | flag = false |
| | | } |
| | | } |
| | | }) |
| | | } |
| | | }) |
| | |
| | | if (flag) { |
| | | that.choosePlotColor = '#409EFF' |
| | | that.isNeedName = false |
| | | that.isNeedPolygonType = false |
| | | that.polygonAddVisible = true |
| | | flag = false |
| | | } |
| | |
| | | this.choosePlotColorAlpha = e.overlay.attrParams.color != '' ? Number(e.overlay.attrParams.color.split(',')[1]) : 48 |
| | | if(e.overlay.attrParams.item.type == 5){ |
| | | this.polygonAreaType = e.overlay.attrParams.item.areaType != '' ? e.overlay.attrParams.item.areaType : 1 |
| | | this.isNeedPolygonType = true |
| | | }else{ |
| | | this.isNeedPolygonType = false |
| | | } |
| | | // this.polygonName = e.overlay.attrParams.name |
| | | if (this.userInfo.dept_id == '1123598813738675201' || this.userInfo.dept_id == this.activityDeptId) { |