1.优化动态路由

loulijun2021

2022-06-26 0d86c19b122011dc528c624597b0952660d69aba

 src/views/login/index.vue

@@ -131,39 +131,40 @@
      // } else {
      //   callback()
      // }
      const mPattern = /^\w+$/ // 正则 等价于[A-Za-z0-9_]
      if (value.length < 5) {
        callback(new Error('账号长度不少于五位！'))
      } else if (!mPattern.test(value)) {
        callback(new Error('账号不符合规则，可输入字母、数字及下划线'))
      // const mPattern = /^\w+$/ // 正则 等价于[A-Za-z0-9_]

      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',
        password: '123456'
        username: 'Admin', // Admin
        password: '123456'// 123456
      },
      loginRules: {
        username: [{ required: true, trigger: 'blur', validator: validateUsername }],
        password: [{ required: true, trigger: 'blur', validator: validatePassword }]
        username: [{ required: true, trigger: ['blur', 'change'], validator: validateUsername }],
        password: [{ required: true, trigger: ['blur', 'change'], validator: validatePassword }]
      },
      loading: false,
      passwordType: 'password',
      redirect: undefined,
      // carouselArr: [
      //   { url: '@/assets/images/img1.png', title: '智慧物联', content: '生产现场数据实时采集、传达、多维度可视化呈现' }
      //   // { url: 'yellow', title: '智慧物联2', content: '生产现场数据实时采集、传达、多维度可视化呈现2' },
      //   // { url: 'blue', title: '智慧物联3', content: '生产现场数据实时采集、传达、多维度可视化呈现3' }
      // ],
      focus1: false,
      focus2: false
    }