| | |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | | <div class="btn-login" @click="login">登录</div> |
| | | <el-button class="btn-login" @click="login" :loading="loading" |
| | | >登录</el-button |
| | | > |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import underwayPng from '@/assets/mipmap/underway-2.png'; |
| | | import underwayPng2 from '@/assets/mipmap/underway-2.png'; |
| | | import underwayPng from '@/assets/mipmap/underway.png'; |
| | | import { ElMessage } from 'element-plus'; |
| | | |
| | | export default { |
| | | data() { |
| | | return { |
| | | underwayPng: underwayPng, |
| | | loading: false, |
| | | formObj: {}, |
| | | rules: { |
| | | userName: [ |
| | |
| | | } |
| | | }; |
| | | }, |
| | | computed: { |
| | | underwayPng() { |
| | | if (import.meta.env.VITE_DATA_MODE == 'jingan') { |
| | | return underwayPng2; |
| | | } else { |
| | | return underwayPng; |
| | | } |
| | | } |
| | | }, |
| | | methods: { |
| | | login() { |
| | | this.loading = true; |
| | | this.$refs.formRef.validate((valid) => { |
| | | if (valid) { |
| | | if ( |
| | | this.formObj.userName == 'jingan' && |
| | | this.formObj.password == 'jingan123' |
| | | (this.formObj.userName == 'jingan' && |
| | | this.formObj.password == 'jingan123') || |
| | | (this.formObj.userName == 'feiyu' && |
| | | this.formObj.password == 'fyhb123') |
| | | ) { |
| | | this.$router.replace('/index/hmode'); |
| | | } else { |
| | |
| | | }); |
| | | } |
| | | } |
| | | setTimeout(() => { |
| | | this.loading = false; |
| | | }, 1000); |
| | | }); |
| | | } |
| | | } |
| | |
| | | } |
| | | |
| | | .btn-login { |
| | | color: white; |
| | | margin-top: 20px; |
| | | border-radius: 6px; |
| | | padding: 8px 60px; |
| | |
| | | rgb(13, 56, 133), |
| | | rgb(11, 53, 131) |
| | | ); |
| | | cursor: pointer; |
| | | } |
| | | </style> |