|
@ -1,5 +1,6 @@ |
|
|
<template> |
|
|
<template> |
|
|
<div class="solar"> |
|
|
<div class="solar"> |
|
|
|
|
|
|
|
|
<gisMap2d ref="gisMap2dsolar" style="width:100vw;height:100vh" |
|
|
<gisMap2d ref="gisMap2dsolar" style="width:100vw;height:100vh" |
|
|
:mapZoom = "mapZoom" |
|
|
:mapZoom = "mapZoom" |
|
|
:mapCenter="mapCenter" |
|
|
:mapCenter="mapCenter" |
|
@ -8,6 +9,7 @@ |
|
|
radarSliderRight="14%" |
|
|
radarSliderRight="14%" |
|
|
mapBoxHeight="100vh" @clickPointEvent="clickPointEvent" widgetBoxDisplay="none"></gisMap2d> |
|
|
mapBoxHeight="100vh" @clickPointEvent="clickPointEvent" widgetBoxDisplay="none"></gisMap2d> |
|
|
<div class="solar_left"> |
|
|
<div class="solar_left"> |
|
|
|
|
|
|
|
|
<div> |
|
|
<div> |
|
|
<Bg2 class="content-l-t"> |
|
|
<Bg2 class="content-l-t"> |
|
|
<div class="focuse-header"> |
|
|
<div class="focuse-header"> |
|
@ -65,6 +67,7 @@ |
|
|
</div> |
|
|
</div> |
|
|
</Bg2> |
|
|
</Bg2> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div> |
|
|
<div> |
|
|
<Bg2 class="content-l-t"> |
|
|
<Bg2 class="content-l-t"> |
|
|
<div class="focuse-header"> |
|
|
<div class="focuse-header"> |
|
@ -124,7 +127,7 @@ |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
<script> |
|
|
<script> |
|
|
|
|
|
import homeLeftIcons from "./../../Home/components/homeLeftIcons/index.vue"; |
|
|
import Vue from "vue"; |
|
|
import Vue from "vue"; |
|
|
import { gisMap2d } from 'gis-map-universal' |
|
|
import { gisMap2d } from 'gis-map-universal' |
|
|
import Bg2 from "@screen/components/Decorations/bg-2.vue" |
|
|
import Bg2 from "@screen/components/Decorations/bg-2.vue" |
|
@ -135,6 +138,7 @@ import SolarEnergy from "./../../Home/components/Dialogs/SolarEnergy/index.vue"; |
|
|
const lnglat = [117.16515148266497,35.2797674572588] |
|
|
const lnglat = [117.16515148266497,35.2797674572588] |
|
|
export default { |
|
|
export default { |
|
|
components: { |
|
|
components: { |
|
|
|
|
|
homeLeftIcons, |
|
|
Bg2, |
|
|
Bg2, |
|
|
gisMap2d, |
|
|
gisMap2d, |
|
|
SolarEnergy, |
|
|
SolarEnergy, |
|
@ -191,8 +195,8 @@ export default { |
|
|
} |
|
|
} |
|
|
}).then(result => { |
|
|
}).then(result => { |
|
|
const aryPoints = []; |
|
|
const aryPoints = []; |
|
|
const sa = require(`@screen/images/layerb/路测设备/太阳能板_active.svg`) |
|
|
const sa = require(`@screen/images/layerb/路测设备/离网光伏供电_active.svg`) |
|
|
const sb = require(`@screen/images/layerb/路测设备/太阳能板_fault.svg`) |
|
|
const sb = require(`@screen/images/layerb/路测设备/离网光伏供电_fault.svg`) |
|
|
for(let i of result.data){ |
|
|
for(let i of result.data){ |
|
|
aryPoints.push({ |
|
|
aryPoints.push({ |
|
|
type: 'event', //类型。例如:交通事件、故障停车、摄像机等 【必传字段】 |
|
|
type: 'event', //类型。例如:交通事件、故障停车、摄像机等 【必传字段】 |
|
@ -475,7 +479,16 @@ export default { |
|
|
height: 100%; |
|
|
height: 100%; |
|
|
gap: 10px; |
|
|
gap: 10px; |
|
|
} |
|
|
} |
|
|
|
|
|
.home-left-icons { |
|
|
|
|
|
display: flex; |
|
|
|
|
|
gap: 50px; /* 项之间的间距为10px*/ |
|
|
|
|
|
flex-direction: row; |
|
|
|
|
|
z-index: 0; |
|
|
|
|
|
margin-left: 20px; |
|
|
|
|
|
.item { |
|
|
|
|
|
padding-top: 35px; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
.solar_right { |
|
|
.solar_right { |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
right: 20px; |
|
|
right: 20px; |
|
|