Store username by login

1c190fde · lin-xin · cf6c149b · 1c190fde · 1c190fde · 1c190fde
隐藏空白更改
内联并排

Showing with 21 addition and 5 deletion

index.html index.html +11 -0

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

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

未找到文件。
--- a/index.html
+++ b/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>
--- a/src/components/common/header.vue
+++ b/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(){
-
            }
        }
    }

--- a/src/components/page/Login.vue
+++ b/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!!');