dai
4 years ago
13 changed files with 602 additions and 272 deletions
|
After Width: | Height: | Size: 187 KiB |
|
After Width: | Height: | Size: 84 KiB |
|
After Width: | Height: | Size: 43 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 237 KiB |
|
After Width: | Height: | Size: 784 B |
|
After Width: | Height: | Size: 700 B |
@ -0,0 +1,115 @@ |
|||
@import "~@/assets/scss/c/config.scss"; |
|||
@import "~@/assets/scss/c/function.scss"; |
|||
|
|||
.g-bd { |
|||
&::before, |
|||
&::after { |
|||
position: absolute; |
|||
top: 0; |
|||
right: 0; |
|||
bottom: 0; |
|||
left: 0; |
|||
z-index: -1; |
|||
content: ""; |
|||
} |
|||
&::before { |
|||
background-image: url(~@/assets/img/index/bg.png); |
|||
background-size: cover; |
|||
} |
|||
&::after { |
|||
// background-color: rgba(38, 50, 56, 0.1); |
|||
} |
|||
} |
|||
.m-list { |
|||
position: fixed; |
|||
top: 50%; |
|||
left: 0; |
|||
right: 0; |
|||
margin: auto; |
|||
transform: translateY(-50%); |
|||
|
|||
.list { |
|||
display: flex; |
|||
justify-content: space-around; |
|||
width: 100%; |
|||
|
|||
.item { |
|||
width: 612px; |
|||
max-width: 612px; |
|||
text-align: center; |
|||
cursor: pointer; |
|||
|
|||
&.z-on { |
|||
.name { |
|||
color: #ffffff; |
|||
background-color: transparent; |
|||
border-color: #ffffff; |
|||
&::before { |
|||
background-color: #ffffff; |
|||
} |
|||
} |
|||
} |
|||
.logo { |
|||
width: 100%; |
|||
} |
|||
.name { |
|||
position: relative; |
|||
width: auto; |
|||
display: inline-block; |
|||
text-align: center; |
|||
margin: 8px auto; |
|||
padding-left: 48px; |
|||
padding-right: 20px; |
|||
height: 42px; |
|||
line-height: 40px; |
|||
background: #ffffff; |
|||
border: 1px solid #b9b9b9; |
|||
border-radius: 21px; |
|||
font-size: 22px; |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
color: #002fec; |
|||
|
|||
&::before { |
|||
content: ""; |
|||
position: absolute; |
|||
display: block; |
|||
top: 0; |
|||
bottom: 0; |
|||
left: 20px; |
|||
margin: auto; |
|||
width: 14px; |
|||
height: 14px; |
|||
background: #0065f6; |
|||
border-radius: 50%; |
|||
} |
|||
} |
|||
|
|||
.tip { |
|||
display: block; |
|||
margin: 0 auto; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
.m-footer { |
|||
position: absolute; |
|||
bottom: 0; |
|||
left: 0; |
|||
right: 0; |
|||
padding: 20px; |
|||
color: rgba(255, 255, 255, 0.6); |
|||
text-align: center; |
|||
p { |
|||
margin: 10px 0; |
|||
} |
|||
a { |
|||
padding: 0 5px; |
|||
color: rgba(255, 255, 255, 0.6); |
|||
&:focus, |
|||
&:hover { |
|||
color: #fff; |
|||
} |
|||
} |
|||
} |
|||
@ -0,0 +1,167 @@ |
|||
@import "~@/assets/scss/c/config.scss"; |
|||
@import "~@/assets/scss/c/function.scss"; |
|||
|
|||
.g-bd { |
|||
&::before, |
|||
&::after { |
|||
position: absolute; |
|||
top: 0; |
|||
right: 0; |
|||
bottom: 0; |
|||
left: 0; |
|||
z-index: -1; |
|||
content: ""; |
|||
} |
|||
&::before { |
|||
background-image: url(~@/assets/img/login/bg.png); |
|||
background-size: cover; |
|||
} |
|||
&::after { |
|||
// background-color: rgba(38, 50, 56, 0.1); |
|||
} |
|||
} |
|||
|
|||
.m-fm { |
|||
position: absolute; |
|||
top: 0; |
|||
bottom: 0; |
|||
right: 13%; |
|||
margin: auto; |
|||
width: 484px; |
|||
height: 429px; |
|||
background: #ffffff; |
|||
box-shadow: 0px 5px 10px 0px rgba(213, 225, 238, 0.5); |
|||
border-radius: 12px 12px 12px 12px; |
|||
|
|||
.wrap { |
|||
padding-top: 5px; |
|||
|
|||
.title { |
|||
margin: 0 auto; |
|||
width: 400px; |
|||
line-height: 80px; |
|||
border-bottom: 1px solid #d4d4d4; |
|||
font-size: 34px; |
|||
font-family: PingFang SC; |
|||
font-weight: bold; |
|||
color: #000000; |
|||
text-align: center; |
|||
} |
|||
.fm { |
|||
padding: 15px 30px; |
|||
|
|||
.fm-item { |
|||
box-sizing: border-box; |
|||
margin: 0 auto; |
|||
margin-top: 16px; |
|||
width: 400px; |
|||
height: 46px; |
|||
line-height: 46px; |
|||
border: 1px solid #c6c6c6; |
|||
border-radius: 4px; |
|||
display: flex; |
|||
align-items: center; |
|||
|
|||
.input { |
|||
width: 85%; |
|||
|
|||
input { |
|||
display: block; |
|||
padding-left: 15px; |
|||
line-height: 44px; |
|||
height: 44px; |
|||
width: 100%; |
|||
border: none; |
|||
} |
|||
} |
|||
|
|||
.ico { |
|||
position: relative; |
|||
width: 35px; |
|||
height: 46px; |
|||
|
|||
img { |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
right: 0; |
|||
bottom: 0; |
|||
margin: auto; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.fm-captcha { |
|||
box-sizing: border-box; |
|||
margin: 0 auto; |
|||
margin-top: 16px; |
|||
width: 400px; |
|||
display: flex; |
|||
align-items: center; |
|||
|
|||
.fm-item { |
|||
margin: 0; |
|||
width: 200px; |
|||
} |
|||
|
|||
.captcha { |
|||
position: relative; |
|||
margin-left: auto; |
|||
width: 180px; |
|||
height: 46px; |
|||
|
|||
img { |
|||
display: block; |
|||
width: 100%; |
|||
height: 100%; |
|||
background-color: #eee; |
|||
border: none; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.fm-btn { |
|||
box-sizing: border-box; |
|||
margin: 0 auto; |
|||
margin-top: 40px; |
|||
width: 400px; |
|||
height: 56px; |
|||
line-height: 56px; |
|||
background: linear-gradient(90deg, #1a5afd, #26c4ff); |
|||
border-radius: 4px; |
|||
font-size: 23px; |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
color: #ffffff; |
|||
text-align: center; |
|||
cursor: pointer; |
|||
} |
|||
} |
|||
.hint { |
|||
display: none; |
|||
padding-left: 40px; |
|||
color: rgb(255, 80, 80); |
|||
} |
|||
} |
|||
} |
|||
|
|||
.m-footer { |
|||
position: absolute; |
|||
bottom: 0; |
|||
left: 0; |
|||
right: 0; |
|||
padding: 20px; |
|||
color: rgba(255, 255, 255, 0.6); |
|||
text-align: center; |
|||
p { |
|||
margin: 10px 0; |
|||
} |
|||
a { |
|||
padding: 0 5px; |
|||
color: rgba(255, 255, 255, 0.6); |
|||
&:focus, |
|||
&:hover { |
|||
color: #fff; |
|||
} |
|||
} |
|||
} |
|||
@ -0,0 +1,86 @@ |
|||
<template> |
|||
<div class="g-app"> |
|||
<div class="g-bd" v-if="true"> |
|||
<div class="m-list"> |
|||
<div class="list"> |
|||
<div class="item" @click="handleClickItem(1)"> |
|||
<img class="logo" src="@/assets/img/index/logo-1.png" alt="" /> |
|||
<div class="name">党建引领基层治理互联管理平台</div> |
|||
<img src="@/assets/img/index/zhuangshi.png" class="tip" /> |
|||
</div> |
|||
|
|||
<div class="item z-on" @click="handleClickItem(2)"> |
|||
<img class="logo" src="@/assets/img/index/logo-2.png" alt="" /> |
|||
<div class="name">数据分析可视化平台</div> |
|||
<img src="@/assets/img/index/zhuangshi.png" class="tip" /> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="m-footer"> |
|||
<div class="login-footer"> |
|||
<p> |
|||
<a href="" target="_blank">{{ $t('login.copyright') }}</a> |
|||
</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import Cookies from 'js-cookie' |
|||
import debounce from 'lodash/debounce' |
|||
import { messages } from '@/i18n' |
|||
import { getUUID } from '@/utils' |
|||
import { Loading } from 'element-ui' // 引入Loading服务 |
|||
import JSEncrypt from 'jsencrypt' //引入加密 |
|||
|
|||
let loading // 加载动画 |
|||
export default { |
|||
data() { |
|||
return { |
|||
pubKey: null, // 获取到公钥 |
|||
isShowLogin: true, |
|||
i18nMessages: messages |
|||
} |
|||
}, |
|||
components: {}, |
|||
computed: {}, |
|||
created() {}, |
|||
mounted() {}, |
|||
|
|||
methods: { |
|||
handleClickItem(k) { |
|||
if (k == 1) { |
|||
this.$router.replace({ name: 'home' }) |
|||
} else if (k == 2) { |
|||
this.$router.replace({ name: 'home' }) |
|||
} |
|||
}, |
|||
|
|||
// 平阴联动 自动登录接口 |
|||
getAutoLogin(platformToken) { |
|||
this.dataForm.thirdToken = platformToken |
|||
this.dataForm.platform = 'pyld' |
|||
this.$http |
|||
.post(`/auth/sso/oper/third/login`, this.dataForm) |
|||
.then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
if (res.code == 8302) { |
|||
return this.$message.error(res.msg) |
|||
} |
|||
return this.$message.error(res.msg) |
|||
} |
|||
localStorage.setItem('customerId', res.data.customerId) |
|||
localStorage.setItem('userType', 'work') |
|||
localStorage.setItem('showHeader', '0') |
|||
Cookies.set('token', res.data.token) |
|||
this.$router.replace({ name: 'home' }) |
|||
}) |
|||
.catch(() => {}) |
|||
// epmet-ext9.elinkservice.cn/platform-admin |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" src="@/assets/scss/pages/indexWork.scss"></style> |
|||
Loading…
Reference in new issue