<template>
|
<div class="login-container" @keyup.enter="handleLogin">
|
<div class="login-header">
|
<div class="title">中图智飞低空智能感知网平台</div>
|
</div>
|
<!-- <div class="login-left-title">中国图强 智领飞跃</div> -->
|
<div class="login-left"></div>
|
<userLogin v-if="activeName === 'user'"></userLogin>
|
</div>
|
</template>
|
<script>
|
import userLogin from './userlogin.vue';
|
import registerLogin from './registerlogin.vue';
|
import codeLogin from './codelogin.vue';
|
import thirdLogin from './thirdlogin.vue';
|
import { mapGetters } from 'vuex';
|
import { validatenull } from '@/utils/validate';
|
import topLang from '@/page/index/top/top-lang.vue';
|
import { getQueryString, getTopUrl } from '@/utils/util';
|
import website from '@/config/website';
|
|
export default {
|
name: 'login',
|
components: {
|
userLogin,
|
registerLogin,
|
codeLogin,
|
thirdLogin,
|
topLang,
|
},
|
data() {
|
return {
|
login:{
|
info: '中图智飞低空智能感知网平台'
|
},
|
website: website,
|
time: '',
|
activeName: 'user',
|
socialForm: {
|
tenantId: '000000',
|
source: '',
|
code: '',
|
state: '',
|
},
|
};
|
},
|
watch: {
|
$route() {
|
this.handleLogin();
|
},
|
},
|
created() {
|
this.handleLogin();
|
this.getTime();
|
},
|
mounted() {},
|
computed: {
|
...mapGetters(['tagWel']),
|
},
|
props: [],
|
methods: {
|
getTime() {
|
setInterval(() => {
|
this.time = this.$dayjs().format('YYYY年MM月DD日 HH:mm:ss');
|
}, 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: '第三方系统登录中,请稍后',
|
background: 'rgba(0, 0, 0, 0.7)',
|
});
|
this.$store
|
.dispatch('LoginBySocial', this.socialForm)
|
.then(() => {
|
window.location.href = topUrl.split(redirectUrl)[0];
|
//加载工作流路由集
|
this.loadFlowRoutes();
|
this.$router.push(this.tagWel);
|
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: '单点系统登录中,请稍后',
|
background: 'rgba(0, 0, 0, 0.7)',
|
});
|
this.$store
|
.dispatch('LoginBySso', this.socialForm)
|
.then(() => {
|
window.location.href = topUrl.split(ssoCode)[0];
|
//加载工作流路由集
|
this.loadFlowRoutes();
|
this.$router.push(this.tagWel);
|
loading.close();
|
})
|
.catch(() => {
|
loading.close();
|
});
|
}
|
},
|
loadFlowRoutes() {
|
this.$store.dispatch('FlowRoutes').then(() => {});
|
},
|
},
|
};
|
</script>
|
|
<style lang="scss" scoped>
|
// .login-index {
|
// position: relative;
|
// width: 100%;
|
// height: 100%;
|
// background: url('@/assets/images/login/bg.png') no-repeat center / 100% 100%;
|
// .login-header {
|
// background: url('@/assets/images/login/big-title.png') no-repeat center / 100% 100%;
|
// width: 100%;
|
// height: 102px;
|
// position: relative;
|
// .title {
|
// position: absolute;
|
// left: 637px;
|
// top: 22px;
|
// width: 646px;
|
// height: 58px;
|
// font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
|
// font-weight: 400;
|
// font-size: 54px;
|
// line-height: 58px;
|
// // text-shadow: 0px 2px 6px #0C3D79;
|
// text-align: center;
|
// font-style: normal;
|
// text-transform: none;
|
// color: #fff;
|
// // background: linear-gradient(90deg, #FFFFFF 0%, #B2D5FF 100%);
|
// }
|
// }
|
// .login-left-title {
|
// position: absolute;
|
// left: 147px;
|
// top: 263px;
|
// width: 926px;
|
// height: 42px;
|
// font-family: Source Han Sans CN, Source Han Sans CN;
|
// font-weight: bold;
|
// font-size: 28px;
|
// line-height: 33px;
|
// letter-spacing: 30px;
|
// // text-shadow: 0px 4px 6px rgba(0,0,0,0.72);
|
// color: #fff;
|
// text-align: center;
|
// font-style: normal;
|
// text-transform: none;
|
// // background: linear-gradient(90.00000000000004deg, #FFFFFF 0%, #E3FEFF 63%, #88BAFF 100%);
|
// }
|
// .login-left {
|
// position: absolute;
|
// top: 334px;
|
// left: 147px;
|
// width: 858px;
|
// height: 540px;
|
// background: url('@/assets/images/login/left-logo.png') no-repeat center / 100% 100%;
|
// }
|
|
// .login-right {
|
// position: absolute;
|
// top: 305px;
|
// right: 291px;
|
// width: 488px;
|
// height: 508px;
|
// background: url('@/assets/images/login/right-login-info.png') no-repeat center / 100% 100%;
|
// .user-login {
|
// position: absolute;
|
// top: 72px;
|
// left: 180px;
|
// width: 118px;
|
// height: 26px;
|
// font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
|
// font-weight: 400;
|
// font-size: 32px;
|
// // color: #D1E0F9;
|
// color: #fff;
|
// line-height: 26px;
|
// text-align: center;
|
// }
|
// .username {
|
// position: absolute;
|
// top: 127px;
|
// left: 46px;
|
// width: 394px;
|
// height: 72px;
|
// background: url('../assets/images/login/username.png') no-repeat center / 100% 100%;
|
// // :deep(.el-form-item) {
|
// // width: 120px;
|
// // }
|
// }
|
// .password {
|
// position: absolute;
|
// top: 208px;
|
// left: 46px;
|
// width: 394px;
|
// height: 72px;
|
// background: url('../assets/images/login/password.png') no-repeat center / 100% 100%;
|
// }
|
// .forgot-password {
|
// position: absolute;
|
// width: 64px;
|
// height: 24px;
|
// top: 289px;
|
// right: 58px;
|
// font-family: Source Han Sans CN, Source Han Sans CN;
|
// font-weight: 500;
|
// font-size: 16px;
|
// color: #D1E0F9;
|
// line-height: 19px;
|
// }
|
// .login-click {
|
// position: absolute;
|
// bottom: 106px;
|
// left: 44px;
|
// width: 391px;
|
// height: 61px;
|
// background: url('../assets/images/login/login-btn.png') no-repeat center / 100% 100%;
|
// font-family: Source Han Sans CN, Source Han Sans CN;
|
// font-weight: 500;
|
// font-size: 24px;
|
// line-height: 50px;
|
// text-align: center;
|
// color: #fff;
|
// }
|
// }
|
// }
|
</style>
|
