master
chengqf 2 years ago
parent 74ebff3382
commit bc2e333165

@ -2,7 +2,7 @@
<div class="app-container home"> <div class="app-container home">
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :sm="24" :lg="12" style="padding-left: 20px"> <el-col :sm="24" :lg="12" style="padding-left: 20px">
<h2>欢迎使用UDI自助平台</h2> <h2>欢迎使用UDI协调平台</h2>
</el-col> </el-col>
</el-row> </el-row>

@ -1,7 +1,7 @@
<template> <template>
<div class="login"> <div class="login">
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form"> <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
<h3 class="title">UDI自助平台</h3> <h3 class="title">UDI协调平台</h3>
<el-form-item prop="username"> <el-form-item prop="username">
<el-input <el-input
v-model="loginForm.username" v-model="loginForm.username"
@ -56,7 +56,7 @@
</el-form> </el-form>
<!-- 底部 --> <!-- 底部 -->
<div class="el-login-footer"> <div class="el-login-footer">
<span>Copyright © 2018-2022 glxp All Rights Reserved.</span> <span>Copyright © 2018-2023 glxp All Rights Reserved.</span>
</div> </div>
</div> </div>
</template> </template>
@ -91,7 +91,7 @@ export default {
// //
captchaEnabled: true, captchaEnabled: true,
// //
register: false, register: true,
redirect: undefined redirect: undefined
}; };
}, },

@ -73,6 +73,9 @@
@click.native="handleLogin()" @click.native="handleLogin()"
>登录 >登录
</el-button> </el-button>
<div >
<router-link class="link-type" :to="'/register'">立即注册</router-link>
</div>
</div> </div>
</el-card> </el-card>
</el-form> </el-form>

@ -1,60 +1,38 @@
<template> <template>
<div class="register"> <div class="register">
<el-form ref="registerForm" :model="registerForm" :rules="registerRules" class="register-form"> <el-form ref="registerForm" :model="registerForm" :rules="registerRules" class="register-form" label-width="100px" size="mini">
<h3 class="title">UDI自助平台</h3> <h3 class="title">用户注册</h3>
<el-form-item prop="username">
<el-input v-model="registerForm.username" type="text" auto-complete="off" placeholder="账号">
<svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" /> <el-form-item prop="mobile">
</el-input> <span slot="label">
</el-form-item> <i class="el-icon-edit"></i>
<el-form-item prop="password"> 手机号
<el-input </span>
v-model="registerForm.password" <el-input v-model="registerForm.mobile" style="width: 63%"></el-input>
type="password"
auto-complete="off"
placeholder="密码"
@keyup.enter.native="handleRegister"
>
<svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon" />
</el-input>
</el-form-item>
<el-form-item prop="confirmPassword">
<el-input
v-model="registerForm.confirmPassword"
type="password"
auto-complete="off"
placeholder="确认密码"
@keyup.enter.native="handleRegister"
>
<svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon" />
</el-input>
</el-form-item>
<el-form-item prop="code" v-if="captchaEnabled">
<el-input <el-input
v-model="registerForm.code" v-model="registerForm.code"
auto-complete="off" auto-complete="off"
placeholder="验证码" placeholder="验证码"
style="width: 63%" style="width: 23%"
@keyup.enter.native="handleRegister" @keyup.enter.native="handleRegister"
> > <svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" />
<svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" />
</el-input> </el-input>
<div class="register-code">
<img :src="codeUrl" @click="getCode" class="register-code-img"/>
</div>
</el-form-item> </el-form-item>
<el-form-item style="width:100%;"> <el-form-item style="width:100%;">
<el-button <el-button
:loading="loading" :loading="loading"
size="medium" size="medium"
type="primary" type="primary"
style="width:100%;" style="width:85%;"
@click.native.prevent="handleRegister" @click.native.prevent="handleRegister"
> >
<span v-if="!loading"> </span> <span v-if="!loading"> </span>
<span v-else> ...</span> <span v-else> ...</span>
</el-button> </el-button>
<div style="float: right;"> <div >
<router-link class="link-type" :to="'/login'">使用已有账户登录</router-link> <router-link class="link-type" :to="'/login'">使用已有账户登录</router-link>
</div> </div>
</el-form-item> </el-form-item>
@ -154,7 +132,8 @@ export default {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
height: 100%; height: 100%;
background-image: url("../assets/images/login-background.jpg"); width: 100%;
background-size: cover; background-size: cover;
} }
.title { .title {
@ -166,8 +145,9 @@ export default {
.register-form { .register-form {
border-radius: 6px; border-radius: 6px;
background: #ffffff; background: #ffffff;
width: 400px; width: 50%;
padding: 25px 25px 5px 25px; height: 100%;
padding: 0px 0px 0px 0px;
.el-input { .el-input {
height: 38px; height: 38px;
input { input {

Loading…
Cancel
Save