From c215c89ecda16e4d32593f3e942fe871898071e9 Mon Sep 17 00:00:00 2001 From: surprise <15810472099@163.com> Date: 星期一, 05 二月 2024 17:51:53 +0800 Subject: [PATCH] 代码提交 --- src/components/navMenu.vue | 178 ++++++++++++++++++++++++++++++++++++++++++++-------------- 1 files changed, 134 insertions(+), 44 deletions(-) diff --git a/src/components/navMenu.vue b/src/components/navMenu.vue index 6121854..57b86e2 100644 --- a/src/components/navMenu.vue +++ b/src/components/navMenu.vue @@ -1,5 +1,8 @@ <template> - <div class="NavBox"> + <div + class="NavBox" + @click.stop + > <div class="topBox"> <div class="topTitle"></div> <div class="topMenu"> @@ -9,7 +12,7 @@ @click="setMenuMove(index, item)" v-for="(item, index) in listMenu" > - <div> + <div style="display: flex;align-items: center"> <div class="ImgMenu"> <div class="menuImage" @@ -39,6 +42,17 @@ </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"> @@ -49,26 +63,7 @@ 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> @@ -76,7 +71,7 @@ </template> <script> -import { logout, selectMenuRecursive } from '@/api/api'; +import { logout, selectMenuRecursive, sign_insertOpLog } from '@/api/api'; import { removeToken, getToken } from '@/utils/auth'; import customElMenu from '../components/customElMenu.vue'; import { queryMenuTree, getPerms } from '../api/api'; @@ -117,17 +112,61 @@ listMenu: [], showFlag: null, language: true, - + nowPage: [ + { + name: '/Archive', + index: 3 + }, + { + name: '/dataApplication', + index: 3 + }, + { + name: '/ExportMap', + index: 3 + }, + { + name: '/Synthesis', + index: 3 + }, + { + name: '/dataController', + index: 4 + }, + { + name: '/mochaitmo', + index: 5 + } + ] }; }, created() { }, mounted() { + this.$store.state.themeflag = false; + $("#app").removeClass("Black_theme"); this.getMenuTree(); + if (sessionStorage.getItem('changeliSelect')) { + 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; + this.$store.state.themeflag = !this.$store.state.themeflag; if (this.$store.state.themeflag == true) { $("#app").addClass("Black_theme"); @@ -156,6 +195,9 @@ 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) { @@ -164,29 +206,46 @@ return true; } }, + //涓婚鍒囨崲 setThemeColors() { }, - + async signInsertOpLog(m1, m2) { + var obj = { + m1: m1, + m2: m2, + } + const data = await sign_insertOpLog(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") { + 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) + } - this.changeSelectStyle = index; + }, closeAllChildren() { var val = this.listMenu @@ -208,17 +267,29 @@ } }, setLiClick(res, index) { + 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; - if (res.url.indexOf('http') != -1) { - if (location.href.indexOf('/WareInspection') == -1) { - this.$store.reporturl = res.url; - this.$router.push('/WareInspection'); - } else { - this.$bus.$emit('changeNaveUrl', res.url); - } + sessionStorage.setItem('changeliSelect', res.cnName) + 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'); + // } else { + // this.$bus.$emit('changeNaveUrl', res.url); + // } } else { this.$store.reporturl = null; + sessionStorage.setItem('iframehttpurl', null) + // sessionStorage.setItem('changeliSelect', null) this.$router.push(res.url); this.$store.commit('currentPerms', res.perms); } @@ -254,17 +325,35 @@ 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]); - this.changeSelectStyle = this.listMenu.length - 1; + // this.changeSelectStyle = this.listMenu.length - 1; + // this.changeSelectStyle = 0 + // const nowPage = this.nowPage + // if (sessionStorage.getItem('routerName')) { + // for (let index = 0; index < nowPage.length; index++) { + // if (this.$route.path === nowPage[index].name) { + // this.$set(this, 'changeSelectStyle', nowPage[index].index) + // } + // } + // } else { + // this.changeSelectStyle = this.listMenu.length - 1; + // } + + this.changeSelectStyle = sessionStorage.getItem('changeSelectStyle') // var strartMneu = res[i].children[0]; // this.$store.commit('currentPerms', strartMneu.perms); // this.changeliSelect = strartMneu.cnName; @@ -325,6 +414,7 @@ //璇█鎹㈡垚zh this.lang = 'zh'; this.language = true; + this.$store.state.language = true; //鑿滃崟鎹负zh this.$store.commit('changeLang', 'zh'); //i18鎹㈡垚zh @@ -334,6 +424,7 @@ else { this.lang = 'en'; this.language = false; + this.$store.state.language = false; this.$i18n.locale = this.lang; this.$store.commit('changeLang', 'en'); //浼犻�掔偣鍑荤殑鑺傜偣 } @@ -348,8 +439,8 @@ }; 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))) { @@ -374,5 +465,4 @@ }, }; </script> - - \ No newline at end of file + -- Gitblit v1.9.3