fengyuan_yang
2 years ago
3 changed files with 253 additions and 4 deletions
-
1src/router/index.js
-
242src/views/common/login-token.vue
-
14src/views/modules/changeManagement/changeRecord.vue
@ -0,0 +1,242 @@ |
|||
<template> |
|||
<div style="width: 100vw;height: 100vh" v-loading="true" element-loading-text="拼命加载中" element-loading-spinner="el-icon-loading"> |
|||
|
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { getUUID } from '@/utils' |
|||
import {getConfigParams} from '@/api/sysConfig.js' |
|||
import { |
|||
getSiteData, |
|||
} from "@/api/base/site.js" |
|||
export default { |
|||
data () { |
|||
return { |
|||
src: 'http://192.168.1.83/upload/ifs.png', |
|||
dataForm: { |
|||
userName: '', |
|||
password: '', |
|||
uuid: '', |
|||
captcha: '', |
|||
site:'' |
|||
}, |
|||
siteList: [], |
|||
dataRule: { |
|||
userName: [ |
|||
{ required: true, message: '帐号不能为空', trigger: 'blur' } |
|||
], |
|||
password: [ |
|||
{ required: true, message: '密码不能为空', trigger: 'blur' } |
|||
] |
|||
}, |
|||
captchaPath: '', |
|||
urlParam: {} |
|||
} |
|||
}, |
|||
computed: { |
|||
multiLanguage: { |
|||
get() { |
|||
return this.$store.state.user.multiLanguage |
|||
}, |
|||
set(val) { |
|||
this.$store.commit('user/updateMultiLanguage', val) |
|||
} |
|||
}, |
|||
authControl: { |
|||
get() { |
|||
return this.$store.state.user.authControl |
|||
}, |
|||
set(val) { |
|||
this.$store.commit('user/updateAuthControl', val) |
|||
} |
|||
} |
|||
}, |
|||
created () { |
|||
this.userName() |
|||
this.getSiteData() |
|||
this.getUrlParams() |
|||
}, |
|||
methods: { |
|||
// 解析url参数 |
|||
getUrlParams() { |
|||
let url = window.location.href |
|||
// 通过 ? 分割获取后面的参数字符串 |
|||
let urlStr = url.split('?')[1] |
|||
// 创建空对象存储参数 |
|||
let obj = {}; |
|||
// 再通过 & 将每一个参数单独分割出来 |
|||
let paramsArr = urlStr.split('&') |
|||
for(let i = 0,len = paramsArr.length;i < len;i++){ |
|||
// 再通过 = 将每一个参数分割为 key:value 的形式 |
|||
let arr = paramsArr[i].split('=') |
|||
obj[arr[0]] = arr[1]; |
|||
} |
|||
console.log(obj) |
|||
this.urlParam = obj |
|||
this.dataFormSubmit() |
|||
}, |
|||
|
|||
getSiteData () { |
|||
let data = {} |
|||
getSiteData(data).then(({data}) => { |
|||
this.siteList = data.rows |
|||
if (this.siteList.length > 0) { |
|||
this.dataForm.site = this.siteList[0].siteID |
|||
} |
|||
}) |
|||
}, |
|||
|
|||
// 获取上次登陆的用户名 |
|||
userName () { |
|||
this.dataForm.userName = localStorage.getItem('userName') |
|||
}, |
|||
|
|||
// 提交表单 |
|||
dataFormSubmit () { |
|||
this.$http({ |
|||
url: this.$http.adornUrl('/sys/loginToken'), |
|||
method: 'post', |
|||
data: this.$http.adornData({ |
|||
'domainControlAccount': this.urlParam.dca, |
|||
'token': this.urlParam.token, |
|||
'site': this.urlParam.site |
|||
}) |
|||
}).then(({data}) => { |
|||
if (data && data.code === 0) { |
|||
this.$cookie.set('token', data.token) |
|||
this.$router.replace({ |
|||
name: this.urlParam.path, |
|||
params: { |
|||
site: this.urlParam.site, |
|||
docNo: this.urlParam.docNo, |
|||
type: "tokenLogin" |
|||
} |
|||
}) |
|||
this.$i18n.locale = data.language |
|||
localStorage.setItem('locale', data.language) |
|||
localStorage.setItem('refresh', "0") |
|||
localStorage.setItem('userName', data.userName) |
|||
localStorage.setItem('accessSite', this.urlParam.site) |
|||
this.getConfigParams() |
|||
} else { |
|||
this.$message.error(data.msg) |
|||
} |
|||
}) |
|||
}, |
|||
// 获取全局参数变量 |
|||
getConfigParams() { |
|||
getConfigParams().then(({data}) => { |
|||
if (data && data.code == 0) { |
|||
localStorage.setItem('configParams', JSON.stringify(data.data)) |
|||
// this.multiLanguage = JSON.parse(localStorage.getItem('configParams')).multiLanguage |
|||
// this.authControl = JSON.parse(localStorage.getItem('configParams')).authControl |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.site-wrapper.site-page--login { |
|||
position: absolute; |
|||
top: 0; |
|||
right: 0; |
|||
bottom: 0; |
|||
left: 0; |
|||
background-color: rgba(38, 50, 56, 0); |
|||
overflow: hidden; |
|||
&:before { |
|||
position: fixed; |
|||
top: 0; |
|||
left: 0; |
|||
z-index: -1; |
|||
width: 80%; |
|||
height: 100%; |
|||
content: ""; |
|||
background-image: url(~@/assets/img/login_bg.jpg); |
|||
background-size: cover; |
|||
} |
|||
.site-content__wrapper { |
|||
position: absolute; |
|||
top: 0; |
|||
right: 0; |
|||
bottom: 0; |
|||
left: 0; |
|||
padding: 0; |
|||
margin: 0; |
|||
overflow-x: hidden; |
|||
overflow-y: auto; |
|||
background-color: transparent; |
|||
} |
|||
.site-content { |
|||
min-height: 100%; |
|||
padding: 15% 500px 30px 30px; |
|||
} |
|||
.brand-info { |
|||
margin: 220px 100px 0 90px; |
|||
color: #fff; |
|||
} |
|||
.brand-info__text { |
|||
margin: 0 0 22px 0; |
|||
font-size: 48px; |
|||
font-weight: 400; |
|||
text-transform : uppercase; |
|||
} |
|||
.brand-info__intro { |
|||
margin: 10px 0; |
|||
font-size: 16px; |
|||
line-height: 1.58; |
|||
opacity: .6; |
|||
} |
|||
.login-main { |
|||
position: absolute; |
|||
top: 0; |
|||
right: 0; |
|||
padding: 15% 60px 180px; |
|||
width: 350px; |
|||
min-height: 100%; |
|||
background-color: transparent; |
|||
} |
|||
.login-main-2 { |
|||
position: absolute; |
|||
top: 0; |
|||
right: 0; |
|||
padding: 15% 60px 180px; |
|||
width: 350px; |
|||
min-height: 100%; |
|||
background-color: transparent; |
|||
} |
|||
.login-title { |
|||
font-size: 30px; |
|||
} |
|||
.login-captcha { |
|||
overflow: hidden; |
|||
> img { |
|||
width: 100%; |
|||
cursor: pointer; |
|||
} |
|||
} |
|||
.login-btn-submit { |
|||
width: 100%; |
|||
|
|||
} |
|||
.login-main .el-input__inner{ |
|||
margin-top: 10px; |
|||
height: 45px; |
|||
} |
|||
.el-button--medium { |
|||
margin-top: 0px; |
|||
padding: 5px 11px; |
|||
font-size: 16px; |
|||
border-radius: 4px; |
|||
} |
|||
.el-form-item { |
|||
margin-bottom: 5px; |
|||
} |
|||
} |
|||
|
|||
|
|||
|
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue