| | |
| | | <template> |
| | | <div class="login"> |
| | | <div class="login" v-if="loginType == 'mobilePhone'"> |
| | | <el-form ref="form" :model="form"> |
| | | <el-form-item :rules="[$rules.required('请输入手机号') , $rules.phone()]" prop="mobile"> |
| | | <el-input v-model="form.mobile" placeholder="请输入手机号" style="width: 100%" size="large" /> |
| | |
| | | </template> |
| | | <script> |
| | | import { tokenUtils } from '@/utils/axios.js'; |
| | | import { useLoginStore } from '@/stores/login.js' |
| | | import { isWeixin } from '@/utils/UA.js' |
| | | export default { |
| | | setup() { |
| | | const { lastRouteInfo } = useLoginStore() |
| | | return { lastRouteInfo } |
| | | }, |
| | | data() { |
| | | return { |
| | | loginType: '', //mobile、weixin |
| | | form: { |
| | | mobile: '', |
| | | code: '', |
| | |
| | | }, |
| | | created() { |
| | | tokenUtils.clearTokens() |
| | | this.loginType = isWeixin ? 'weixin' : 'mobilePhone' |
| | | this.loginType = 'mobile' |
| | | }, |
| | | computed: { |
| | | appId() { |
| | |
| | | if (res.data.code == 0) { |
| | | const resData = res.data.data |
| | | tokenUtils.setTokens(resData.accessToken, resData.refreshToken) |
| | | this.$router.replace({ path: '/h5/verify', query: { appId: this.appId } }) |
| | | this.$message.success('登录成功') |
| | | if (this.lastRouteInfo.name) { |
| | | this.$router.replace(this.lastRouteInfo) |
| | | } |
| | | } else { |
| | | this.$message.error(res.data.msg) |
| | | this.$message.error(res.data.msg || '登录失败') |
| | | } |
| | | }).finally(() => { |
| | | this.loginLoading = false |