|
@@ -37,6 +37,17 @@
|
|
|
placeholderStyle="color: #fff"
|
|
|
/>
|
|
|
</u-form-item>
|
|
|
+ <u-form-item>
|
|
|
+ <u-checkbox-group v-model="checked">
|
|
|
+ <u-checkbox
|
|
|
+ name="remeber"
|
|
|
+ activeColor="#f05"
|
|
|
+ iconSize="18px"
|
|
|
+ label="记住密码"
|
|
|
+ labelColor="#fff"
|
|
|
+ />
|
|
|
+ </u-checkbox-group>
|
|
|
+ </u-form-item>
|
|
|
</u--form>
|
|
|
</view>
|
|
|
<view class="login-box-form-btn">
|
|
@@ -62,6 +73,7 @@ export default {
|
|
|
phoneNumber: '',
|
|
|
password: ''
|
|
|
},
|
|
|
+ checked: [],
|
|
|
loading: false,
|
|
|
rules: {
|
|
|
phoneNumber: {
|
|
@@ -77,6 +89,22 @@ export default {
|
|
|
}
|
|
|
};
|
|
|
},
|
|
|
+ onShow() {
|
|
|
+ uni.getStorage({
|
|
|
+ key: 'userLoginInfo',
|
|
|
+ success: (res) => {
|
|
|
+ let userLoginInfo = JSON.parse(res.data)
|
|
|
+ if (userLoginInfo) {
|
|
|
+ const { telephone, loginPwd, checked } = userLoginInfo
|
|
|
+ this.form.phoneNumber = telephone
|
|
|
+ this.form.password = loginPwd
|
|
|
+ if (checked) {
|
|
|
+ this.checked = ['remeber']
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
methods: {
|
|
|
/**
|
|
|
* 登录提交
|
|
@@ -99,6 +127,17 @@ export default {
|
|
|
uni.$u.vuex('vuex_token', res.data.token);
|
|
|
this.$u.vuex('vuex_user', res.data);
|
|
|
this.$u.vuex('vuex_isLogin', true);
|
|
|
+ if (this.checked.includes('remeber')) {
|
|
|
+ const loginInfo = {
|
|
|
+ telephone: form.phoneNumber,
|
|
|
+ loginPwd: form.password,
|
|
|
+ checked: true
|
|
|
+ }
|
|
|
+ uni.setStorage({
|
|
|
+ key: 'userLoginInfo',
|
|
|
+ data: JSON.stringify(loginInfo)
|
|
|
+ })
|
|
|
+ }
|
|
|
this.$refs.uToast.show({
|
|
|
loading: true,
|
|
|
message: '登录成功!',
|