内容提交

whychdw

2024-11-27 393eceedc6ed2382fe60901294f978b73f709fa4

 src/views/login/index.vue

@@ -15,7 +15,7 @@
          tabindex="1" autocomplete="on" />
      </el-form-item>

      <el-tooltip v-model="capsTooltip" content="Caps lock is On" placement="right" manual>
      <el-tooltip v-model="capsTooltip" :content="passwordType === 'password' ?'显示密码':'隐藏密码'" placement="right" manual>
        <el-form-item prop="password">
          <span class="svg-container">
            <svg-icon icon-class="password" />
@@ -50,15 +50,15 @@
  name: 'Login',
  data() {
    const validateUsername: FormItemRule['validator'] = (_rule, value, callback) => {
      if (!validUsername(value)) {
        callback(new Error('Please enter the correct user name'));
      if (!value.trim()) {
        callback(new Error('请输入用户名'));
      } else {
        callback();
      }
    };
    const validatePassword: FormItemRule['validator'] = (_rule, value, callback) => {
      if (value.length < 6) {
        callback(new Error('The password can not be less than 6 digits'));
        callback(new Error('请输入密码，至少6位'));
      } else {
        callback();
      }
@@ -101,11 +101,18 @@
    } else if (this.loginForm.password === '') {
      (this.$refs.password as HTMLElement).focus();
    }
    this.themeChange('blue');
  },
  unmounted() {
    // window.removeEventListener('storage', this.afterQRScan)
  },
  methods: {
    themeChange(val) {
      store.settings().changeSetting({
        key: 'theme',
        value: val
      });
    },
    checkCapslock(e) {
      const { key } = e;
      this.capsTooltip = key && key.length === 1 && (key >= 'A' && key <= 'Z');
@@ -231,16 +238,19 @@
.login-container {
  min-height: 100%;
  width: 100%;
  background-color: $bg;
  background-image: url("./images/login_bg.jpg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  overflow: hidden;

  .login-form {
    position: relative;
    width: 520px;
    max-width: 100%;
    padding: 160px 35px 0;
    margin: 0 auto;
    padding: 36px 35px 36px;
    margin: 260px auto 0;
    overflow: hidden;
    background-color: #1d4167;
  }

  .tips {