master
chengqf 2 years ago
parent 74ebff3382
commit bc2e333165

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

@ -1,7 +1,7 @@
<template>
<div class="login">
<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-input
v-model="loginForm.username"
@ -56,7 +56,7 @@
</el-form>
<!-- 底部 -->
<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>
</template>
@ -91,7 +91,7 @@ export default {
//
captchaEnabled: true,
//
register: false,
register: true,
redirect: undefined
};
},

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

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

Loading…
Cancel
Save