|
@@ -2,12 +2,12 @@
|
|
|
<div style="height:calc(100vh);width:100%;background: #000">
|
|
|
<div class="page largeScreeanHomePage">
|
|
|
<div class="timeBox">{{ time }}</div>
|
|
|
-<!-- <div class="kaiguanBox"><img src="../../../public/largeScreenImg/kaiguan.png" style="width: 30px;height: 30px"/>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <div class="mapImg"><img src="../../../public/largeScreenImg/tupian.png" style="width: 30px;height: 30px"-->
|
|
|
-<!-- @click="clickBtu('mapImg')"/></div>-->
|
|
|
+ <!-- <div class="kaiguanBox"><img src="../../../public/largeScreenImg/kaiguan.png" style="width: 30px;height: 30px"/>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- <div class="mapImg"><img src="../../../public/largeScreenImg/tupian.png" style="width: 30px;height: 30px"-->
|
|
|
+ <!-- @click="clickBtu('mapImg')"/></div>-->
|
|
|
<div class="topTiltle">
|
|
|
- <span class="title">辽宁省风光资源概况</span>
|
|
|
+ <span class="title">某省风光资源概况</span>
|
|
|
</div>
|
|
|
<div class="btuGroup">
|
|
|
<div class="topBtu topLeftBtu" @click="pushNext()">
|
|
@@ -31,7 +31,7 @@
|
|
|
referrerpolicy="no-referrer"
|
|
|
src="../../assets/largeScreenImg/index/tiltleLeftSign.png"
|
|
|
/>
|
|
|
- <span class="branckTitle">辽宁省风光资源概况</span>
|
|
|
+ <span class="branckTitle">某省风光资源概况</span>
|
|
|
</div>
|
|
|
<div class="mainContent">
|
|
|
<span class="content">{{ resourcesOverview }}</span>
|
|
@@ -47,22 +47,22 @@
|
|
|
<div id="mapBtuSix" class="mapBtu mapBtuAfter" @click="clickBtu('mapBtuSix')">
|
|
|
<span class="mapBtuText">3D地形图</span>
|
|
|
</div>
|
|
|
- <div id="mapBtuThree" class="mapBtu mapBtuAfter" @click="clickBtu1('mapBtuThree')">
|
|
|
+ <div id="mapBtuThree" class="mapBtu mapBtuAfter" @click="clickBtu('mapBtuThree')">
|
|
|
<span class="mapBtuText">风资源分布图</span>
|
|
|
</div>
|
|
|
<!-- <div id="mapBtuFour" class="mapBtu mapBtuAfter" @click="clickBtu('mapBtuFour')">-->
|
|
|
<!-- <span class="mapBtuText">光辐射气象图</span>-->
|
|
|
<!-- </div>-->
|
|
|
- <div id="mapBtuFive" class="mapBtu mapBtuAfter" @click="clickBtu1('mapBtuFive')">
|
|
|
+ <div id="mapBtuFive" class="mapBtu mapBtuAfter" @click="clickBtu('mapBtuFive')">
|
|
|
<span class="mapBtuText">光资源分布图</span>
|
|
|
</div>
|
|
|
|
|
|
-<!-- <div id="mapImg" class="mapBtu mapBtuBefore" v-show="false"></div>-->
|
|
|
+ <!-- <div id="mapImg" class="mapBtu mapBtuBefore" v-show="false"></div>-->
|
|
|
</div>
|
|
|
-<!-- <div v-if="mapMark === 'mapImg'">-->
|
|
|
-<!-- <img src="../../../public/largeScreenImg/mapimg.png"-->
|
|
|
-<!-- style="width: 100%;height: calc(91vh);object-fit: cover;"/>-->
|
|
|
-<!-- </div>-->
|
|
|
+ <!-- <div v-if="mapMark === 'mapImg'">-->
|
|
|
+ <!-- <img src="../../../public/largeScreenImg/mapimg.png"-->
|
|
|
+ <!-- style="width: 100%;height: calc(91vh);object-fit: cover;"/>-->
|
|
|
+ <!-- </div>-->
|
|
|
<div v-if="mapMark === 'mapBtuOne'">
|
|
|
<bige-map ref="childMethod" :mapValue="mapValue"/>
|
|
|
<!-- <bige-map-e22 ref="childMethod" :mapValue="mapValue"/>-->
|
|
@@ -74,10 +74,10 @@
|
|
|
<bige-map3-d :mapValue="mapValue"/>
|
|
|
</div>
|
|
|
<div v-if="mapMark === 'mapBtuThree'">
|
|
|
- <bige-heat-map ref="childMethod" :mapValue="mapValue"/>
|
|
|
+ <bige-heat-map ref="childMethod" :mapValue="mapValue"/>
|
|
|
</div>
|
|
|
<div v-if="mapMark === 'mapBtuFive'">
|
|
|
- <bige-heat-sun-map ref="childMethod" :mapValue="mapValue"/>
|
|
|
+ <bige-heat-sun-map ref="childMethod" :mapValue="mapValue"/>
|
|
|
</div>
|
|
|
<div v-if="mapMark === 'mapBtu'">
|
|
|
<!-- <zai-xian-bige-map ref="childMethod" :mapValue="mapValue"/>-->
|
|
@@ -98,7 +98,7 @@ import windRender from "../windData/windRender";
|
|
|
export default {
|
|
|
name: "index",
|
|
|
components: {
|
|
|
- bigeMap, bigeHeatMap, bigeHeatSunMap, zaiXianBigeMap, bigeMap3D,windRender
|
|
|
+ bigeMap, bigeHeatMap, bigeHeatSunMap, zaiXianBigeMap, bigeMap3D, windRender
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
@@ -166,14 +166,6 @@ export default {
|
|
|
this.mapMark = 'mapBtu'
|
|
|
}
|
|
|
},
|
|
|
- clickBtu1(id) {
|
|
|
- let clickItem = document.getElementById(id)
|
|
|
- let activeItem = document.querySelector('.mapBtuBefore')
|
|
|
- activeItem.classList.remove('mapBtuBefore')
|
|
|
- activeItem.classList.add('mapBtuAfter')
|
|
|
- clickItem.classList.remove('mapBtuAfter')
|
|
|
- clickItem.classList.add('mapBtuBefore')
|
|
|
- },
|
|
|
clickBtu(id) {
|
|
|
let center = [46.69090, 128.13354]
|
|
|
let level = 7
|
|
@@ -187,7 +179,7 @@ export default {
|
|
|
level: level === '' ? null : level,//地图层级
|
|
|
center: center,//中心坐标
|
|
|
allStationInfo: null,//场站坐标
|
|
|
- allPointInfo:null
|
|
|
+ allPointInfo: null
|
|
|
}
|
|
|
this.mapMark = id
|
|
|
let clickItem = document.getElementById(id)
|