| | |
| | | <template> |
| | | <div |
| | | class="NavBox" |
| | | @click.stop |
| | | > |
| | | <div class="NavBox" |
| | | @click.stop> |
| | | <div class="topBox"> |
| | | <div class="topTitle"></div> |
| | | <div class="topMenu"> |
| | | <div class="menuContent"> |
| | | <div |
| | | class="contentDiv" |
| | | <div class="contentDiv" |
| | | @click="setMenuMove(index, item)" |
| | | v-for="(item, index) in listMenu" |
| | | > |
| | | v-for="(item, index) in listMenu"> |
| | | <div style="display: flex;align-items: center"> |
| | | <div class="ImgMenu"> |
| | | <div |
| | | class="menuImage" |
| | | :class="changeSelectStyle == index ? item.checkClass : item.css" |
| | | ></div> |
| | | <div class="menuImage" |
| | | :class="changeSelectStyle == index ? item.checkClass : item.css"></div> |
| | | </div> |
| | | <div |
| | | class="menulabel" |
| | | :class="{ changeStyle: changeSelectStyle == index }" |
| | | > |
| | | <div class="menulabel" |
| | | :class="{ changeStyle: changeSelectStyle == index }"> |
| | | <span v-show="language"> {{ item.cnName }}</span> <span v-show="!language"> {{ item.enName }}</span> |
| | | </div> |
| | | </div> |
| | | <div |
| | | class="secondMenuDiv subpage_Div" |
| | | v-show="index == showFlag ? true :false" |
| | | > |
| | | <div |
| | | v-for="res in item.children" |
| | | <div class="secondMenuDiv subpage_Div" |
| | | v-show="index == showFlag ? true :false"> |
| | | <div v-for="res in item.children" |
| | | @click="setLiClick(res,index)" |
| | | :class="{ changeLiStyle: changeliSelect == res.cnName }" |
| | | > |
| | | :class="{ changeLiStyle: changeliSelect == res.cnName }"> |
| | | <span v-show="language"> {{ res.cnName }}</span> <span v-show="!language"> {{ res.enName }}</span> |
| | | </div> |
| | | </div> |
| | |
| | | </div> |
| | | <div class="topUser"> |
| | | <div class="userLanguage"> |
| | | <div |
| | | class="userImage theme" |
| | | @click="themeChange" |
| | | ></div> |
| | | <div |
| | | class="userImage user2" |
| | | @click="switchLang" |
| | | ></div> |
| | | <div class="userImage theme" |
| | | @click="themeChange"></div> |
| | | <div class="userImage user2" |
| | | @click="switchLang"></div> |
| | | |
| | | </div> |
| | | <div class="userName"> |
| | | <div class="userImage user1"></div> |
| | | <div class="userText"> |
| | | <span>{{ this.$store.state.uname }}</span> |
| | | <el-link |
| | | @click="logOut" |
| | | <el-link @click="logOut" |
| | | :underline="false" |
| | | class="elLink" |
| | | >{{ $t('common.logout') }}</el-link> |
| | | class="elLink">{{ $t('common.logout') }}</el-link> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | import { queryMenuTree, getPerms } from '../api/api'; |
| | | import colorChange from '../views/maintenance/colorChange.vue'; |
| | | import { containsCoordinate } from 'ol/extent'; |
| | | import Vue from 'vue'; |
| | | import Vue,{ nextTick } from 'vue'; |
| | | import $ from 'jquery' |
| | | export default { |
| | | name: 'navMenu', |
| | |
| | | } |
| | | if (item.url == "Thematic") { |
| | | this.signInsertOpLog("综合展示", item.cnName) |
| | | this.$nextTick(function() { |
| | | location.reload(); |
| | | }) |
| | | |
| | | } |
| | | |
| | | this.changeSelectStyle = index; |