From b33e28bc2843555355ecad59a80c83e3c26445a3 Mon Sep 17 00:00:00 2001 From: riku <risaku@163.com> Date: 星期一, 01 九月 2025 17:29:36 +0800 Subject: [PATCH] 走航季度报告模块(待完成) --- src/views/LoginPage.vue | 30 ++++++++++++++++++++++++------ 1 files changed, 24 insertions(+), 6 deletions(-) diff --git a/src/views/LoginPage.vue b/src/views/LoginPage.vue index e02c33d..018baa7 100644 --- a/src/views/LoginPage.vue +++ b/src/views/LoginPage.vue @@ -34,7 +34,9 @@ </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> @@ -42,13 +44,14 @@ </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: [ @@ -68,13 +71,25 @@ } }; }, + 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 { @@ -84,6 +99,9 @@ }); } } + setTimeout(() => { + this.loading = false; + }, 1000); }); } } @@ -145,6 +163,7 @@ } .btn-login { + color: white; margin-top: 20px; border-radius: 6px; padding: 8px 60px; @@ -185,6 +204,5 @@ rgb(13, 56, 133), rgb(11, 53, 131) ); - cursor: pointer; } </style> -- Gitblit v1.9.3