修改用户信息

src/components/layout/index.vue

@@ -45,7 +45,7 @@
       </div>
       <div v-if="allianceToken" class="userInfo">
         <div class="white"></div>
-        <div class="text">欢迎，LIXid胡</div>
+        <div class="text">欢迎，{{ userInfo.name }}</div>
         <div class="exit" @click="logout">退出</div>
       </div>
     </header>
@@ -126,6 +126,7 @@ export default {
       },
       allianceToken: getAccessToken(),
       currentRoute: this.$route.path,
+      userInfo: {},
     }
   },
   watch: {
@@ -140,6 +141,7 @@ export default {
     // if (localStorage.getItem('allianceToken')) {
     //   this.$router.push('/datacenter/home')
     // }
+    this.userInfo = JSON.parse(localStorage.getItem("userInfo"))
   },
   methods: {
     handleSubmit(name) {
@@ -166,17 +168,31 @@ export default {
       })
     },
     logout() {
-      this.$Modal.confirm({
+      const h = this.$createElement
+      this.$msgbox({
         title: "提示",
-        content:
-          '<p style="text-align:center;font-size:16px;">是否确认退出？</p>',
-        onOk: () => {
-          setTimeout(() => {
-            localStorage.removeItem("agcs")
-            this.allianceToken = ""
-          }, 500)
+        message: h("p", null, [h("span", null, "是否确认退出登录？")]),
+        showCancelButton: true,
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        beforeClose: (action, instance, done) => {
+          if (action === "confirm") {
+            instance.confirmButtonLoading = true
+            instance.confirmButtonText = "执行中..."
+            this.$store.dispatch("user/logout").then(() => {
+              this.allianceToken = ""
+              done()
+              instance.confirmButtonLoading = false
+            })
+          } else {
+            done()
+          }
         },
-        onCancel: () => {},
+      }).then((action) => {
+        // this.$message({
+        //   type: "info",
+        //   message: "action: " + action,
+        // })
       })
     },
   },
@@ -247,6 +263,7 @@ export default {
       font-size: 20px;
       font-family: AlibabaPuHuiTiM;
       color: #ffffff;
+      margin: 10px 0;
     }
     .exit {
       font-size: 16px;

src/store/modules/user.js

@@ -35,6 +35,7 @@ const mutations = {
     setAccessToken(accessToken)
   },
   setUserInfo(state, userInfo) {
+    localStorage.setItem("userInfo", JSON.stringify(userInfo))
     state.userInfo = userInfo
   },
   setGroup(state, group) {