| | |
| | | |
| | | <el-tooltip :popper-class="'map-tooltip'" effect="dark" content="图层控制" placement="left"> |
| | | <div @click="showPanel" class="iconBtn" :class='layerControllerVisible ? "active-button" : ""' v-show="!layerControllerVisible" style=" position: absolute;top:0;left: 0;"> |
| | | <img src="@assets/images/map-pages/icon/layer.png" alt="" class="icon"> |
| | | <!-- <img src="@assets/images/map-pages/icon/layer.png" alt="" class="icon"> --> |
| | | <i class="icon iconfont iconlayer-group"></i> |
| | | <!-- <span class="icon-name">图层</span>--> |
| | | </div> |
| | | </el-tooltip> |
| | |
| | | |
| | | import iconSetting from '@/assets/images/map-pages/icon/setting.png' |
| | | import LcServiceLayer from './modules/LcServiceLayer' |
| | | |
| | | import bus from '@/eventBus' |
| | | export default { |
| | | name: 'LayerController', |
| | | components: { LcServiceLayer }, |
| | |
| | | } |
| | | } |
| | | }, |
| | | mounted () { |
| | | const that = this |
| | | bus.$on('changeState', function (state) { |
| | | if (state.num !== 3 && state.type) { |
| | | that.layerControllerVisible = false |
| | | } |
| | | }) |
| | | }, |
| | | methods: { |
| | | showPanel () { |
| | | this.layerControllerVisible = !this.layerControllerVisible |
| | | const state = { |
| | | type: this.layerControllerVisible, |
| | | num: 3 |
| | | } |
| | | bus.$emit('changeState', state) |
| | | }, |
| | | switchPanel () { |
| | | this.panelSwitch.main = !this.panelSwitch.main |
| | |
| | | background:@background-color4; |
| | | color:@color-tool; |
| | | position: absolute; |
| | | top:24px; |
| | | top:20px; |
| | | right:0.02rem; |
| | | border:none;//1px solid @color-tool; |
| | | width: 0.2rem; |
| | |
| | | color:@color; |
| | | } |
| | | .legend-content{ |
| | | width: 1.79167rem; |
| | | //width: 1.79167rem; |
| | | } |
| | | } |
| | | |