卡片图片预览

龚焕茏

2024-03-26 a079b51dedafb805f9269826e24208ce28b43884

 src/views/login.vue

@@ -1,7 +1,10 @@
<template>
  <div class="login">
    <div class="title-container">
      <h3 class="title">自贡公安天网运维平台</h3>
    </div>
    <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
@@ -38,7 +41,7 @@
          <img :src="codeUrl" @click="getCode" class="login-code-img"/>
        </div>
      </el-form-item>
      <el-checkbox v-model="loginForm.rememberMe" style="margin:0px 0px 25px 0px;">记住密码</el-checkbox>
      <el-checkbox v-model="loginForm.rememberMe" style=" margin:0px 0px 25px 0px;">记住密码</el-checkbox>
      <el-form-item style="width:100%;">
        <el-button
          :loading="loading"
@@ -56,7 +59,7 @@
      </el-form-item>
    </el-form>

    <el-dialog title="为了您的账号安全,首次登陆请修改密码" :visible.sync="loginInfo.firstLogin==0?true:false">
    <el-dialog title="为了您的账号安全,首次登陆请修改密码" :visible.sync="loginInfo.firstLogin==0">
         <el-form>
           <el-form-item label="新密码">
               <el-input v-model="newPassword" autocomplete="off"></el-input>
@@ -146,6 +149,7 @@
  watch: {
    $route: {
      handler: function(route) {
        console.log(route);
        this.redirect = route.query && route.query.redirect;
      },
      immediate: true
@@ -195,6 +199,8 @@
              this.loginInfo = loginInfo.user
              //如果返回为1正常跳转
              if(this.loginInfo.firstLogin == 1){
                this.$router.push({ path: "/" }).catch(()=>{});
                return;
                this.$router.push({ path: this.redirect || "/" }).catch(()=>{});
              } else {
                 localStorage.setItem('firstLogin',0)
@@ -224,7 +230,9 @@
     };
</script>

<style rel="stylesheet/scss" lang="scss">
<style rel="stylesheet/scss" lang="scss" scoped>

$light_gray:#eee;
.login {
  display: flex;
  justify-content: center;
@@ -234,6 +242,7 @@
  background-size: cover;
}
.title {

  margin: 0px auto 30px auto;
  text-align: center;
  color: #707070;
@@ -285,4 +294,17 @@
.login-code-img {
  height: 38px;
}
.title-container {
  position: absolute;
  transform: translateY(-400%);
  left: 35%;
  .title {
    font-size: 40px;
    color: $light_gray;
    margin: 0px auto 20px auto;
    text-align: center;
    font-weight: bold;
    letter-spacing: 20px;
  }
}
</style>