|
@@ -1,6 +1,7 @@
|
|
|
<template>
|
|
|
<div :class="['app-container', 'home',processClass]">
|
|
|
-
|
|
|
+ <iframe src="https://big.wdzzgs.com/" frameborder="0"></iframe>
|
|
|
+ <span @click="goBigData" class="full_screen-icon"></span>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -16,17 +17,20 @@ export default {
|
|
|
},
|
|
|
created(){
|
|
|
// 根据环境切换名称和背景图
|
|
|
- if(process.env.NODE_ENV == 'development') { // 开发环境
|
|
|
- this.processClass = 'login-dev';
|
|
|
- } else if (process.env.NODE_ENV == 'staging') { // 测试环境
|
|
|
- this.processClass = 'login-stage';
|
|
|
- } else if (process.env.NODE_ENV == 'production') { // 生产环境
|
|
|
- this.processClass = 'login-prod';
|
|
|
- }
|
|
|
+ // if(process.env.NODE_ENV == 'development') { // 开发环境
|
|
|
+ // this.processClass = 'login-dev';
|
|
|
+ // } else if (process.env.NODE_ENV == 'staging') { // 测试环境
|
|
|
+ // this.processClass = 'login-stage';
|
|
|
+ // } else if (process.env.NODE_ENV == 'production') { // 生产环境
|
|
|
+ // this.processClass = 'login-prod';
|
|
|
+ // }
|
|
|
},
|
|
|
methods: {
|
|
|
goTarget(href) {
|
|
|
window.open(href, "_blank");
|
|
|
+ },
|
|
|
+ goBigData(){
|
|
|
+ window.open('https://big.wdzzgs.com/', "_blank");
|
|
|
}
|
|
|
}
|
|
|
};
|
|
@@ -39,7 +43,22 @@ export default {
|
|
|
align-items: center;
|
|
|
min-height: calc(100vh - 84px);
|
|
|
background-size: 100% 100%;
|
|
|
-
|
|
|
+ position: relative;
|
|
|
+ > iframe {
|
|
|
+ width: 100%;
|
|
|
+ min-height: calc(100vh - 84px);
|
|
|
+ }
|
|
|
+ .full_screen-icon {
|
|
|
+ position: absolute;
|
|
|
+ background-image: url("../assets/sssss.png") !important;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ z-index: 99;
|
|
|
+ width: 28px;
|
|
|
+ height: 28px;
|
|
|
+ top: 43px;
|
|
|
+ right: 80px;
|
|
|
+ }
|
|
|
}
|
|
|
.login-prod {
|
|
|
background-image: url("../assets/images/login-prod.jpg") !important;
|