| | |
| | | v-for="(item,index) in menuList" :key="index" |
| | | :width="item.index === '2'?230 : 150" |
| | | > |
| | | <el-button slot="reference" class="el-button" :class="active === index ? 'tools-panel-choose':''" |
| | | <el-button slot="reference" class="el-button" :class="active === index && checked? 'tools-panel-choose':''" |
| | | @click="changeChoose(index)"> |
| | | <img :src="item.iconSelecd" alt="" v-if="active === index && checked"/> |
| | | <img :src="item.icon" alt="" v-else/> |
| | |
| | | </el-button> |
| | | <el-button v-for="(itemT,indexT) in item.items" :key="indexT" @click="choiceItem(itemT,indexT)" |
| | | v-show="item.index!=='2'"> |
| | | <img :src="itemT.iconChoose" :title="itemT.title" v-if="Selecd === indexT"/> |
| | | <img :src="itemT.iconChoose" :title="itemT.title" v-if="Selecd === indexT && checkedItem"/> |
| | | <img :src="itemT.icon" :title="itemT.title" v-else/> |
| | | </el-button> |
| | | <div class="base-map-inner-panel" v-show="item.index==='2'"> |
| | |
| | | name: 'ToolBoxPanel', |
| | | data () { |
| | | return { |
| | | isShow: true, |
| | | isShow: false, |
| | | currentBaseMapCode: 'tianditu_img', |
| | | basemapList: [], |
| | | selectGroup: false, |
| | |
| | | drawLayerArray: [], |
| | | map: null, |
| | | active: -1, |
| | | Selecd: -1, |
| | | checked: false, |
| | | checkbutton: -1, |
| | | checkedItem: false, |
| | | Selecd: -1, |
| | | isSelecd: -1, |
| | | menuList: [ |
| | | { |
| | | icon: plot, |
| | |
| | | this.basemapList = this.basemapHelper.getBasemapList() |
| | | }, |
| | | changeBasemap (itm) { |
| | | this.active = -1 |
| | | const code = itm.code |
| | | this.basemapList.forEach((item) => { |
| | | if (item.code === code) { |
| | |
| | | }, |
| | | choiceItem (itemT, indexT) { |
| | | this.Selecd = indexT |
| | | this.checked = false |
| | | if (this.isSelecd === indexT) { |
| | | this.checkedItem = !this.checkedItem |
| | | } else { |
| | | if (this.isSelecd === -1) { |
| | | this.checkedItem = !this.checkedItem |
| | | } else { |
| | | this.checkedItem = true |
| | | } |
| | | } |
| | | this.isSelecd = indexT |
| | | switch (itemT.label) { |
| | | case '点标绘': |
| | | var myIcon = this.L.icon({ |
| | |
| | | printerY.printMap('A4Portrait page', '纵向') |
| | | break |
| | | } |
| | | this.active = -1 |
| | | }, |
| | | setLogic () { |
| | | this.drawLayer.on('dblclick', this.L.DomEvent.stop).on('dblclick', this.drawLayer.toggleEdit) |
| | |
| | | }, |
| | | changeSelectMouse () { |
| | | this.selectGroup = true |
| | | // this.checked = false |
| | | } |
| | | } |
| | | } |
| | |
| | | } |
| | | |
| | | .el-button-choice { |
| | | left: 500px; |
| | | z-index: 999; |
| | | padding: 0; |
| | | margin: 0 0.015rem; |
| | |
| | | display: block; |
| | | color: @color-shadow; |
| | | } |
| | | |
| | | .default-span { |
| | | display: block; |
| | | color: @color-over; |