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