Commit f71d2f32 authored by guxukai's avatar guxukai

chore: 登录

parent 237a7ac6
<template>
<div id="login-page" class="h-screen w-screen flex justify-center items-center">
<el-form ref="loginFormRef" status-icon label-width="120px" :model="authLoginForm">
<el-form-item required label="用户名" prop="username" :error="v$.username.$errors.map(_ => _.$message)[0]">
<el-form-item label="用户名" prop="username" :error="v$.username.$errors.map(_ => _.$message)[0]">
<el-input v-model="authLoginForm.username" type="text" placeholder="用户名或手机号"> </el-input>
</el-form-item>
<el-form-item required label="密码" prop="password" :error="v$.password.$errors.map(_ => _.$message)[0]">
<el-form-item label="密码" prop="password" :error="v$.password.$errors.map(_ => _.$message)[0]">
<el-input v-model="authLoginForm.password" type="password" placeholder="请输入密码"></el-input>
</el-form-item>
<el-form-item
ref="verCodeRef"
required
label="验证码"
prop="verCode"
:error="v$.verCode.$errors.map(_ => _.$message)[0]"
>
<el-form-item ref="verCodeRef" label="验证码" prop="verCode" :error="v$.verCode.$errors.map(_ => _.$message)[0]">
<div class="w-full h-full flex items-start gap-4">
<el-input
v-model="authLoginForm.verCode"
......
<template>
<div id="register-page" class="h-screen w-screen flex justify-center items-center">
<el-form ref="loginFormRef" status-icon label-width="120px" :model="userRegisterForm">
<el-form-item required label="用户名" prop="uname" :error="v$.uname.$errors.map(_ => _.$message)[0]">
<el-form-item label="用户名" prop="uname" :error="v$.uname.$errors.map(_ => _.$message)[0]">
<el-input
v-model="userRegisterForm.uname"
type="text"
......@@ -12,7 +12,7 @@
>
</el-input>
</el-form-item>
<el-form-item required label="邮箱" prop="mail" :error="v$.mail.$errors.map(_ => _.$message)[0]">
<el-form-item label="邮箱" prop="mail" :error="v$.mail.$errors.map(_ => _.$message)[0]">
<el-input
v-model="userRegisterForm.mail"
type="text"
......@@ -23,7 +23,7 @@
>
</el-input>
</el-form-item>
<el-form-item required label="手机号" prop="phoneNum" :error="v$.phoneNum.$errors.map(_ => _.$message)[0]">
<el-form-item label="手机号" prop="phoneNum" :error="v$.phoneNum.$errors.map(_ => _.$message)[0]">
<el-input
v-model="userRegisterForm.phoneNum"
type="text"
......@@ -34,7 +34,7 @@
>
</el-input>
</el-form-item>
<el-form-item required label="密码" prop="password" :error="v$.password.$errors.map(_ => _.$message)[0]">
<el-form-item label="密码" prop="password" :error="v$.password.$errors.map(_ => _.$message)[0]">
<el-input
v-model="userRegisterForm.password"
type="password"
......@@ -44,7 +44,7 @@
onfocus="this.removeAttribute('readonly')"
></el-input>
</el-form-item>
<el-form-item required label="确认密码" prop="confirmPwd" :error="v$.confirmPwd.$errors.map(_ => _.$message)[0]">
<el-form-item label="确认密码" prop="confirmPwd" :error="v$.confirmPwd.$errors.map(_ => _.$message)[0]">
<el-input
v-model="userRegisterForm.confirmPwd"
type="password"
......@@ -56,7 +56,6 @@
</el-form-item>
<el-form-item
ref="verCode"
required
label="验证码"
prop="verCode"
:error="v$Code.verificode.$errors.map(_ => _.$message)[0]"
......
<template>
<div id="retrieve-page" class="h-screen w-screen flex justify-center items-center">
<el-form ref="loginFormRef" status-icon label-width="120px" :model="authRetrieveForm">
<el-form-item required label="手机号" prop="phoneNum" :error="v$.phoneNum.$errors.map(_ => _.$message)[0]">
<el-form-item label="手机号" prop="phoneNum" :error="v$.phoneNum.$errors.map(_ => _.$message)[0]">
<el-input
v-model="authRetrieveForm.phoneNum"
type="text"
......@@ -12,7 +12,7 @@
>
</el-input>
</el-form-item>
<el-form-item required label="密码" prop="password" :error="v$.password.$errors.map(_ => _.$message)[0]">
<el-form-item label="密码" prop="password" :error="v$.password.$errors.map(_ => _.$message)[0]">
<el-input
v-model="authRetrieveForm.password"
type="password"
......@@ -22,7 +22,7 @@
onfocus="this.removeAttribute('readonly')"
></el-input>
</el-form-item>
<el-form-item required label="确认密码" prop="confirmPwd" :error="v$.confirmPwd.$errors.map(_ => _.$message)[0]">
<el-form-item label="确认密码" prop="confirmPwd" :error="v$.confirmPwd.$errors.map(_ => _.$message)[0]">
<el-input
v-model="authRetrieveForm.confirmPwd"
type="password"
......@@ -34,7 +34,6 @@
</el-form-item>
<el-form-item
ref="verCode"
required
label="验证码"
prop="verCode"
:error="v$Code.verificode.$errors.map(_ => _.$message)[0]"
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment