Jelajahi Sumber

增加记住密码功能

空白格 2 tahun lalu
induk
melakukan
4982e3e117
2 mengubah file dengan 40 tambahan dan 1 penghapusan
  1. 1 1
      common/config.js
  2. 39 0
      pages/login/login.vue

+ 1 - 1
common/config.js

@@ -2,5 +2,5 @@ let baseUrl = 'https://wx.hw.hongweisoft.com/parking/' // 测试环境
 // let baseUrl = 'https://parking.pdzhtc.com/' // 正式环境
 export const config = {
 	baseUrl,
-	version: '0.1.9'
+	version: '0.2.0'
 }

+ 39 - 0
pages/login/login.vue

@@ -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: '登录成功!',