7 changed files with 102 additions and 9 deletions
@ -0,0 +1,83 @@ |
|||
<template> |
|||
<div class="g-app"> |
|||
<div class="m-loading"> |
|||
<p v-if="status == 'success'">登录成功</p> |
|||
<p v-else-if="status == 'failed'">登录失败</p> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { requestPost } from "@/js/dai/request"; |
|||
import getQueryPara from "dai-js/modules/getQueryPara"; |
|||
|
|||
export default { |
|||
data() { |
|||
return { |
|||
status: "ing", |
|||
}; |
|||
}, |
|||
components: {}, |
|||
computed: {}, |
|||
async mounted() { |
|||
let ticket = getQueryPara("ticket"); |
|||
const loading = this.$loading({ |
|||
lock: true, |
|||
text: "登录中……", |
|||
spinner: "el-icon-loading", |
|||
customClass: "u-loading-yantai-login-transit", |
|||
background: "rgba(255, 255, 255, 0.7)", |
|||
}); |
|||
await this.login(ticket); |
|||
loading.close(); |
|||
}, |
|||
|
|||
methods: { |
|||
//根据社区id获取小区列表 |
|||
async login(ticket) { |
|||
const url = "/gov222"; |
|||
|
|||
let params = { |
|||
ticket, |
|||
}; |
|||
|
|||
const { data, code, msg } = await requestPost(url, params); |
|||
|
|||
if (code === 0) { |
|||
this.status = "success"; |
|||
this.$router.replace("/"); |
|||
} else { |
|||
this.status = "failed"; |
|||
} |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.m-loading { |
|||
text-align: center; |
|||
margin-top: 10vh; |
|||
line-height: 100px; |
|||
font-size: 50px; |
|||
color: rgb(62, 142, 247); |
|||
} |
|||
</style> |
|||
|
|||
<style lang="scss"> |
|||
.u-loading-yantai-login-transit { |
|||
margin-top: -140px; |
|||
// transform: translateY(-100px); |
|||
.el-loading-spinner { |
|||
.el-loading-text, |
|||
.el-icon-loading { |
|||
line-height: 60px; |
|||
font-size: 30px; |
|||
color: rgb(62, 142, 247); |
|||
} |
|||
.el-icon-loading { |
|||
font-size: 40px; |
|||
} |
|||
} |
|||
} |
|||
</style> |
Loading…
Reference in new issue