File was renamed from src/pages/login.vue |
| | |
| | | <div class="appName">{{ platformName }}</div> |
| | | <div class="login-title">登录</div> |
| | | <div class="lineInput"> |
| | | <img src="../assets/img/login-ico1.png" class="ico1"> |
| | | <img src="../../assets/img/login-ico1.png" class="ico1"> |
| | | <van-field v-model="userName" placeholder="请输入账号" /> |
| | | </div> |
| | | <div class="lineInput"> |
| | | <img src="../assets/img/login-ico2.png" class="ico2"> |
| | | <img src="../../assets/img/login-ico2.png" class="ico2"> |
| | | <van-field v-model="password" placeholder="请输入密码" type="password" /> |
| | | </div> |
| | | <div class="subBtn" @click="submit">登录</div> |
| | |
| | | <script> |
| | | import { |
| | | login, |
| | | searchPlatformName |
| | | } from "@/assets/js/api"; |
| | | searchPlatformName, |
| | | getLoginVerity |
| | | } from "@/pages/login/js/api"; |
| | | import { |
| | | mapMutations, |
| | | } from 'vuex'; |
| | |
| | | return { |
| | | userName: '', |
| | | password: '', |
| | | verifyCode: '', |
| | | platformName: "", |
| | | } |
| | | }, |
| | | mounted() { |
| | | this.changeVerifyCode() |
| | | this.searchPlatformName(); |
| | | }, |
| | | methods: { |
| | |
| | | message: '登录中...', |
| | | duration: 0 |
| | | }) |
| | | login(self.userName, self.password).then(res => { |
| | | login(self.userName, self.password, self.verifyCode).then(res => { |
| | | // 对结果进行处理 |
| | | self.handleLogin(res) |
| | | }).catch(error => { |
| | | // 关闭等待 |
| | | // console.log(error); |
| | | self.$toast("网络异常"); |
| | | }); |
| | | }, |
| | | changeVerifyCode() { |
| | | getLoginVerity().then(res => { |
| | | let rs = JSON.parse(res.data.result); |
| | | if (rs.code == 1) { |
| | | this.verifyCode = rs.data + ""; |
| | | } else { |
| | | this.verifyCode = ""; |
| | | } |
| | | }).catch(error => { |
| | | this.verifyCode = ""; |
| | | }); |
| | | }, |
| | | // 登录验证 |
| | |
| | | path: '/menu' |
| | | }) |
| | | } else { |
| | | this.changeVerifyCode(); |
| | | self.$toast(rs.msg); |
| | | } |
| | | }, |
| | |
| | | .logo-bg { |
| | | width: 100%; |
| | | height: 100%; |
| | | background: url("../assets/img/logo-bg.png") 0 0 no-repeat; |
| | | background: url("../../assets/img/logo-bg.png") 0 0 no-repeat; |
| | | background-size: 100% 100%; |
| | | position: absolute; |
| | | left: 0; |