|
@@ -1,35 +1,47 @@
|
|
|
<template>
|
|
|
- <div class="tower">
|
|
|
- <Wave></Wave>
|
|
|
- <Windmill class="windmill-1"></Windmill>
|
|
|
- <Windmill class="windmill-2"></Windmill>
|
|
|
- <Windmill class="windmill-3"></Windmill>
|
|
|
- <Windmill class="windmill-4"></Windmill>
|
|
|
- <Windmill class="windmill-5"></Windmill>
|
|
|
- <WindTower :data="cftmap"></WindTower>
|
|
|
- <dash-pie-chart class="pie-left" title="空气密度" :value="cftmap.KQMD || 0" height="9.722vh" width="9.722vh" />
|
|
|
- <dash-pie-chart class="pie-right" title="压强" :value="cftmap.FCCFTYQ || 0" height="9.722vh" width="9.722vh" />
|
|
|
- <Panel class="panel-top" title="日资源玫瑰图" :bgBlur="true">
|
|
|
- <div class="direction-chart">
|
|
|
- <DirectionRadarChart width="100%" height="23vh" :value="rmgtmap" />
|
|
|
- <div class="legend">
|
|
|
- <span class="dot bg-purple"></span>
|
|
|
- <span>{{ rmgtTitle || "" }}</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </Panel>
|
|
|
- <Panel class="panel-bottom" title="月资源玫瑰图" :bgBlur="true">
|
|
|
- <div class="direction-chart">
|
|
|
- <DirectionRadarChart width="100%" height="23vh" :value="ymgtmap" />
|
|
|
- <div class="legend">
|
|
|
- <span class="dot bg-purple"></span>
|
|
|
- <span>{{ ymgtTitle || "" }}</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </Panel>
|
|
|
- <toolbar-panel class="rose-chart" title="功率曲线">
|
|
|
- <template v-slot:tools>
|
|
|
- <!--<div class="tools">
|
|
|
+ <div class="tower">
|
|
|
+ <Wave></Wave>
|
|
|
+ <Windmill class="windmill-1"></Windmill>
|
|
|
+ <Windmill class="windmill-2"></Windmill>
|
|
|
+ <Windmill class="windmill-3"></Windmill>
|
|
|
+ <Windmill class="windmill-4"></Windmill>
|
|
|
+ <Windmill class="windmill-5"></Windmill>
|
|
|
+ <WindTower :data="cftmap"></WindTower>
|
|
|
+ <dash-pie-chart
|
|
|
+ class="pie-left"
|
|
|
+ title="空气密度"
|
|
|
+ :value="cftmap.KQMD || 0"
|
|
|
+ height="9.722vh"
|
|
|
+ width="9.722vh"
|
|
|
+ />
|
|
|
+ <dash-pie-chart
|
|
|
+ class="pie-right"
|
|
|
+ title="压强"
|
|
|
+ :value="cftmap.FCCFTYQ || 0"
|
|
|
+ height="9.722vh"
|
|
|
+ width="9.722vh"
|
|
|
+ />
|
|
|
+ <Panel class="panel-top" title="日资源玫瑰图" :bgBlur="true">
|
|
|
+ <div class="direction-chart">
|
|
|
+ <DirectionRadarChart width="100%" height="23vh" :value="rmgtmap" />
|
|
|
+ <div class="legend">
|
|
|
+ <span class="dot bg-purple"></span>
|
|
|
+ <span>{{ rmgtTitle || "" }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </Panel>
|
|
|
+ <Panel class="panel-bottom" title="月资源玫瑰图" :bgBlur="true">
|
|
|
+ <div class="direction-chart">
|
|
|
+ <DirectionRadarChart width="100%" height="23vh" :value="ymgtmap" />
|
|
|
+ <div class="legend">
|
|
|
+ <span class="dot bg-purple"></span>
|
|
|
+ <span>{{ ymgtTitle || "" }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </Panel>
|
|
|
+ <toolbar-panel class="rose-chart" title="功率曲线">
|
|
|
+ <template v-slot:tools>
|
|
|
+ <!--<div class="tools">
|
|
|
<div class="tool-block">
|
|
|
<div class="legend bg-green"></div>
|
|
|
<div class="legend-text">应发功率</div>
|
|
@@ -55,13 +67,18 @@
|
|
|
<div class="legend-text">风速</div>
|
|
|
</div>
|
|
|
</div>-->
|
|
|
- </template>
|
|
|
- <template v-slot:default>
|
|
|
- <!-- 日发电量 -->
|
|
|
- <multiple-line-chart :list="Powertrend.value" :units="Powertrend.units" height="28vh" :showLegend="true" />
|
|
|
- </template>
|
|
|
- </toolbar-panel>
|
|
|
- </div>
|
|
|
+ </template>
|
|
|
+ <template v-slot:default>
|
|
|
+ <!-- 日发电量 -->
|
|
|
+ <multiple-line-chart
|
|
|
+ :list="Powertrend.value"
|
|
|
+ :units="Powertrend.units"
|
|
|
+ height="28vh"
|
|
|
+ :showLegend="true"
|
|
|
+ />
|
|
|
+ </template>
|
|
|
+ </toolbar-panel>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
@@ -181,7 +198,14 @@ export default {
|
|
|
that.ymgtTitle = res.data.ymgtmap.jfpl;
|
|
|
|
|
|
let units = ["(万kw)", "(米/s)"];
|
|
|
- let keyArray = ["value1", "value2", "value3", "value4", "value5", "value6"];
|
|
|
+ let keyArray = [
|
|
|
+ "value1",
|
|
|
+ "value2",
|
|
|
+ "value3",
|
|
|
+ "value4",
|
|
|
+ "value5",
|
|
|
+ "value6",
|
|
|
+ ];
|
|
|
|
|
|
let Powertrend = {
|
|
|
units,
|