2024-AHUT-208/ahut-engisys-ui
7
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

update: 登录页面去除验证码

Browse Source
This commit is contained in:
webzzq 2024-10-26 16:08:20 +08:00
parent 9b80c14ed5
commit e8d8d5fd39
1 changed files with 8 additions and 72 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

78
src/views/login/index.vue
View File

@ -1,17 +1,9 @@
<template> <template>
<div class="login-container" :style="'background-image:url(' + Background + ');'"> <div class="login-container" :style="'background-image:url(' + Background + ');'">
<div class="header">工程师学院材料审核平台</div>
<!-- 密码登录 --> <div class="login-form" >
<el-tabs v-model="activeName" class="login-form" @tab-click="switchClick"> <div class="header">工程师学院平台</div>
<el-tab-pane label="密码登录" name="first"> <el-form ref="loginForm" :model="loginForm" :rules="loginRules" auto-complete="on" label-position="left">
<el-form
ref="loginForm"
:model="loginForm"
:rules="loginRules"
auto-complete="on"
label-position="left"
>
<el-form-item prop="username"> <el-form-item prop="username">
<span class="svg-container"> <span class="svg-container">
<svg-icon icon-class="user" /> <svg-icon icon-class="user" />
@ -55,61 +47,7 @@
>登录</el-button >登录</el-button
> >
</el-form> </el-form>
</el-tab-pane>
<el-tab-pane label="短信登录" name="second" >
<el-form ref="loginSmsForm" :model="loginForm" :rules="loginSmsRules"
auto-complete="on" label-position="left">
<el-form-item prop="phone">
<el-row>
<el-col :span="18">
<span class="svg-container">
<svg-icon icon-class="phone" />
</span>
<el-input
ref="phone"
v-model="loginForm.phone"
placeholder="手机号"
name="phone"
type="text"
tabindex="1"
auto-complete="on"
>
</el-input>
</el-col>
<el-col :span="6">
<div class="codeCss">
<span @click="codespanClick">{{ codespan }}</span>
</div> </div>
</el-col>
</el-row>
</el-form-item>
<el-form-item prop="code">
<span class="svg-container">
<svg-icon icon-class="code" />
</span>
<el-input
style="width: 100%"
:key="passwordType"
ref="code"
v-model="loginForm.code"
:type="codeType"
placeholder="验证码"
name="code"
tabindex="2"
auto-complete="on"
@keyup.enter.native="handleLogin"
/>
</el-form-item>
<el-button
:loading="loading"
type="primary"
style="width: 100%; margin-bottom: 30px"
@click.native.prevent="handSmsleLogin"
>登录</el-button
>
</el-form>
</el-tab-pane>
</el-tabs>
<!-- 底部 --> <!-- 底部 -->
<div id="el-login-footer"> <div id="el-login-footer">
<span>© Copyright 2024 安徽工业大学 版权所有</span> <span>© Copyright 2024 安徽工业大学 版权所有</span>
@ -264,7 +202,7 @@ export default {
this.switchFlag = 1; this.switchFlag = 1;
this.loginForm.flag = "1"; this.loginForm.flag = "1";
}, },
//获取验证码 //获取验证码(验证码功能暂停)
codespanClick() { codespanClick() {
if(this.loginForm.phone == "" || this.loginForm.phone == null || this.loginForm.phone == undefined){ if(this.loginForm.phone == "" || this.loginForm.phone == null || this.loginForm.phone == undefined){
this.$message.error("手机号不能为空！"); this.$message.error("手机号不能为空！");
@ -356,18 +294,16 @@ $light_gray: #eee;
background-size: cover; background-size: cover;
.header { .header {
font-size: 50px; font-size: 25px;
font-weight: bold; font-weight: bold;
height: 50px; height: 50px;
line-height: 50px; line-height: 50px;
position: fixed;
top: 5%;
// left: 20%;
width: 100%; width: 100%;
text-align: center; text-align: center;
color: #fff; color: hsl(175, 93%, 11%);
font-family: Arial, serif; font-family: Arial, serif;
letter-spacing: 1px; letter-spacing: 1px;
margin-bottom: 10px;
} }
.login-form { .login-form {
position: fixed; position: fixed;