loulijun2021
2022-07-25 864f0e9e1fa3eefc21fe4b44fc8e2bcd5df5a0c3
src/views/login/index.vue
@@ -51,7 +51,7 @@
        <div class="title-container">
          <div class="title_img" />
          <h3 class="title">新凯迪制造云平台</h3>
          <!--          <h3 class="title">新凯迪制造云平台</h3>-->
        </div>
        <el-form-item prop="username">
@@ -61,7 +61,7 @@
          <el-input
            ref="username"
            v-model="loginForm.username"
            placeholder="请输入用户名"
            placeholder="请输入用户编码"
            name="username"
            type="text"
            tabindex="1"
@@ -84,7 +84,7 @@
            ref="password"
            v-model="loginForm.password"
            :type="passwordType"
            placeholder="请输入密码"
            placeholder="请输入用户密码"
            name="password"
            tabindex="2"
            style="width: 100%;"
@@ -103,7 +103,7 @@
        <el-button
          :loading="loading"
          type="primary"
          style="width:100%;margin-bottom:30px;"
          style="width:100%;margin-top:20px;"
          @click.native.prevent="handleLogin"
        >登录
        </el-button>
@@ -131,26 +131,31 @@
      // } else {
      //   callback()
      // }
      const mPattern = /^\w+$/ // 正则 等价于[A-Za-z0-9_]
      // const mPattern = /^\w+$/ // 正则 等价于[A-Za-z0-9_]
      if (value.length < 5) {
        callback(new Error('账号长度不少于五位!'))
      } else if (!mPattern.test(value)) {
        callback(new Error('账号不符合规则,可输入字母、数字及下划线'))
      if (value.length < 1) {
        callback(new Error('用户编码不能为空!'))
      } else {
        callback()
      }
      // if (value.length < 1) {
      //   callback(new Error('账号不能为空!'))
      // } else if (!mPattern.test(value)) {
      //   callback(new Error('账号不符合规则,可输入字母、数字及下划线'))
      // } else {
      //   callback()
      // }
    }
    const validatePassword = (rule, value, callback) => {
      if (value.length < 6) {
        callback(new Error('密码长度不少于六位!'))
      if (value.length < 1) {
        callback(new Error('用户密码不能为空!'))
      } else {
        callback()
      }
    }
    return {
      loginForm: {
        username: 'Admin',
        username: '002',
        password: '123456'
      },
      loginRules: {
@@ -331,10 +336,11 @@
    align-items: center;
    .title_img {
      background: url("../../assets/images/xkd_logo.png");
      width: 200px;
      height: 100px;
      background: url("../../assets/images/xkd_newlogo.png") no-repeat;
      width: 300px;
      height: 200px;
      margin: -50px 0 20px;
      background-size: 100% 100%;
    }
    .title {