| | |
| | | <template> |
| | | <div class="NavBox"> |
| | | <div |
| | | class="NavBox" |
| | | @click.stop |
| | | > |
| | | <div class="topBox"> |
| | | <div class="topTitle"></div> |
| | | <div class="topMenu"> |
| | |
| | | @click="setMenuMove(index, item)" |
| | | v-for="(item, index) in listMenu" |
| | | > |
| | | <div> |
| | | <div style="display: flex;align-items: center"> |
| | | <div class="ImgMenu"> |
| | | <div |
| | | class="menuImage" |
| | |
| | | </div> |
| | | </div> |
| | | <div class="topUser"> |
| | | <div class="userLanguage"> |
| | | <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"> |
| | |
| | | class="elLink" |
| | | >{{ $t('common.logout') }}</el-link> |
| | | </div> |
| | | |
| | | </div> |
| | | <div class="userLanguage"> |
| | | <div class="userImage user2"></div> |
| | | <div class="TextLanguage"> |
| | | <el-link |
| | | @click="switchLang" |
| | | :underline="false" |
| | | class="elLink" |
| | | >{{$t("common.language")}}</el-link> |
| | | </div> |
| | | <div class="TextLanguage"> |
| | | <el-link |
| | | @click="themeChange" |
| | | :underline="false" |
| | | class="elLink" |
| | | > 主题切换</el-link> |
| | | </div> |
| | | </div> |
| | | |
| | | </div> |
| | | </div> |
| | | |
| | |
| | | this.$set(this, 'changeliSelect', sessionStorage.getItem('changeliSelect')) |
| | | // this.changeliSelect = sessionStorage.getItem('changeliSelect') |
| | | } |
| | | document.body.addEventListener('click', () => { |
| | | this.showFlag = null; |
| | | }, false); |
| | | // this.$bus.$on('closeMenuSecond', res => { |
| | | // this.showFlag = null; |
| | | // }) |
| | | window.addEventListener('message', (e) => { |
| | | |
| | | this.showFlag = null; |
| | | }) |
| | | }, |
| | | computed: {}, |
| | | methods: { |
| | | closeSecondMenu() { |
| | | this.showFlag = null |
| | | }, |
| | | themeChange() { |
| | | this.$store.state.themeflag = !this.$store.state.themeflag; |
| | | if (this.$store.state.themeflag == true) { |
| | |
| | | this.$router.push('/'); |
| | | }, |
| | | getTimeCookies() { |
| | | if (!localStorage.getItem('LFToken')) { |
| | | return false |
| | | } |
| | | var time1 = new Date(JSON.parse(localStorage.getItem('LFToken')).time); |
| | | var time2 = new Date(); |
| | | if (time2 > time1) { |
| | |
| | | return true; |
| | | } |
| | | }, |
| | | |
| | | //主题切换 |
| | | |
| | | //主题切换 |
| | | setThemeColors() { }, |
| | | async signInsertOpLog(m1, m2) { |
| | | var obj = { |
| | |
| | | }, |
| | | //鼠标移入菜单事件 |
| | | setMenuMove(index, item) { |
| | | if (item.perms != null) { |
| | | |
| | | if (item.perms != null && item.perms != "") { |
| | | this.$router.push(item.url); |
| | | if (this.showFlag != null) { |
| | | |
| | | this.changeliSelect = '%%'; |
| | | this.showFlag = null; |
| | | } |
| | | if (item.url == "Thematic") { |
| | | if (item.url == "Thematic") { |
| | | this.signInsertOpLog("综合展示", item.cnName) |
| | | } |
| | | |
| | | this.changeSelectStyle = index; |
| | | sessionStorage.setItem('changeSelectStyle', index) |
| | | } else { |
| | | if (this.showFlag != index) { |
| | | this.showFlag = index; |
| | | |
| | | } else { |
| | | this.showFlag = null; |
| | | } |
| | | } |
| | | // |
| | | // |
| | | if (index === 4 || index === 5 || index === 6) { |
| | | sessionStorage.removeItem('changeliSelect') |
| | | this.$set(this, 'changeliSelect', null) |
| | | } |
| | | sessionStorage.setItem('changeSelectStyle', index) |
| | | this.changeSelectStyle = index; |
| | | |
| | | |
| | | }, |
| | | closeAllChildren() { |
| | | var val = this.listMenu |
| | |
| | | } |
| | | }, |
| | | setLiClick(res, index) { |
| | | this.signInsertOpLog(this.listMenu[index].cnName, res.cnName) |
| | | setTimeout(() => { |
| | | this.changeSelectStyle = index; |
| | | sessionStorage.setItem('changeSelectStyle', index) |
| | | sessionStorage.removeItem('hanleselectmochaitmo') |
| | | sessionStorage.removeItem('hanleselectindex') |
| | | |
| | | // this.signInsertOpLog(this.listMenu[index].cnName, res.cnName) |
| | | setTimeout(() => { |
| | | this.changeliSelect = res.cnName; |
| | | sessionStorage.setItem('changeliSelect', res.cnName) |
| | | if (res.url.indexOf('http') != -1) { |
| | | this.$store.reporturl = res.url; |
| | | sessionStorage.setItem('iframehttpurl', this.$store.reporturl) |
| | | this.$router.push('/QualityInspection'); |
| | | if (res.url.indexOf('{fmeHost}') != -1) { |
| | | this.$store.reporturl = res.url; |
| | | sessionStorage.setItem('iframehttpurl', this.$store.reporturl) |
| | | this.$router.push('/QualityInspection'); |
| | | // if (location.href.indexOf('/WareInspection') == -1) { |
| | | // this.$store.reporturl = res.url; |
| | | // this.$router.push('/WareInspection'); |
| | |
| | | for (var i in res) { |
| | | res[i].checkClass = res[i].css + '1'; |
| | | res[i].show = false; //控制显隐 |
| | | if (res[i].perms == null) { |
| | | |
| | | if (res[i].perms == null || res[i].perms == "") { |
| | | const result = await selectMenuRecursive({ id: res[i].id }); |
| | | |
| | | if (result.code == 200) { |
| | | |
| | | res[i].children = result.result.filter((value) => { |
| | | return value.pid == res[i].id; |
| | | }); |
| | | return value.isShow == 1; |
| | | }) |
| | | .filter((value) => { |
| | | return value.pid == res[i].id; |
| | | }); |
| | | |
| | | } |
| | | this.listMenu.push(res[i]); |
| | |
| | | // } else { |
| | | // this.changeSelectStyle = this.listMenu.length - 1; |
| | | // } |
| | | |
| | | this.changeSelectStyle = sessionStorage.getItem('changeSelectStyle') |
| | | // var strartMneu = res[i].children[0]; |
| | | // this.$store.commit('currentPerms', strartMneu.perms); |
| | |
| | | }; |
| | | Window.ws = null; |
| | | } |
| | | |
| | | if (index.indexOf('http') != -1) { |
| | | debugger |
| | | if (index.indexOf('{fmeHost}') != -1) { |
| | | this.$router.push('/databaseMonitoring'); |
| | | this.$store.commit('getIframe', index); |
| | | } else if (isNaN(Number(index))) { |
| | |
| | | }, |
| | | }; |
| | | </script> |
| | | |
| | | |
| | | |