update: 登录页面去除验证码

src/views/login/index.vue

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