Commit f71d2f32 authored by guxukai's avatar guxukai

chore: 登录

parent 237a7ac6
<template> <template>
<div id="login-page" class="h-screen w-screen flex justify-center items-center"> <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 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-input v-model="authLoginForm.username" type="text" placeholder="用户名或手机号"> </el-input>
</el-form-item> </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-input v-model="authLoginForm.password" type="password" placeholder="请输入密码"></el-input>
</el-form-item> </el-form-item>
<el-form-item <el-form-item ref="verCodeRef" label="验证码" prop="verCode" :error="v$.verCode.$errors.map(_ => _.$message)[0]">
ref="verCodeRef"
required
label="验证码"
prop="verCode"
:error="v$.verCode.$errors.map(_ => _.$message)[0]"
>
<div class="w-full h-full flex items-start gap-4"> <div class="w-full h-full flex items-start gap-4">
<el-input <el-input
v-model="authLoginForm.verCode" v-model="authLoginForm.verCode"
......
<template> <template>
<div id="register-page" class="h-screen w-screen flex justify-center items-center"> <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 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 <el-input
v-model="userRegisterForm.uname" v-model="userRegisterForm.uname"
type="text" type="text"
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
> >
</el-input> </el-input>
</el-form-item> </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 <el-input
v-model="userRegisterForm.mail" v-model="userRegisterForm.mail"
type="text" type="text"
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
> >
</el-input> </el-input>
</el-form-item> </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 <el-input
v-model="userRegisterForm.phoneNum" v-model="userRegisterForm.phoneNum"
type="text" type="text"
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
> >
</el-input> </el-input>
</el-form-item> </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 <el-input
v-model="userRegisterForm.password" v-model="userRegisterForm.password"
type="password" type="password"
...@@ -44,7 +44,7 @@ ...@@ -44,7 +44,7 @@
onfocus="this.removeAttribute('readonly')" onfocus="this.removeAttribute('readonly')"
></el-input> ></el-input>
</el-form-item> </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 <el-input
v-model="userRegisterForm.confirmPwd" v-model="userRegisterForm.confirmPwd"
type="password" type="password"
...@@ -56,7 +56,6 @@ ...@@ -56,7 +56,6 @@
</el-form-item> </el-form-item>
<el-form-item <el-form-item
ref="verCode" ref="verCode"
required
label="验证码" label="验证码"
prop="verCode" prop="verCode"
:error="v$Code.verificode.$errors.map(_ => _.$message)[0]" :error="v$Code.verificode.$errors.map(_ => _.$message)[0]"
......
<template> <template>
<div id="retrieve-page" class="h-screen w-screen flex justify-center items-center"> <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 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 <el-input
v-model="authRetrieveForm.phoneNum" v-model="authRetrieveForm.phoneNum"
type="text" type="text"
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
> >
</el-input> </el-input>
</el-form-item> </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 <el-input
v-model="authRetrieveForm.password" v-model="authRetrieveForm.password"
type="password" type="password"
...@@ -22,7 +22,7 @@ ...@@ -22,7 +22,7 @@
onfocus="this.removeAttribute('readonly')" onfocus="this.removeAttribute('readonly')"
></el-input> ></el-input>
</el-form-item> </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 <el-input
v-model="authRetrieveForm.confirmPwd" v-model="authRetrieveForm.confirmPwd"
type="password" type="password"
...@@ -34,7 +34,6 @@ ...@@ -34,7 +34,6 @@
</el-form-item> </el-form-item>
<el-form-item <el-form-item
ref="verCode" ref="verCode"
required
label="验证码" label="验证码"
prop="verCode" prop="verCode"
:error="v$Code.verificode.$errors.map(_ => _.$message)[0]" :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