From 9a41362ee5338ccade14f1a06379074503cd565a Mon Sep 17 00:00:00 2001
From: wanglei <wl2666675>
Date: Sat, 7 Jun 2025 09:04:27 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B3=A8=E5=86=8C=EF=BC=8C=E6=89=BE=E5=9B=9E?=
 =?UTF-8?q?=E5=AF=86=E7=A0=81=E9=A1=B5=E9=9D=A2=E6=B7=BB=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ruoyi-ui/src/api/login.js         |  63 +++++++
 ruoyi-ui/src/permission.js        |   2 +-
 ruoyi-ui/src/router/index.js      |   5 +
 ruoyi-ui/src/views/forgetpass.vue | 290 +++++++++++++++++++++++++++++
 ruoyi-ui/src/views/login.vue      |   2 +-
 ruoyi-ui/src/views/register.vue   | 297 ++++++++++++++++++------------
 6 files changed, 543 insertions(+), 116 deletions(-)
 create mode 100644 ruoyi-ui/src/views/forgetpass.vue

diff --git a/ruoyi-ui/src/api/login.js b/ruoyi-ui/src/api/login.js
index 3c5bcfe..3cd456d 100644
--- a/ruoyi-ui/src/api/login.js
+++ b/ruoyi-ui/src/api/login.js
@@ -69,3 +69,66 @@ export function getCodeSms() {
     timeout: 20000
   })
 }
+
+
+
+// 注册 新增公司信息
+export function registerGs(data) {
+  return request({
+    url: '/registerGs',
+    headers: {
+      isToken: false
+    },
+    method: 'post',
+    data: data
+  })
+}
+
+// 注册 新增公司信息
+export function registerUser(data) {
+  return request({
+    url: '/registerUser',
+    headers: {
+      isToken: false
+    },
+    method: 'post',
+    data: data
+  })
+}
+
+
+// 发送短信验证码
+export function getCaptchaSms(query) {
+  return request({
+    url: '/captchaSms',
+    headers: {
+      isToken: false
+    },
+    method: 'get',
+    params: query
+  })
+}
+
+// 验证短信验证码
+export function validateSmsCode(data) {
+  return request({
+    url: '/validateSmsCode',
+    headers: {
+      isToken: false
+    },
+    method: 'post',
+    params: data
+  })
+}
+
+// 修改密码
+export function modifyPass(data) {
+  return request({
+    url: '/modifyPass',
+    headers: {
+      isToken: false
+    },
+    method: 'post',
+    data: data
+  })
+}
diff --git a/ruoyi-ui/src/permission.js b/ruoyi-ui/src/permission.js
index 609d215..279cd9a 100644
--- a/ruoyi-ui/src/permission.js
+++ b/ruoyi-ui/src/permission.js
@@ -8,7 +8,7 @@ import { isRelogin } from '@/utils/request'
 
 NProgress.configure({ showSpinner: false })
 
