From 083b17d07939af29bcb04a27e564664c7280595a Mon Sep 17 00:00:00 2001 From: 王旭 <1377869194@qq.com> Date: 星期一, 10 十月 2022 15:40:58 +0800 Subject: [PATCH] 登录验证登出 --- src/components/navMenu.vue | 126 +++++++++++++++++++++++++---------------- 1 files changed, 77 insertions(+), 49 deletions(-) diff --git a/src/components/navMenu.vue b/src/components/navMenu.vue index 63723ba..ba6a020 100644 --- a/src/components/navMenu.vue +++ b/src/components/navMenu.vue @@ -18,120 +18,120 @@ > <el-submenu index="3" class="faSub"> <template slot="title"> - <span>{{ $t('synthesis.synthesis') }}</span> + <span>{{ $t("synthesis.synthesis") }}</span> </template> <el-menu-item index="Synthesis">{{ - $t('synthesis.synthesis') + $t("synthesis.synthesis") }}</el-menu-item> <el-menu-item index="Thematic">{{ - $t('synthesis.themaic') + $t("synthesis.themaic") }}</el-menu-item> <el-menu-item index="Archive">{{ - $t('synthesis.archive') + $t("synthesis.archive") }}</el-menu-item> </el-submenu> <el-submenu index="1" class="faSub"> <template slot="title"> - <span>{{ $t('dataManage.dataManage') }}</span> + <span>{{ $t("dataManage.dataManage") }}</span> </template> <el-menu-item index="catalogueManage">{{ - $t('dataManage.catalogueManage') + $t("dataManage.catalogueManage") }}</el-menu-item> <el-menu-item index="dataUpdata">{{ - $t('dataManage.dataUpdata') + $t("dataManage.dataUpdata") }}</el-menu-item> <el-menu-item index="metadataManage">{{ - $t('dataManage.metadataManage') + $t("dataManage.metadataManage") }}</el-menu-item> <el-menu-item index="dataLoading">{{ - $t('dataManage.dataLoading') + $t("dataManage.dataLoading") }}</el-menu-item> <el-menu-item index="SpatialData">{{ - $t('dataManage.SpatialData') + $t("dataManage.SpatialData") }}</el-menu-item> <el-menu-item index="versionManage">{{ - $t('dataManage.versionManage') + $t("dataManage.versionManage") }}</el-menu-item> <el-menu-item index="dictionaryManage">{{ - $t('dataManage.dictionaryManage') + $t("dataManage.dictionaryManage") }}</el-menu-item> <el-menu-item index="styleManage">{{ - $t('dataManage.styleManage') + $t("dataManage.styleManage") }}</el-menu-item> </el-submenu> <el-submenu index="2" class="faSub"> <template slot="title"> - <span>{{ $t('operatManage.operatManage') }}</span> + <span>{{ $t("operatManage.operatManage") }}</span> </template> <el-submenu index="2-2"> <template slot="title">{{ - $t('operatManage.systemLayout') + $t("operatManage.systemLayout") }}</template> <el-menu-item index="menuSettings">{{ - $t('operatManage.menuSettings') + $t("operatManage.menuSettings") }}</el-menu-item> <el-menu-item index="parameterConfiguration">{{ - $t('operatManage.parameterConfiguration') + $t("operatManage.parameterConfiguration") }}</el-menu-item> <el-menu-item index="rests">{{ - $t('operatManage.rests') + $t("operatManage.rests") }}</el-menu-item> </el-submenu> <el-menu-item index="authorityManagement">{{ - $t('operatManage.authorityManagement') + $t("operatManage.authorityManagement") }}</el-menu-item> <el-menu-item index="safetyManagement">{{ - $t('operatManage.safetyManagement') + $t("operatManage.safetyManagement") }}</el-menu-item> <el-submenu index="2-5"> <template slot="title">{{ - $t('operatManage.operationMonitoring') + $t("operatManage.operationMonitoring") }}</template> <el-menu-item index="eventlogManage">{{ - $t('operatManage.ResourceLog') + $t("operatManage.ResourceLog") }}</el-menu-item> <el-menu-item index="logLog">{{ - $t('operatManage.logLog') + $t("operatManage.logLog") }}</el-menu-item> <el-menu-item index="operationLog">{{ - $t('operatManage.operationLog') + $t("operatManage.operationLog") }}</el-menu-item> <el-menu-item index="databaseMonitoring">{{ - $t('operatManage.databaseMonitoring') + $t("operatManage.databaseMonitoring") }}</el-menu-item> <el-menu-item index="systemMonitoring">{{ - $t('operatManage.systemMonitoring') + $t("operatManage.systemMonitoring") }}</el-menu-item> <el-menu-item index="blackwhiteList" - >{{ $t('operatManage.blackwhiteList') }} + >{{ $t("operatManage.blackwhiteList") }} </el-menu-item> <el-menu-item index="tokentool">{{ - $t('operatManage.tokentool') + $t("operatManage.tokentool") }}</el-menu-item> </el-submenu> </el-submenu> <el-submenu index="4" class="faSub"> <template slot="title"> - <span>{{ $t('userManage.userManage') }}</span> + <span>{{ $t("userManage.userManage") }}</span> </template> <el-menu-item index="userInfoManage">{{ - $t('userManage.userInfoManage') + $t("userManage.userInfoManage") }}</el-menu-item> <el-menu-item index="orgManage">{{ - $t('userManage.orgManage') + $t("userManage.orgManage") }}</el-menu-item> <el-menu-item index="userAuditing">{{ - $t('userManage.userAuditing') + $t("userManage.userAuditing") }}</el-menu-item> <el-menu-item index="roleManage">{{ - $t('userManage.roleManage') + $t("userManage.roleManage") }}</el-menu-item> <el-menu-item index="groupManage">{{ - $t('userManage.groupManage') + $t("userManage.groupManage") }}</el-menu-item> <el-menu-item index="authorityManage">{{ - $t('userManage.authorityManage') + $t("userManage.authorityManage") }}</el-menu-item> </el-submenu> <!-- <el-submenu index="5" class="faSub"> @@ -149,7 +149,7 @@ <div class="userInfo"> <img src="../assets/img/user.png" alt="" /> <span>admin</span> - <span>娉ㄩ攢</span> + <span @click="logOut">娉ㄩ攢</span> <span @click="switchLang"> 鍒囨崲璇█</span> </div> @@ -162,46 +162,74 @@ </template> <script> +import { logout } from "@/api/api"; +import { removeToken,getToken } from "@/utils/auth"; export default { - name: 'navMenu', + name: "navMenu", //import寮曞叆鐨勭粍浠堕渶瑕佹敞鍏ュ埌瀵硅薄涓墠鑳戒娇鐢� data() { return { - lang: 'en', + lang: "en", }; }, methods: { + logOut() { + this.$confirm("纭鏄惁閫�鍑虹櫥褰�?", "鎻愮ず", { + confirmButtonText: "纭畾", + cancelButtonText: "鍙栨秷", + type: "warning", + }) + .then(async () => { + const data = await logout({token:getToken()}); + console.log(data); + if (data.code != 200) { + return this.$message.error("閫�鍑虹櫥褰曞け璐�"); + } + removeToken(); + this.$router.push("/login"); + this.$message({ + message: "閫�鍑虹櫥褰曟垚鍔�", + type: "success", + }); + }) + .catch(() => { + this.$message({ + type: "info", + message: "宸插彇娑�", + }); + }); + }, handleOpen(key, keyPath) { if ( - keyPath[1] != 'dataLoading' && - keyPath[1] != '2-2' && - keyPath[1] != '2-5' + keyPath[1] != "dataLoading" && + keyPath[1] != "2-2" && + keyPath[1] != "2-5" ) this.$router.push(keyPath[1]); }, handleClose(key, keyPath) { if ( - keyPath[1] != 'dataLoading' && - keyPath[1] != '2-5' && - keyPath[1] != '2-2' + keyPath[1] != "dataLoading" && + keyPath[1] != "2-5" && + keyPath[1] != "2-2" ) this.$router.push(keyPath[1]); }, handleselect(index) { if (index != null) { - this.$emit('shwoMapView', false); + this.$emit("shwoMapView", false); } }, showChange() { - this.$emit('shwoMapView', true); + this.$emit("shwoMapView", true); }, switchLang() { - if (this.lang == 'en') { + if (this.lang == "en") { this.$i18n.locale = this.lang; - this.lang = 'zh'; + this.lang = "zh"; } else { this.$i18n.locale = this.lang; - this.lang = 'en'; + this.lang = "en"; } }, }, -- Gitblit v1.9.3