增加登录名

report-ui/src/mixins/access.js

@@ -6,6 +6,10 @@ export default {
     }
   },
   computed: {
+    username: function(){
+      var username = getItem('username')
+      return username
+    },
     getUser: function(){
       // var user = getItem('user');
       var user =JSON.parse(localStorage.getItem('user')) 

report-ui/src/views/layout/components/Navbar.vue

@@ -1,16 +1,12 @@
 <template>
   <div>
     <el-menu class="navbar" mode="horizontal">
-      <hamburger
+      <hamburger :toggle-click="toggleSideBar" :is-active="sidebar.opened" class="hamburger-container" />
-        :toggle-click="toggleSideBar"
-        :is-active="sidebar.opened"
-        class="hamburger-container"
-      />
       <breadcrumb />
       <el-dropdown class="avatar-container" trigger="click">
         <div class="avatar-wrapper">
           <i class="icon iconfont iconyonghu user" />
-          <span class="user-name">{{ userName }}</span>
+          <span class="user-name">{{ username }}</span>
           <i class="el-icon-caret-bottom" />
         </div>
         <el-dropdown-menu slot="dropdown" class="user-dropdown">
@@ -24,25 +20,25 @@
 </template>
 
 <script>
-import { mapGetters } from "vuex";
+import { mapGetters } from 'vuex'
-import Breadcrumb from "@/components/Breadcrumb";
+import Breadcrumb from '@/components/Breadcrumb'
-import Hamburger from "@/components/Hamburger";
+import Hamburger from '@/components/Hamburger'
-import { getItem, delItem, getStorageItem } from "@/utils/storage";
+import { getItem, delItem, getStorageItem } from '@/utils/storage'
-import { aesEncrypt } from "@/utils/aes";
+import { aesEncrypt } from '@/utils/aes'
-import { reqUpdatePassword } from "@/api/login";
+import { reqUpdatePassword } from '@/api/login'
 
 export default {
   data() {
     // 确认密码
     var validatePass3 = (rule, value, callback) => {
-      if (value === "") {
+      if (value === '') {
-        callback(new Error("请再次输入密码"));
+        callback(new Error('请再次输入密码'))
       } else if (value !== this.form.password) {
-        callback(new Error("两次输入密码不一致!"));
+        callback(new Error('两次输入密码不一致!'))
       } else {
-        callback();
+        callback()
+      }
     }
-    };
     // const validatePass = (rule, value, callback) => {
     // 	if (!/^(?![a-zA-Z]+$)(?![A-Z0-9]+$)(?![A-Z\W_]+$)(?![a-z0-9]+$)(?![a-z\W_]+$)(?![0-9\W_]+$)[a-zA-Z0-9\W_]{6,}$/.test(value)) {
     // 		callback(new Error('请按要求输入密码'))
@@ -52,103 +48,100 @@ export default {
     // };
     const validateOldPass = (rule, value, callback) => {
       if (value.length < 6 || value.length > 30) {
-        callback(new Error("请输入原密码"));
+        callback(new Error('请输入原密码'))
       } else {
-        callback();
+        callback()
+      }
     }
-    };
     return {
-      userName: "",
       wordVisible: false, //修改密码弹框
       form: {
-        oldPassword: "",
+        oldPassword: '',
-        password: "",
+        password: '',
-        confirmPassword: ""
+        confirmPassword: '',
       },
       rules: {
         oldPassword: [
-          { required: true, validator: validateOldPass, trigger: "blur" }
+          { required: true, validator: validateOldPass, trigger: 'blur' },
         ],
         password: [
-          { required: true, message: "请选择新密码", trigger: "blur" }
+          { required: true, message: '请选择新密码', trigger: 'blur' },
         ],
         confirmPassword: [
-          { required: true, validator: validatePass3, trigger: "blur" }
+          { required: true, validator: validatePass3, trigger: 'blur' },
-        ]
+        ],
+      },
     }
-    };
   },
   components: {
     Breadcrumb,
-    Hamburger
+    Hamburger,
   },
   computed: {
-    ...mapGetters(["sidebar"])
+    ...mapGetters(['sidebar']),
-  },
-  created() {
-    this.userName = getItem("username");
   },
+  created() {},
   methods: {
     toggleSideBar() {
-      this.$store.dispatch("ToggleSideBar");
+      this.$store.dispatch('ToggleSideBar')
     },
     logout() {
-      this.$confirm("确定要退出吗", "温馨提示", {
+      this.$confirm('确定要退出吗', '温馨提示', {
-        confirmButtonText: "确定",
+        confirmButtonText: '确定',
-        cancelButtonText: "取消",
+        cancelButtonText: '取消',
-        type: "warning"
+        type: 'warning',
       }).then(() => {
-        delItem("token");
+        delItem('token')
-        sessionStorage.clear();
+        sessionStorage.clear()
-        localStorage.clear();
+        localStorage.clear()
-        this.$router.push("/login");
+        this.$router.push('/login')
-      });
+      })
     },
     // 修改密码
     updatePassword() {
-      this.wordVisible = true;
+      this.wordVisible = true
       this.$nextTick(() => {
-        this.$refs.form && this.$refs.form.resetFields();
+        this.$refs.form && this.$refs.form.resetFields()
-      });
+      })
     },
     // 发送请求 确认修改
     confrimUpdate() {
-      this.$refs.form.validate(valid => {
+      this.$refs.form.validate((valid) => {
         if (valid) {
-          const { oldPassword, password, confirmPassword } = this.form;
+          const { oldPassword, password, confirmPassword } = this.form
           let data = {
             oldPassword: aesEncrypt(oldPassword),
             password: aesEncrypt(password),
-            confirmPassword: aesEncrypt(confirmPassword)
+            confirmPassword: aesEncrypt(confirmPassword),
-          };
+          }
-          reqUpdatePassword(data).then(res => {
+          reqUpdatePassword(data).then((res) => {
-            if (res.repCode == "0000") {
+            if (res.repCode == '0000') {
-              this.wordVisible = false;
+              this.wordVisible = false
-              this.$message.success("修改密码成功,请重新登录");
+              this.$message.success('修改密码成功,请重新登录')
-              sessionStorage.clear();
+              sessionStorage.clear()
-              localStorage.clear();
+              localStorage.clear()
-              delItem("token");
+              delItem('token')
-              this.$router.push("/login");
+              this.$router.push('/login')
-            }
+            }
-          });
+          })
         } else {
-          return false;
+          return false
         }
-      });
+      })
     },
     helpCenter() {
-      let helpCategory = JSON.parse(localStorage.getItem("helpCategory"));
+      let helpCategory = JSON.parse(localStorage.getItem('helpCategory'))
       this.$router.push({
-        path: "/helpCenList/list",
+        path: '/helpCenList/list',
         query: {
           id: 0,
           val: helpCategory[0].value,
-          title: helpCategory[0].label
+          title: helpCategory[0].label,
-        }
+        },
-      });
+      })
-    }
+    },
+  },
 }
-};
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>