|
|
|
@ -5,7 +5,7 @@ |
|
|
|
<template> |
|
|
|
<div class="login" @keydown.enter="handleSubmit"> |
|
|
|
<div class="login-con"> |
|
|
|
<Card icon="md-log-in" title="欢迎登录ApiAdmin后台管理系统" :bordered="false"> |
|
|
|
<Card icon="md-log-in" title="欢迎使用本系统" :bordered="false"> |
|
|
|
<div class="form-con"> |
|
|
|
<Form ref="loginForm" :model="form" :rules="rules"> |
|
|
|
<FormItem prop="username"> |
|
|
|
@ -26,41 +26,23 @@ |
|
|
|
<Button type="primary" long :loading="loading" @click="handleSubmit">登录</Button> |
|
|
|
</FormItem> |
|
|
|
</Form> |
|
|
|
<div style="padding-top:10px;font-size: 11px;border-top: 1px solid #e9eaec;"> |
|
|
|
<span style="vertical-align:middle;">其他登录:</span> |
|
|
|
<img style="vertical-align:middle;" @click="qqLogin" :src="qq_login" alt=""> |
|
|
|
<img style="vertical-align:middle;" @click="wxLogin" :src="wx_login" alt=""> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
</Card> |
|
|
|
</div> |
|
|
|
<Modal v-model="wxQrModel" width="360"> |
|
|
|
<p slot="header" style="color:#2d8cf0;"> |
|
|
|
<Icon type="information-circled"></Icon> |
|
|
|
<span>请用微信扫码登录</span> |
|
|
|
</p> |
|
|
|
<div style="text-align:center"> |
|
|
|
<img :src="wxQrUrl" alt=""> |
|
|
|
</div> |
|
|
|
<div slot="footer"> |
|
|
|
<Button type="primary" size="large" long @click="wxQrModel = false">关闭</Button> |
|
|
|
</div> |
|
|
|
</Modal> |
|
|
|
|
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import { mapActions } from 'vuex' |
|
|
|
import { loginByQQ, wx, getQQCode, getQr, checkWxLogin, getWxCode } from '@/api/third-login' |
|
|
|
import qq_login from '@/assets/images/qq-login.png' |
|
|
|
import wx_login from '@/assets/images/wx-login.png' |
|
|
|
|
|
|
|
import { filterAsyncRouter } from '@/libs/router-utils' |
|
|
|
|
|
|
|
export default { |
|
|
|
data () { |
|
|
|
return { |
|
|
|
qq_login, |
|
|
|
wx_login, |
|
|
|
|
|
|
|
form: { |
|
|
|
username: '', |
|
|
|
password: '' |
|
|
|
@ -73,8 +55,6 @@ export default { |
|
|
|
{ required: true, message: '密码不能为空', trigger: 'blur' } |
|
|
|
] |
|
|
|
}, |
|
|
|
wxQrModel: false, |
|
|
|
wxQrUrl: '', |
|
|
|
loading: false |
|
|
|
} |
|
|
|
}, |
|
|
|
|