|
@@ -88,10 +88,10 @@
|
|
<img src="../assets/index_img/r-bj.png" style="position: absolute" class="rotating-bg" />
|
|
<img src="../assets/index_img/r-bj.png" style="position: absolute" class="rotating-bg" />
|
|
</div>
|
|
</div>
|
|
|
|
|
|
- <!-- 地图 -->
|
|
|
|
- <supermap ref="supermap" style="width: 100%;height: 100vh;">
|
|
|
|
- </supermap>
|
|
|
|
-
|
|
|
|
|
|
+<!-- <!– 地图 –>-->
|
|
|
|
+<!-- <supermap ref="supermap" style="width: 100%;height: 100vh;">-->
|
|
|
|
+<!-- </supermap>-->
|
|
|
|
+
|
|
<!-- 底部按钮2层-->
|
|
<!-- 底部按钮2层-->
|
|
<div class="btm-btn2">
|
|
<div class="btm-btn2">
|
|
<div class="btn-span2">
|
|
<div class="btn-span2">
|
|
@@ -132,7 +132,7 @@
|
|
|
|
|
|
<script>
|
|
<script>
|
|
import Cookies from 'js-cookie'
|
|
import Cookies from 'js-cookie'
|
|
- import supermap from '@/components/supermap-2.5d' //超图
|
|
|
|
|
|
+ // import supermap from '@/components/supermap-2.5d' //超图
|
|
import {
|
|
import {
|
|
getUserProfile
|
|
getUserProfile
|
|
} from "@/api/system/user";
|
|
} from "@/api/system/user";
|
|
@@ -145,7 +145,7 @@
|
|
let echarts = require('echarts')
|
|
let echarts = require('echarts')
|
|
export default {
|
|
export default {
|
|
components: {
|
|
components: {
|
|
- supermap,
|
|
|
|
|
|
+ // supermap,
|
|
},
|
|
},
|
|
metaInfo() {
|
|
metaInfo() {
|
|
return {
|
|
return {
|
|
@@ -165,7 +165,7 @@
|
|
},
|
|
},
|
|
mounted() {
|
|
mounted() {
|
|
// 初始化地图数据
|
|
// 初始化地图数据
|
|
- this.getSuperMapUrl();
|
|
|
|
|
|
+ // this.getSuperMapUrl();
|
|
setTimeout(() => {
|
|
setTimeout(() => {
|
|
this.title = '全域视联态势感知平台'
|
|
this.title = '全域视联态势感知平台'
|
|
}, 1000)
|
|
}, 1000)
|
|
@@ -176,26 +176,26 @@
|
|
}
|
|
}
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
- getSuperMapUrl() {
|
|
|
|
- getUserProfile().then(response => {
|
|
|
|
- let mapDeptId = response.mapDeptId
|
|
|
|
- let num = 0;
|
|
|
|
- if (mapDeptId == "365") {
|
|
|
|
- num = 0;
|
|
|
|
- } else if (mapDeptId == "369") {
|
|
|
|
- num = 1;
|
|
|
|
- } else if (mapDeptId == "371") {
|
|
|
|
- num = 2;
|
|
|
|
- } else if (mapDeptId == "373") {
|
|
|
|
- num = 3;
|
|
|
|
- } else if (mapDeptId == "372") {
|
|
|
|
- num = 4;
|
|
|
|
- } else if (mapDeptId == "370") {
|
|
|
|
- num = 5;
|
|
|
|
- }
|
|
|
|
- this.$refs.supermap.removeAllviewer(mapDeptId, -1);
|
|
|
|
- });
|
|
|
|
- },
|
|
|
|
|
|
+ // getSuperMapUrl() {
|
|
|
|
+ // getUserProfile().then(response => {
|
|
|
|
+ // let mapDeptId = response.mapDeptId
|
|
|
|
+ // let num = 0;
|
|
|
|
+ // if (mapDeptId == "365") {
|
|
|
|
+ // num = 0;
|
|
|
|
+ // } else if (mapDeptId == "369") {
|
|
|
|
+ // num = 1;
|
|
|
|
+ // } else if (mapDeptId == "371") {
|
|
|
|
+ // num = 2;
|
|
|
|
+ // } else if (mapDeptId == "373") {
|
|
|
|
+ // num = 3;
|
|
|
|
+ // } else if (mapDeptId == "372") {
|
|
|
|
+ // num = 4;
|
|
|
|
+ // } else if (mapDeptId == "370") {
|
|
|
|
+ // num = 5;
|
|
|
|
+ // }
|
|
|
|
+ // this.$refs.supermap.removeAllviewer(mapDeptId, -1);
|
|
|
|
+ // });
|
|
|
|
+ // },
|
|
},
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|
|
@@ -215,7 +215,7 @@
|
|
0% {
|
|
0% {
|
|
transform: translateY(-100px);
|
|
transform: translateY(-100px);
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+
|
|
100% {
|
|
100% {
|
|
transform: translateY(0);
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
@@ -285,7 +285,7 @@
|
|
filter: brightness(1);
|
|
filter: brightness(1);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+
|
|
|
|
|
|
@keyframes rotate {
|
|
@keyframes rotate {
|
|
from {
|
|
from {
|
|
@@ -306,22 +306,22 @@
|
|
transform: rotate(360deg);
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+
|
|
//底部导航上浮
|
|
//底部导航上浮
|
|
@keyframes btnmove {
|
|
@keyframes btnmove {
|
|
0% {
|
|
0% {
|
|
transform: translateY(200px);
|
|
transform: translateY(200px);
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+
|
|
100% {
|
|
100% {
|
|
transform: translateY(0);
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+
|
|
</style>
|
|
</style>
|
|
<style rel="stylesheet/scss" lang="scss" scoped>
|
|
<style rel="stylesheet/scss" lang="scss" scoped>
|
|
@import '@/assets/styles/base.scss';
|
|
@import '@/assets/styles/base.scss';
|
|
-
|
|
|
|
|
|
+
|
|
.lifeline-con {
|
|
.lifeline-con {
|
|
background: url('../assets/index_img/b-bg.jpg') no-repeat;
|
|
background: url('../assets/index_img/b-bg.jpg') no-repeat;
|
|
|
|
|
|
@@ -474,7 +474,7 @@
|
|
animation: rotate 5s infinite linear;
|
|
animation: rotate 5s infinite linear;
|
|
z-index: 150;
|
|
z-index: 150;
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+
|
|
//底部按钮5个
|
|
//底部按钮5个
|
|
.life-btm-btn{
|
|
.life-btm-btn{
|
|
position: absolute;
|
|
position: absolute;
|
|
@@ -483,7 +483,7 @@
|
|
display: flex;
|
|
display: flex;
|
|
justify-content: center;
|
|
justify-content: center;
|
|
align-items: center;
|
|
align-items: center;
|
|
-
|
|
|
|
|
|
+
|
|
.btn-span:nth-child(1){
|
|
.btn-span:nth-child(1){
|
|
animation: btnmove 1s ;
|
|
animation: btnmove 1s ;
|
|
}
|
|
}
|
|
@@ -502,7 +502,7 @@
|
|
.btn-span{
|
|
.btn-span{
|
|
width: 166px;
|
|
width: 166px;
|
|
height: 50px;
|
|
height: 50px;
|
|
- background:url('../assets/index_img/btm-btn.png') no-repeat center;
|
|
|
|
|
|
+ background:url('../assets/index_img/btm-btn.png') no-repeat center;
|
|
text-align: center;
|
|
text-align: center;
|
|
display: flex;
|
|
display: flex;
|
|
justify-content: center;
|
|
justify-content: center;
|
|
@@ -540,7 +540,7 @@
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
align-items: center;
|
|
transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
-
|
|
|
|
|
|
+
|
|
img{
|
|
img{
|
|
width: 150px;
|
|
width: 150px;
|
|
height: 100px;
|
|
height: 100px;
|
|
@@ -564,4 +564,4 @@
|
|
|
|
|
|
|
|
|
|
}
|
|
}
|
|
-</style>
|
|
|
|
|
|
+</style>
|