<template>
|
<div class="login-container" ref="login" @keyup.enter.native="handleLogin">
|
<top-color v-show="false"></top-color>
|
<div class="login-weaper animated bounceInDown">
|
<div class="login-left">
|
<div class="login-time">
|
{{ time }}
|
</div>
|
<!-- <img class="img" src="/img/logo.png" alt=""> -->
|
<p class="title">{{ $t('login.info') }}</p>
|
</div>
|
<div class="login-border">
|
<img class="img" src="/img/logo.png" alt="">
|
<div class="login-main">
|
|
<h4 class="login-title">
|
{{ $t('login.title') }}
|
<!-- <top-lang></top-lang> -->
|
</h4>
|
<userLogin v-if="activeName === 'user'"></userLogin>
|
<!-- <codeLogin v-else-if="activeName==='code'"></codeLogin> -->
|
<!-- <thirdLogin v-else-if="activeName==='third'"></thirdLogin> -->
|
<div class="login-menu">
|
<!-- <a href="#" @click.stop="activeName='user'">{{ $t('login.userLogin') }}</a> -->
|
<!--<a href="#" @click.stop="activeName='code'">{{ $t('login.phoneLogin') }}</a>-->
|
<!-- <a href="#" @click.stop="activeName='third'">{{ $t('login.thirdLogin') }}</a> -->
|
<!-- <a :href="website.ssoUrl + website.redirectUri">{{ $t('login.ssoLogin') }}</a> -->
|
</div>
|
</div>
|
|
</div>
|
</div>
|
</div>
|
</template>
|
<script>
|
import Watermark from "@/warterMarkVUE"
|
import userLogin from "./userlogin"
|
import codeLogin from "./codelogin"
|
import thirdLogin from "./thirdlogin"
|
import { mapGetters } from "vuex"
|
import { dateFormat } from "@/util/date"
|
import { validatenull } from "@/util/validate"
|
import topLang from "@/page/index/top/top-lang"
|
import topColor from "@/page/index/top/top-color"
|
import { getQueryString, getTopUrl } from "@/util/util"
|
|
export default {
|
name: "login",
|
components: {
|
userLogin,
|
codeLogin,
|
thirdLogin,
|
topLang,
|
topColor
|
},
|
data () {
|
return {
|
time: "",
|
activeName: "user",
|
socialForm: {
|
tenantId: "000000",
|
source: "",
|
code: "",
|
state: "",
|
}
|
}
|
},
|
watch: {
|
$route () {
|
this.handleLogin()
|
}
|
},
|
created () {
|
Watermark.remove()
|
|
this.handleLogin()
|
this.getTime()
|
},
|
mounted () {
|
},
|
computed: {
|
...mapGetters(["website", "tagWel"])
|
},
|
props: [],
|
methods: {
|
getTime () {
|
setInterval(() => {
|
this.time = dateFormat(new Date())
|
}, 1000)
|
},
|
handleLogin () {
|
const topUrl = getTopUrl()
|
const redirectUrl = "/oauth/redirect/"
|
const ssoCode = "?code="
|
this.socialForm.source = getQueryString("source")
|
this.socialForm.code = getQueryString("code")
|
this.socialForm.state = getQueryString("state")
|
if (validatenull(this.socialForm.source) && topUrl.includes(redirectUrl)) {
|
let source = topUrl.split("?")[0]
|
source = source.split(redirectUrl)[1]
|
this.socialForm.source = source
|
}
|
if (topUrl.includes(redirectUrl) && !validatenull(this.socialForm.source) && !validatenull(this.socialForm.code) && !validatenull(this.socialForm.state)) {
|
const loading = this.$loading({
|
lock: true,
|
text: '第三方系统登录中,请稍后。。。',
|
spinner: "el-icon-loading"
|
})
|
this.$store.dispatch("LoginBySocial", this.socialForm).then(() => {
|
window.location.href = topUrl.split(redirectUrl)[0]
|
this.$router.push({ path: this.tagWel.value })
|
loading.close()
|
}).catch(() => {
|
loading.close()
|
})
|
} else if (!topUrl.includes(redirectUrl) && !validatenull(this.socialForm.code) && !validatenull(this.socialForm.state)) {
|
const loading = this.$loading({
|
lock: true,
|
text: '单点系统登录中,请稍后。。。',
|
spinner: "el-icon-loading"
|
})
|
this.$store.dispatch("LoginBySso", this.socialForm).then(() => {
|
window.location.href = topUrl.split(ssoCode)[0]
|
this.$router.push({ path: this.tagWel.value })
|
loading.close()
|
}).catch(() => {
|
loading.close()
|
})
|
}
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss">
|
@import "@/styles/login.scss";
|
</style>
|
