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>
         &nbsp;
         <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