|
@@ -11,8 +11,10 @@
|
|
</div>
|
|
</div>
|
|
<div class="loginFormBox">
|
|
<div class="loginFormBox">
|
|
<van-form @submit="onSubmit">
|
|
<van-form @submit="onSubmit">
|
|
- <van-field v-model="userPhone" name="userPhone" label="" placeholder="请输入手机号"
|
|
|
|
- :rules="[{ required: true, message: '请输入手机号' }]" />
|
|
|
|
|
|
+ <van-field v-model="userPhone" name="userPhone" label="" placeholder="请输入手机号" :rules="[
|
|
|
|
+ { required: true, message: '请输入手机号' },
|
|
|
|
+ { validator: validatePhone, message: '请输入有效的手机号' }
|
|
|
|
+ ]" />
|
|
<van-field v-model="userPwd" type="password" name="userPwd" label="" :placeholder="$t('login.passWordInput')"
|
|
<van-field v-model="userPwd" type="password" name="userPwd" label="" :placeholder="$t('login.passWordInput')"
|
|
:rules="[{ required: true, message: $t('login.passWordInput') }]" />
|
|
:rules="[{ required: true, message: $t('login.passWordInput') }]" />
|
|
<div class="checkedPasswordBox">
|
|
<div class="checkedPasswordBox">
|
|
@@ -22,8 +24,8 @@
|
|
</van-checkbox>
|
|
</van-checkbox>
|
|
<!-- 忘记密码 -->
|
|
<!-- 忘记密码 -->
|
|
<span class="forgetPassWord" @click="forgetPassword">{{
|
|
<span class="forgetPassWord" @click="forgetPassword">{{
|
|
- $t("login.forgetPassWord")
|
|
|
|
- }}</span>
|
|
|
|
|
|
+ $t("login.forgetPassWord")
|
|
|
|
+ }}</span>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
<br>
|
|
<br>
|
|
<br>
|
|
@@ -34,8 +36,8 @@
|
|
</van-button>
|
|
</van-button>
|
|
<!-- 登录 -->
|
|
<!-- 登录 -->
|
|
<van-button round type="primary" native-type="submit">{{
|
|
<van-button round type="primary" native-type="submit">{{
|
|
- $t("login.loginButton")
|
|
|
|
- }}
|
|
|
|
|
|
+ $t("login.loginButton")
|
|
|
|
+ }}
|
|
</van-button>
|
|
</van-button>
|
|
</div>
|
|
</div>
|
|
</van-form>
|
|
</van-form>
|
|
@@ -91,6 +93,11 @@ export default {
|
|
// }
|
|
// }
|
|
// };
|
|
// };
|
|
|
|
|
|
|
|
+ function validatePhone(value) {
|
|
|
|
+ const phoneRegex = /^1[3-9]\d{9}$/;
|
|
|
|
+ return phoneRegex.test(value);
|
|
|
|
+ }
|
|
|
|
+
|
|
const showPopover = ref(false);
|
|
const showPopover = ref(false);
|
|
|
|
|
|
// 登录
|
|
// 登录
|
|
@@ -100,7 +107,7 @@ export default {
|
|
password: md5(values.userPwd),
|
|
password: md5(values.userPwd),
|
|
}
|
|
}
|
|
const { data } = await login(loginParam);
|
|
const { data } = await login(loginParam);
|
|
-
|
|
|
|
|
|
+
|
|
console.log("记住密码?", checked.value);
|
|
console.log("记住密码?", checked.value);
|
|
console.log("data.code", data.code);
|
|
console.log("data.code", data.code);
|
|
if (data.code === "00000") {
|
|
if (data.code === "00000") {
|
|
@@ -157,6 +164,7 @@ export default {
|
|
isInWeChat,
|
|
isInWeChat,
|
|
state,
|
|
state,
|
|
showPopover,
|
|
showPopover,
|
|
|
|
+ validatePhone
|
|
};
|
|
};
|
|
},
|
|
},
|
|
components: {
|
|
components: {
|