From bcb1647a51b3e6fe6b1649bbab2888983a23e682 Mon Sep 17 00:00:00 2001 From: chenzeping <ChenZeping02609@163.com> Date: 星期三, 07 四月 2021 10:31:00 +0800 Subject: [PATCH] Merge branch 'develop' of http://xearth.cn:6600/r/wuyushui/SewerAndRainNetwork into develop --- src/components/panel/ToolBoxPanel.vue | 98 ++++++++---------------------------------------- 1 files changed, 17 insertions(+), 81 deletions(-) diff --git a/src/components/panel/ToolBoxPanel.vue b/src/components/panel/ToolBoxPanel.vue index 3808d49..0d0297d 100644 --- a/src/components/panel/ToolBoxPanel.vue +++ b/src/components/panel/ToolBoxPanel.vue @@ -28,15 +28,16 @@ <img :src="itemT.iconChoose" :title="itemT.title" v-if="Selecd === indexT && checkedItem" alt=""/> <img :src="itemT.icon" :title="itemT.title" alt="" v-else/> </el-button> - <div class="base-map-inner-panel" v-show="item.index==='2'"> - <div v-for="item in basemapHelper.basemapList" :key="item.code" class="basemap-layer-item"> - <img class="base-map-img" width="50" height="50" :src="item.conf.icon_actived" :title="item.name" - @click="changeBasemap(item)" alt=""/> - <el-checkbox class="base-map-anno" name="basemap" v-model="item.conf.annotationCheck" - label="鏍囨敞" @change="changeBasemap(item)"> - </el-checkbox> - </div> - </div> +<!-- <div class="base-map-inner-panel" v-show="item.index==='2'">--> +<!-- <div v-for="item in basemapHelper.basemapList" :key="item.code" class="basemap-layer-item">--> +<!-- <img class="base-map-img" width="50" height="50" :src="item.conf.icon_actived" :title="item.name"--> +<!-- @click="changeBasemap(item)" alt=""/>--> +<!-- <el-checkbox class="base-map-anno" name="basemap" v-model="item.conf.annotationCheck"--> +<!-- label="鏍囨敞" @change="changeBasemap(item)">--> +<!-- </el-checkbox>--> +<!-- </div>--> +<!-- </div>--> + <lc-base-map v-show="item.index==='2'"></lc-base-map> </el-popover> <el-button @click="changeSelect" class="special-button"> <i class="el-icon-d-arrow-left"></i> @@ -48,6 +49,7 @@ </template> <script> +import LcBaseMap from '@components/LayerController/modules/LcBaseMap' // 鍔熻兘瀵艰埅 import plot from '@assets/images/map-pages/icon/toolbox/biaohui.png' import polygon from '@assets/images/map-pages/icon/toolbox/celiang1.png' @@ -94,11 +96,14 @@ export default { name: 'ToolBoxPanel', + components: { + LcBaseMap + }, data () { return { isShow: [], - currentBaseMapCode: 'tianditu_img', - basemapList: [], + // currentBaseMapCode: 'tianditu_img', + // basemapList: [], selectGroup: false, drawLayer: null, drawLayerArray: [], @@ -256,33 +261,10 @@ ] } }, - computed: { - basemapHelper () { - return this.$store.state.map.basemapHelper - } - }, methods: { init (map) { this.map = map this.toolBoxPanelVisible = true - }, - changeBasemap (itm) { - this.active = -1 - const code = itm.code - this.basemapHelper.basemapList.forEach((item) => { - if (item.code === code) { - if (this.currentBaseMapCode == null || this.currentBaseMapCode !== code) { - this.currentBaseMapCode = code - this.basemapHelper.showBasemap(item.code, item.conf.annotationCheck, true) - } else { - this.basemapHelper.showBasemap(item.code, item.conf.annotationCheck, false) - } - - this.basemapHelper.basemapList.forEach((item) => { - item.layer.bringToBack() - }) - } - }) }, changeChoose (index) { if (this.drawLayer == null) { @@ -435,7 +417,7 @@ width: 45px; height: 45px; background: @background-color; - vertical-align: middle !important; + //vertical-align: middle !important; .base-map-img { position: absolute; @@ -478,52 +460,6 @@ .specific-tools-group { z-index: 1; - - .base-map-inner-panel { - display: flex; - justify-content: center; - align-items: center; - - .base-map-img { - position: absolute; - } - - .base-map-img-Tool:hover { - cursor: pointer; - } - - .base-map-anno-Tool { - position: absolute; - margin-left: 2px; - background-color: rgba(0, 0, 0, .5); - color: @color-over; - - .el-checkbox__label { - padding-left: 5px !important; - } - } - - .basemap-layer-item { - display: flex; - width: 50px; - height: 50px; - margin: 10px; - border: 2px solid white; - - input { - position: relative; - left: 0; - top: -53px; - } - - .basemap-layer-item-name { - position: relative; - left: 0; - top: -53px; - } - } - } - .tools-panel-choose { border: none; box-shadow: 0 0 0.03rem @color-shadow; -- Gitblit v1.8.0