feat:动态数据中心

ZhangXianQiang

2024-05-24 aa05304d221b1883d746e686f390d6f3fba598a7

 src/views/login.vue

@@ -3,11 +3,14 @@
    <div class="login-container">
      <div class="login-wrapper">
        <div class="info-wrapper enter-x">
          <div class="title-wrapper">
            <div class="logo">
              <img src="../assets/icons/logo.png" alt="">
            </div>
            <p class="title">运维考核平台</p>
          </div>
          <div class="logo-wrapper">
            <img src="../assets/svg/login-box-bg.svg" alt="">
          </div>
          <div class="title-wrapper">
            <p class="title">自贡公安天网运维平台</p>
          </div>
        </div>
        <div class="form-wrapper">
@@ -97,8 +100,8 @@
    return {
      codeUrl: "",
      loginForm: {
        username: "admin",
        password: "admin123",
        username: "",
        password: "",
        rememberMe: false,
        code: "",
        uuid: ""
@@ -188,9 +191,9 @@
              this.loginInfo = loginInfo.user
              //如果返回为1正常跳转
              if (this.loginInfo.firstLogin == 1) {
                this.$router.push({ path: "/" }).catch(() => { });
                return;
                this.$router.push({ path: this.redirect || "/" }).catch(() => { });
                // this.$router.push({ path: "/" }).catch(() => { });
                // return;
                this.$router.push({ path: this.redirect || "/screen" }).catch(() => { });
              } else {
                localStorage.setItem('firstLogin', 0)
              }
@@ -268,9 +271,10 @@
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;

  .logo-wrapper {
    transform: translateX(-50px);
    transform: translateX(-80px);
    opacity: 0;
    animation: enter-x 0.3s ease forwards;

@@ -280,16 +284,19 @@
  }

  .title-wrapper {
    margin-top: 30px;
    transform: translateX(-50px);
    transform: translateX(-80px);
    opacity: 0;
    animation: enter-x 0.3s ease forwards;
    animation-delay: 0.1s;
    display: flex;
    align-items: center;
    margin-bottom: 50px;

    .title {
      text-align: left;
      font-size: 30px;
      color: #fff;
      margin-left: 10px;
    }
  }
}
@@ -303,13 +310,13 @@
  align-items: center;

  .title {
    transform: translateX(50px);
    transform: translateX(80px);
    opacity: 0;
    animation: enter-x 0.3s ease forwards;
  }

  .login-form {
    transform: translateX(50px);
    transform: translateX(80px);
    opacity: 0;
    animation: enter-x 0.3s ease forwards;
    animation-delay: 0.1s;