ui

src/views/login/Login.vue

@@ -38,9 +38,9 @@
             <el-row>
               <el-col :span="12">
                 <el-form-item>
-                  <el-checkbox></el-checkbox>
+                  <el-checkbox v-model="rememberMe"></el-checkbox>
                   <span
-                    style="    font-family: NotoSansSC-Regular;color: #232748;font-weight: 400;font-size: 14px;margin-left: 5px;">记住密码</span>
+                    style="font-family: NotoSansSC-Regular;color: #232748;font-weight: 400;font-size: 14px;margin-left: 5px;">记住密码</span>
                 </el-form-item>
               </el-col>
               <el-col :span="12">
@@ -88,12 +88,17 @@ export default {
           isDevTool: false, // 壳端是否显示打开调试工具的按钮
         }
       },
-      LocalConfigInit: {}
+      LocalConfigInit: {},
+      rememberMe:false
     };
   },
 
   created() {
-
+    this.form.Username = localStorage.getItem('username') || '';
+    this.form.Password = localStorage.getItem('password') || '';
+    if(this.form.Username&&this.form.Password){
+      this.rememberMe=true
+    }
   },
 
 
@@ -199,7 +204,14 @@ export default {
             let res = ret.data
 
             if (res.code > -1) {
-
+              if (this.rememberMe) {
+        localStorage.setItem('username', this.form.Username);
+        localStorage.setItem('password', this.form.Password);
+      } else {
+        // 否则清除保存的用户信息
+        localStorage.removeItem('username');
+        localStorage.removeItem('password');
+      }
               window.sessionStorage.setItem("peisid", res.data.peisid); //设置当前人员所属体检中心              
               writetoken(res.data.expires_in);
               window.sessionStorage.setItem("token", res.data.access_token);
@@ -230,8 +242,7 @@ export default {
         }
       });
     },
-  },
-  created() { },
+  }
 };
 </script>
 <style lang="scss" scoped>