diff --git a/.idea/UniappTool.xml b/.idea/UniappTool.xml new file mode 100644 index 00000000..f7328e82 --- /dev/null +++ b/.idea/UniappTool.xml @@ -0,0 +1,10 @@ + + + + + \ No newline at end of file diff --git a/src/view/login/login.vue b/src/view/login/login.vue index 3879a0ea..b6202cc4 100644 --- a/src/view/login/login.vue +++ b/src/view/login/login.vue @@ -59,28 +59,40 @@ const changeType = () => { type.value=type.value==0?1:0; } const submitDoLogin = () => { + // 用户通过手机号登录 userPhoneLogin({'mobile':mobile.value,'captcha':code.value}).then(res => { + // 如果返回状态码为200,说明登录成功 if(res.code==200){ - message.success(res.msg); + // 显示登录成功的信息 + message.success(res.msg); + // 将用户信息存入sessionStorage sessionStorage.setItem('user', JSON.stringify(res.data.userinfo)); + // 跳转到首页 router.push('/'); }else{ + // 如果返回状态码不为200,说明登录失败 message.error(res.msg) } }); + } const getMsg = () => { - console.log(mobile.value); - if (mobile.value.length != 11) { - message.error( '手机号输入错误!') - return; - } - if (!canGetCode.value) { - //发送验证码 - getPhoneCode(); - } else { - message.error( '请在' + codeTips.value + '秒后重试') - } + + console.log(mobile.value); + //检查手机号格式 + if (mobile.value.length != 11) { + message.error( '手机号输入错误!') + return; + } + //检查是否可以获取验证码 + if (!canGetCode.value) { + //发送验证码 + getPhoneCode(); + } else { + message.error( '请在' + codeTips.value + '秒后重试') + } + + } const getPhoneCode = () => { canGetCode.value = true; diff --git a/src/view/user/user.vue b/src/view/user/user.vue index 0922087f..d7f4d6c5 100644 --- a/src/view/user/user.vue +++ b/src/view/user/user.vue @@ -50,27 +50,39 @@ const userInfo = ref(); onMounted(() => { var item = sessionStorage.getItem('user'); var jsonArray = JSON.parse(item); + // 隐藏用户手机号,只显示前3位和后7位 const hiddenPhoneNumber = jsonArray.mobile.substring(0, 3) + "****" + jsonArray.mobile.substring(7); + // 更新用户手机号 jsonArray.mobile = hiddenPhoneNumber; + // 将用户信息赋值给userInfo userInfo.value = jsonArray; -}) - -