内容修改

longyvfengyun

2023-10-09 d310c767eef62fc8202f531e7492ecd58779af72

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
import {ref} from "vue";
import creatCode from "@/assets/js/tools/creatCode";
import { ElMessage } from 'element-plus'
import {useRouter} from "vue-router";
/**
 * 用户登录信息
 */
const loginModule = ()=>{
  const loading = ref(false);
  const loginForm = ref({
    username: "",
    password: "",
    verify: ""
  });
  const verifyCode = ref(creatCode());
  const router = useRouter();
 
  const onSubmit = ()=>{
    let username =  loginForm.value.username;
    let password = loginForm.value.password;
    let verify = loginForm.value.verify;
    let verifyCodeVal = verifyCode.value;
    let userRs = checkUserInfo(username, password, verify, verifyCodeVal);
 
    // 校验用户
    if (userRs.code === 1) {
      handleLogin();
    }else {
      ElMessage.error(userRs.msg);
    }
  };
 
  const checkUserInfo = (username, password, verify, verifyCodeVal)=>{
    let rs = {
      code: 0,
      msg: ""
    };
    if(!username) {
      rs.msg = "用户名不能为空";
    }else if(!password) {
      rs.msg = "密码不能为空";
    }else if(!verify) {
      rs.msg = "验证码不能为空";
    }else if(verify.toLowerCase() !== verifyCodeVal.toLowerCase()) {
      rs.msg = "验证码错误";
    }else {
      rs.code=1;
    }
    return rs;
  }
 
  const handleLogin = (username)=>{
    sessionStorage.setItem("login-token", "123");
    router.push({
      path: '/',
      replace: true
    });
  }
 
  const changeVerifyCode = ()=>{
    verifyCode.value = creatCode();
  };
 
  return {loading, loginForm, verifyCode, onSubmit, changeVerifyCode};
}
 
export default loginModule;