| | |
| | | |
| | | <div class="title-container"> |
| | | <div class="title_img" /> |
| | | <h3 class="title">新凯迪制造云平台</h3> |
| | | <!-- <h3 class="title">新凯迪制造云平台</h3>--> |
| | | </div> |
| | | |
| | | <el-form-item prop="username"> |
| | |
| | | <el-button |
| | | :loading="loading" |
| | | type="primary" |
| | | style="width:100%;margin-bottom:30px;" |
| | | style="width:100%;margin-top:20px;" |
| | | @click.native.prevent="handleLogin" |
| | | >登录 |
| | | </el-button> |
| | |
| | | // } 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 |
| | | } |
| | |
| | | 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 { |