| | |
| | | ></div> |
| | | </div> |
| | | </div> |
| | | <!-- <ul> |
| | | <li |
| | | v-for="item in showMenuList" |
| | | :class="{ lefMenuActive: showMenuFlag == item.id }" |
| | | > |
| | | <div |
| | | class="menuDiv" |
| | | :title="item.name" |
| | | @click="setMenuChange(item)" |
| | | > |
| | | <div |
| | | class="menuImage" |
| | | :class="item.class" |
| | | ></div> |
| | | </div> |
| | | </li> |
| | | </ul> --> |
| | | |
| | | </div> |
| | | <div class="rightContent"> |
| | | <div |
| | |
| | | methods: { |
| | | //左侧菜单滑动显隐 |
| | | setMenuChange(res) { |
| | | //清除分析模块的全局变量 |
| | | ClearAlayse(); |
| | | |
| | | switch (res.id) { |
| | | |
| | | case 1: |
| | | if (this.showMenuFlag == null) return; |
| | | this.openStatus = !this.openStatus; |
| | | break; |
| | | case 10: |
| | | if (this.showMenuFlag == null) { |
| | | this.openStatus = false; |
| | | } |
| | | this.$bus.$emit('setChangeTwoMenu', res.id - 2); |
| | | break; |
| | | default: { |
| | | this.openStatus = true; |
| | |
| | | }, |
| | | }, |
| | | mounted() { |
| | | this.$store.state.layerMnage = false |
| | | this.$bus.$emit('showLeftMenu', true); |
| | | // this.$bus.$emit('showLeftMenu', true); |
| | | this.$store.state.mapMenuBoolean = false; |
| | | this.$store.state.mapMenuBoxFlag = null; |
| | | this.$store.state.mapPopBoolean = false; |
| | |
| | | width: 63px; |
| | | height: 100%; |
| | | overflow-y: auto; |
| | | background: #353535; |
| | | background: #3B4D6E; |
| | | position: absolute; |
| | | z-index: 30; |
| | | .MenuIcon { |