-const whiteList = ['/login', '/register']
+const whiteList = ['/login', '/register', '/forgetpass']
 
 router.beforeEach((to, from, next) => {
   NProgress.start()
diff --git a/ruoyi-ui/src/router/index.js b/ruoyi-ui/src/router/index.js
index 41b1b7b..057c602 100644
--- a/ruoyi-ui/src/router/index.js
+++ b/ruoyi-ui/src/router/index.js
@@ -51,6 +51,11 @@ export const constantRoutes = [
     component: () => import('@/views/register'),
     hidden: true
   },
+  {
+    path: '/forgetpass',
+    component: () => import('@/views/forgetpass'),
+    hidden: true
+  },
   {
     path: '/404',
     component: () => import('@/views/error/404'),
diff --git a/ruoyi-ui/src/views/forgetpass.vue b/ruoyi-ui/src/views/forgetpass.vue
new file mode 100644
index 0000000..b804859
--- /dev/null
+++ b/ruoyi-ui/src/views/forgetpass.vue
@@ -0,0 +1,290 @@
+<template>
+  <div class="login">
+
+    <div class="login-form">
+      <h2>找回密码</h2>
+      <el-steps :space="300" :active="activeStep" align-center style="margin-bottom: 50px;margin-top: 20px;">
+        <el-step title="安全验证"></el-step>
+        <el-step title="重置密码"></el-step>
+        <el-step title="设置成功"></el-step>
+      </el-steps>
+
+      <div v-if="activeStep===0" style="width: 350px;margin: 0 auto;">
+        <el-form ref="aqyzForm" :model="aqyz.form" :rules="aqyz.rules" >
+          <el-form-item prop="phonenumber">
+            <el-input
+              v-model="aqyz.form.phonenumber"
+              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="smsCode">
+            <el-input
+              v-model="aqyz.form.smsCode"
+              auto-complete="off"
+              placeholder="校验码"
+              style="width: 60%"
+              @keyup.enter.native="getCaptchaSms"
+            >
+              <svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" />
+            </el-input>
+            <div class="login-code" @click="getAuthCode" v-if="aqyz.isAuthCode">
+              发送获取校验码
+            </div>
+            <div class="login-code-disable" v-if="!aqyz.isAuthCode">
+              {{ aqyz.msg }}
+            </div>
+          </el-form-item>
+          <el-form-item style="width:100%;">
+            <el-button
+              :loading="aqyz.loading"
+              size="medium"
+              type="primary"
+              style="width:100%;"
+              @click.native.prevent="submitValidate"
+            >
+              <span v-if="!aqyz.loading">提交验证</span>
+              <span v-else>验 证 中...</span>
+            </el-button>
+          </el-form-item>
+        </el-form>
+      </div>
+
+      <div v-if="activeStep===1" style="width: 350px;margin: 0 auto;">
+        <el-form ref="resetPWForm" :model="resetPW.form" :rules="resetPW.rules" >
+          <el-form-item prop="password">
+            <el-input
+              v-model="resetPW.form.password"
+              type="password"
+              auto-complete="off"
+              placeholder="请输入新密码"
+            >
+              <svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon" />
+            </el-input>
+
+          </el-form-item>
+          <el-form-item style="width:100%;">
+            <el-button
+              :loading="resetPW.loading"
+              size="medium"
+              type="primary"
+              style="width:100%;"
+              @click.native.prevent="submitReset"
+            >
+              <span v-if="!resetPW.loading">提交重置</span>
+              <span v-else>提 交 中...</span>
+            </el-button>
+          </el-form-item>
+        </el-form>
+      </div>
+
+      <div v-if="activeStep===2" style="width: 350px;margin: 0 auto;">
+        <el-result icon="success" subTitle="设置成功，请返回登录页重新登录">
+          <template slot="extra">
+            <router-link class="link-type" :to="'/login'">返回登录页</router-link>
+          </template>
+        </el-result>
+      </div>
+
+    </div>
+
+    <!--  底部  -->
+    <!--    <div class="el-login-footer">
+          <span>Copyright © 2021-2022 konbai.work All Rights Reserved.</span>
+        </div>-->
+  </div>
+</template>
+
+<script>
+import { getCaptchaSms, validateSmsCode, modifyPass } from "@/api/login";
+
+export default {
+  name: "Forgetpass",
+  data() {
+    return {
+      activeStep: 0,
+      // 安全验证
+      aqyz:{
+        // 是否可获取校验码
+        isAuthCode: true,
+        msg:'',
+        form: {
+          phonenumber: "",
+          smsCode: "",
+        },
+        rules: {
+          phonenumber: [
+            { required: true, trigger: "blur", message: "请输入手机号" },
+            {
+              pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
+              message: "请输入正确的手机号码",
+              trigger: "blur"
+            }
+          ],
+          smsCode: [{ required: true, trigger: "change", message: "请输入校验码" }]
+        },
+        loading: false,
+      },
+      // 重置密码
+      resetPW:{
+        form: {
+          password: "",
+        },
+        rules: {
+          password: [
+            { required: true, trigger: "blur", message: "请输入新密码" },
+          ],
+        },
+        loading: false,
+      },
+      redirect: undefined
+    };
+  },
+  watch: {
+    $route: {
+      handler: function(route) {
+        this.redirect = route.query && route.query.redirect;
+      },
+      immediate: true
+    }
+  },
+  created() {
+  },
+  methods: {
+    getAuthCode(){
+
+      let regex = /^1[3|4|5|6|7|8|9][0-9]\d{8}$/;
+      if(this.aqyz.form.phonenumber && regex.test(this.aqyz.form.phonenumber)){
+        getCaptchaSms({ phonenumber: this.aqyz.form.phonenumber }).then(res => {
+          console.log(res);
+          var time = 59;//定义时间变量 60s
+          var timer = null;//定义定时器
+          this.aqyz.isAuthCode=false;
+          timer = setInterval(()=>{
+            if(time==0){
+              this.aqyz.isAuthCode=true;
+              clearInterval(timer);//清除定时器
+            }else{
+              this.aqyz.msg=time+"S 重新发送";
+              time--;
+            }
+          },1000);
+        });
+      }else {
+        this.$alert(`请输入正确手机号码！`, `提示`, {
+          type: 'warning'
+        });
+      }
+
+    },
+    // 提交验证
+    submitValidate(){
+      this.$refs["aqyzForm"].validate(valid => {
+        if (valid) {
+          this.aqyz.loading = true;
+          validateSmsCode(this.aqyz.form).then(response => {
+            console.log(response,123);
+            this.resetPW.form.userId = response.data.userId;
+            this.resetPW.form.userName = response.data.userName;
+            this.aqyz.loading = false;
+            this.activeStep = 1;
+          }).finally(() => {
+            this.aqyz.loading = false;
+          });
+        }
+      });
+    },
+    // 提交重置
+    submitReset(){
+      this.$refs["resetPWForm"].validate(valid => {
+        if (valid) {
+          this.resetPW.loading = true;
+          modifyPass(this.resetPW.form).then(response => {
+            this.resetPW.loading = false;
+            this.activeStep = 2;
+          }).finally(() => {
+            this.resetPW.loading = false;
+          });
+        }
+      });
+    },
+    goLogin(){
+
+    }
+  }
+};
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.login {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  background-image: url("../assets/images/login-background.jpg");
+  background-size: cover;
+}
+.title {
+  margin: 0px auto 30px auto;
+  text-align: center;
+  color: #707070;
+}
+
+.login-form {
+  border-radius: 6px;
+  background: #ffffff;
+  width: 800px;
+  padding: 30px 30px 50px 30px;
+  .el-input {
+    height: 38px;
+    input {
+      height: 38px;
+    }
+  }
+  .input-icon {
+    height: 39px;
+    width: 14px;
+    margin-left: 2px;
+  }
+}
+.login-tip {
+  font-size: 13px;
+  text-align: center;
+  color: #bfbfbf;
+}
+.login-code {
+  width: 38%;
+  height: 38px;
+  float: right;
+  text-align: center;
+  font-size: 14px;
+  color: #ff5f00;
+  border: 1px solid #ff5f00;
+  border-radius: 6px;
+}
+.login-code-disable{
+  width: 38%;
+  height: 38px;
+  float: right;
+  text-align: center;
+  font-size: 14px;
+  color: #bfbfbf;
+  border: 1px solid #bfbfbf;
+  border-radius: 6px;
+}
+.el-login-footer {
+  height: 40px;
+  line-height: 40px;
+  position: fixed;
+  bottom: 0;
+  width: 100%;
+  text-align: center;
+  color: #fff;
+  font-family: Arial;
+  font-size: 12px;
+  letter-spacing: 1px;
+}
+</style>
diff --git a/ruoyi-ui/src/views/login.vue b/ruoyi-ui/src/views/login.vue
index ca369e4..9bc9a5b 100644
--- a/ruoyi-ui/src/views/login.vue
+++ b/ruoyi-ui/src/views/login.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="login">
     <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
-      <h3 class="title">售后管理系统</h3>
+      <h3 class="title">薪资管理系统</h3>
       <el-form-item prop="username">
         <el-input
           v-model="loginForm.username"
diff --git a/ruoyi-ui/src/views/register.vue b/ruoyi-ui/src/views/register.vue
index 52a8ebb..f004f73 100644
--- a/ruoyi-ui/src/views/register.vue
+++ b/ruoyi-ui/src/views/register.vue
@@ -1,146 +1,215 @@
 <template>
   <div class="register">
-    <el-form ref="registerForm" :model="registerForm" :rules="registerRules" class="register-form">
+
+    <div class="register-form">
+
       <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-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-input
-          v-model="registerForm.code"
-          auto-complete="off"
-          placeholder="验证码"
-          style="width: 63%"
-          @keyup.enter.native="handleRegister"
-        >
-          <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%;"
-          @click.native.prevent="handleRegister"
-        >
-          <span v-if="!loading">注 册</span>
-          <span v-else>注 册 中...</span>
-        </el-button>
-        <div style="float: right;">
-          <router-link class="link-type" :to="'/login'">使用已有账户登录</router-link>
-        </div>
-      </el-form-item>
-    </el-form>
-    <!--  底部  -->
-    <div class="el-register-footer">
-      <span>Copyright © 2018-2023 KonBAI All Rights Reserved.</span>
+
+      <el-steps :space="300" :active="activeType" align-center style="margin-bottom: 50px;margin-top: 20px;">
+        <el-step title="注册公司"></el-step>
+        <el-step title="注册用户"></el-step>
+        <el-step title="注册成功"></el-step>
+      </el-steps>
+
+      <div style="width: 400px;margin: 0 auto;" v-if="activeType===0">
+        <el-form ref="formGs" :model="formGs" :rules="rulesGs" label-width="100px">
+          <el-form-item label="公司名称" prop="name">
+            <el-input v-model="formGs.name" placeholder="请输入公司名称" />
+          </el-form-item>
+          <el-form-item label="联系手机号" prop="phone">
+            <el-input v-model="formGs.phone" placeholder="请输入手机号码" maxlength="11"/>
+          </el-form-item>
+          <el-form-item label="公司固话" prop="fixPhone">
+            <el-input v-model="formGs.fixPhone" placeholder="请输入公司固话" />
+          </el-form-item>
+          <el-form-item label="公司地址" prop="address">
+            <el-input v-model="formGs.address" placeholder="请输入公司地址" />
+          </el-form-item>
+          <el-form-item label="公司网址" prop="website">
+            <el-input v-model="formGs.website" placeholder="请输入公司网址" />
+          </el-form-item>
+          <el-form-item label="备注" prop="remark">
+            <el-input v-model="formGs.remark" type="textarea" placeholder="请输入内容" />
+          </el-form-item>
+          <el-button
+            :loading="loadingGs"
+            size="medium"
+            type="primary"
+            style="width:100%;"
+            @click.native.prevent="submitGs"
+          >
+            <span v-if="!loadingGs">提交</span>
+            <span v-else>提 交 中...</span>
+          </el-button>
+        </el-form>
+      </div>
+
+      <div style="width: 400px;margin: 0 auto;" v-if="activeType===1">
+        <el-form ref="formUser" :model="formUser" :rules="rulesUser" label-width="80px" label-position="right">
+          <el-row>
+            <el-form-item label="用户昵称" prop="nickName">
+              <el-input v-model="formUser.nickName" placeholder="请输入用户昵称" maxlength="30" />
+            </el-form-item>
+            <el-form-item label="用户账号" prop="userName">
+              <el-input v-model="formUser.userName" placeholder="请输入用户账号" maxlength="30" />
+            </el-form-item>
+            <el-form-item label="用户密码" prop="password">
+              <el-input v-model="formUser.password" placeholder="请输入用户密码" type="password" maxlength="20" show-password/>
+            </el-form-item>
+            <el-form-item label="手机号码" prop="phonenumber">
+              <el-input v-model="formUser.phonenumber" placeholder="请输入手机号码" maxlength="11" />
+            </el-form-item>
+            <el-form-item label="邮箱" prop="email">
+              <el-input v-model="formUser.email" placeholder="请输入邮箱" maxlength="50" />
+            </el-form-item>
+          </el-row>
+          <el-button
+            :loading="loadingUser"
+            size="medium"
+            type="primary"
+            style="width:100%;"
+            @click.native.prevent="submitUser"
+          >
+            <span v-if="!loadingUser">注册</span>
+            <span v-else>注 册 中...</span>
+          </el-button>
+        </el-form>
+      </div>
+
+      <div v-if="activeType===2" style="width: 400px;margin: 0 auto;">
+        <el-result icon="success" subTitle="注册成功，请返回登录页登录">
+        </el-result>
+      </div>
+
+      <div style="font-size: 14px;margin-top: 30px;">
+        <div style="color: #d50000">温馨提示：注册成功前请不要关闭页面，手机号注册过一次后，不可在重复注册。</div>
+      </div>
+      <div style="font-size: 14px;margin-top: 10px;">
+        <router-link class="link-type" :to="'/login'">返回登录页</router-link>
+      </div>
+
     </div>
+
+    <!--  底部  -->
+    <!--    <div class="el-register-footer">
+          <span>Copyright © 2018-2023 ruoyi.vip All Rights Reserved.</span>
+        </div>-->
   </div>
 </template>
 
 <script>
-import { getCodeImg, register } from "@/api/login";
+import { registerGs, registerUser } from "@/api/login";
 
 export default {
   name: "Register",
   data() {
-    const equalToPassword = (rule, value, callback) => {
-      if (this.registerForm.password !== value) {
-        callback(new Error("两次输入的密码不一致"));
-      } else {
-        callback();
-      }
-    };
     return {
       codeUrl: "",
-      registerForm: {
-        username: "",
-        password: "",
-        confirmPassword: "",
-        code: "",
-        uuid: "",
-        userType: "sys_user"
+      activeType: 0,  // 0 注册公司  1 注册用户  2 注册用户
+      // 公司信息提交表单参数
+      formGs: {},
+      // 公司信息表单校验
+      rulesGs: {
+        name: [
+          { required: true, message: "公司名称不能为空", trigger: "blur" }
+        ],
+        phone: [
+          { required: true, message: "联系手机号不能为空", trigger: "blur" },
+          {
+            pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
+            message: "请输入正确的手机号码",
+            trigger: "blur"
+          }
+        ],
+        /*fixPhone: [
+          { required: true, message: "公司固话不能为空", trigger: "blur" }
+        ],*/
+        address: [
+          { required: true, message: "公司地址不能为空", trigger: "blur" }
+        ],
+        /*website: [
+          { required: true, message: "公司网址不能为空", trigger: "blur" }
+        ],*/
+        /*remark: [
+          { required: true, message: "备注不能为空", trigger: "blur" }
+        ]*/
       },
-      registerRules: {
-        username: [
-          { required: true, trigger: "blur", message: "请输入您的账号" },
+      loadingGs: false,
+      // 表单参数
+      formUser: {},
+      // 表单校验
+      rulesUser: {
+        userType: [
+          { required: true, message: "用户类型不能为空", trigger: "blur" }
+        ],
+        userName: [
+          { required: true, message: "用户账号不能为空", trigger: "blur" },
           { min: 2, max: 20, message: '用户账号长度必须介于 2 和 20 之间', trigger: 'blur' }
         ],
+        nickName: [
+          { required: true, message: "用户昵称不能为空", trigger: "blur" }
+        ],
         password: [
-          { required: true, trigger: "blur", message: "请输入您的密码" },
+          { required: true, message: "用户密码不能为空", trigger: "blur" },
           { min: 5, max: 20, message: '用户密码长度必须介于 5 和 20 之间', trigger: 'blur' }
         ],
-        confirmPassword: [
-          { required: true, trigger: "blur", message: "请再次输入您的密码" },
-          { required: true, validator: equalToPassword, trigger: "blur" }
+        email: [
+          {
+            type: "email",
+            message: "请输入正确的邮箱地址",
+            trigger: ["blur", "change"]
+          }
+        ],
+        phonenumber: [
+          { required: true, message: "手机号码不能为空", trigger: "blur" },
+          {
+            pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
+            message: "请输入正确的手机号码",
+            trigger: "blur"
+          }
         ],
-        code: [{ required: true, trigger: "change", message: "请输入验证码" }]
+        tenantId:[
+          { required: true, message: "所属公司不能为空", trigger: "blur" },
+        ]
       },
-      loading: false,
-      captchaEnabled: true
+      loadingUser: false,
+      loading: false
     };
   },
   created() {
-    this.getCode();
+
   },
   methods: {
-    getCode() {
-      getCodeImg().then(res => {
-        this.captchaEnabled = res.data.captchaEnabled === undefined ? true : res.data.captchaEnabled;
-        if (this.captchaEnabled) {
-          this.codeUrl = "data:image/gif;base64," + res.data.img;
-          this.registerForm.uuid = res.data.uuid;
+    submitGs(){
+      this.$refs["formGs"].validate(valid => {
+        if (valid) {
+          this.loadingGs = true;
+          registerGs(this.formGs).then(response => {
+            this.$modal.msgSuccess("提交成功");
+            this.activeType=1;
+            this.formUser.tenantId = response.data.id;
+            this.formUser.tenantName = this.formGs.name;
+            response.data.roles.forEach(item=>{
+              if(item.roleKey==='companyAdmin'){
+                this.formUser.roleIds = [item.roleId]
+              }
+            })
+          }).finally(() => {
+            this.loadingGs = false;
+          });
         }
       });
     },
-    handleRegister() {
-      this.$refs.registerForm.validate(valid => {
+    submitUser(){
+      this.$refs["formUser"].validate(valid => {
         if (valid) {
-          this.loading = true;
-          let registerForm = this.registerForm;
-          registerForm.userType = "sys_user"
-          register(registerForm).then(res => {
-            const username = this.registerForm.username;
-            this.$alert("<font color='red'>恭喜你，您的账号 " + username + " 注册成功！</font>", '系统提示', {
-              dangerouslyUseHTMLString: true,
-              type: 'success'
-            }).then(() => {
-              this.$router.push("/login");
-            }).catch(() => {});
-          }).catch(() => {
-            this.loading = false;
-            if (this.captchaEnabled) {
-              this.getCode();
-            }
-          })
+          this.loadingUser = true;
+          this.formUser.userType = 'sys_user'
+          registerUser(this.formUser).then(response => {
+            this.activeType=2;
+          }).finally(() => {
+            this.loadingUser = false;
+          });
         }
       });
     }
@@ -166,8 +235,8 @@ export default {
 .register-form {
   border-radius: 6px;
   background: #ffffff;
-  width: 400px;
-  padding: 25px 25px 5px 25px;
+  width: 800px;
+  padding: 30px 30px 50px 30px;
   .el-input {
     height: 38px;
     input {