Browse Source

Store username by login

lin-xin 8 years ago
parent
commit
1c190fde37
3 changed files with 21 additions and 5 deletions
  1. 11 0
      index.html
  2. 9 5
      src/components/common/header.vue
  3. 1 0
      src/components/page/Login.vue

+ 11 - 0
index.html

@@ -4,8 +4,19 @@
     <meta charset="utf-8">
     <title>manage-system</title>
     <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
+    <meta name="keywords" content="vue.js, wms, vue2, 后台模板, 管理系统, element" />
+    <meta name="description" content="基于Vue2 + Element UI 的后台管理系统解决方案" />
 </head>
 <body>
 <div id="app"></div>
+<script>
+    var _hmt = _hmt || [];
+    (function() {
+        var hm = document.createElement("script");
+        hm.src = "https://hm.baidu.com/hm.js?1ad0a5c62a113bb874be8bb514b0a70d";
+        var s = document.getElementsByTagName("script")[0];
+        s.parentNode.insertBefore(hm, s);
+    })();
+</script>
 </body>
 </html>

+ 9 - 5
src/components/common/header.vue

@@ -5,7 +5,7 @@
             <el-dropdown trigger="click" @command="handleCommand">
                 <span class="el-dropdown-link">
                     <img class="user-logo" src="../../../static/img/img.jpg">
-                    linxin
+                    {{username}}
                 </span>
                 <el-dropdown-menu slot="dropdown">
                     <el-dropdown-item command="loginout">退出</el-dropdown-item>
@@ -19,17 +19,21 @@
     export default {
         data() {
             return {
-                sName: 'abcd'
+                name: 'linxin'
+            }
+        },
+        computed:{
+            username(){
+                let username = localStorage.getItem('ms_username');
+                return username ? username : this.name;
             }
         },
         methods:{
             handleCommand(command) {
                 if(command == 'loginout'){
+                    localStorage.removeItem('ms_username')
                     this.$router.push('/login');
                 }
-            },
-            loginOut(){
-
             }
         }
     }

+ 1 - 0
src/components/page/Login.vue

@@ -41,6 +41,7 @@
                 const self = this;
                 self.$refs[formName].validate((valid) => {
                     if (valid) {
+                        localStorage.setItem('ms_username',self.ruleForm.username);
                         self.$router.push('/readme');
                     } else {
                         console.log('error submit!!');