|
@@ -21,7 +21,13 @@
|
|
|
<span class="unit">天</span>
|
|
|
</div>
|
|
|
<div class="security">
|
|
|
- <div class="text">资产统计:</div>
|
|
|
+ <div v-if="wpId.includes('FDC') || wpId.includes('GDC')" class="text">
|
|
|
+ {{ currentTitle }}资产统计:
|
|
|
+ </div>
|
|
|
+ <div v-else-if="tabShow == 0" class="text">资产统计:</div>
|
|
|
+ <div v-else-if="tabShow == -1" class="text">风电资产统计:</div>
|
|
|
+ <div v-else-if="tabShow == -2" class="text">光伏资产统计:</div>
|
|
|
+
|
|
|
<div class="num">
|
|
|
<span class="font-num">
|
|
|
{{
|
|
@@ -35,7 +41,7 @@
|
|
|
<span class="unit-t">MW</span>
|
|
|
</div>
|
|
|
<div class="lineBox">
|
|
|
- <div class="fd-rl" v-if="tabShow == -1 || tabShow == 0">
|
|
|
+ <div class="fd-rl" v-if="tabShow == 0">
|
|
|
<span class="text">风电</span>
|
|
|
<span class="font-num">
|
|
|
{{
|
|
@@ -48,7 +54,7 @@
|
|
|
</span>
|
|
|
<span class="unit">MW</span>
|
|
|
</div>
|
|
|
- <div class="gf-rl" v-if="tabShow == -2 || tabShow == 0">
|
|
|
+ <div class="gf-rl" v-if="tabShow == 0">
|
|
|
<span class="text">光伏</span>
|
|
|
<span class="font-num">{{
|
|
|
wpId.includes("GDC")
|
|
@@ -332,23 +338,35 @@
|
|
|
"
|
|
|
>
|
|
|
<div class="security-day">
|
|
|
- <div class="text">清洁能源产业总装机容量:</div>
|
|
|
+ <div v-if="activeTab == 0" class="text">清洁能源产业总装机容量:</div>
|
|
|
+ <div v-if="activeTab == -1" class="text">
|
|
|
+ 清洁能源产业风电总装机容量:
|
|
|
+ </div>
|
|
|
+ <div v-if="activeTab == -2" class="text">
|
|
|
+ 清洁能源产业光伏总装机容量:
|
|
|
+ </div>
|
|
|
<div class="num">
|
|
|
- <span class="font-num">{{
|
|
|
+ <span class="font-num" v-if="activeTab == 0">{{
|
|
|
StationinformationData?.qt?.zzjrl
|
|
|
}}</span>
|
|
|
+ <span class="font-num" v-if="activeTab == -1">{{
|
|
|
+ StationinformationData?.qt?.fdzzjrl
|
|
|
+ }}</span>
|
|
|
+ <span class="font-num" v-if="activeTab == -2">{{
|
|
|
+ StationinformationData?.qt?.gfzzjrl
|
|
|
+ }}</span>
|
|
|
<span class="unit">MW</span>
|
|
|
</div>
|
|
|
<div class="security">
|
|
|
<div class="lineBox">
|
|
|
- <div v-if="activeTab == -1 || activeTab == 0">
|
|
|
+ <div v-if="activeTab == 0">
|
|
|
<span>风电</span>
|
|
|
<span class="num font-num">{{
|
|
|
StationinformationData?.qt?.fdzzjrl
|
|
|
}}</span>
|
|
|
<span class="unit">MW</span>
|
|
|
</div>
|
|
|
- <div v-if="activeTab == -2 || activeTab == 0">
|
|
|
+ <div v-if="activeTab == 0">
|
|
|
<span>光伏</span>
|
|
|
<span class="num font-num">{{
|
|
|
StationinformationData?.qt?.gfzzjrl
|
|
@@ -766,36 +784,15 @@
|
|
|
</BarCharts>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
- <el-dialog
|
|
|
- class="dialogs"
|
|
|
- width="80%"
|
|
|
- v-model="dialogGroupRealname"
|
|
|
- :show-close="true"
|
|
|
- >
|
|
|
- <template #title>
|
|
|
- <div class="dialog-title">
|
|
|
- <img class="dialog-title-img" src="@assets/imgs/dialog-title.png" />
|
|
|
- <div class="title">{{ showName }}</div>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <div class="dialog-body" style="height: 40vh">
|
|
|
- <img class="dialog-img" src="@assets/imgs/dialog.png" />
|
|
|
- <windChartCom
|
|
|
- :windCurveValues="groupList"
|
|
|
- :unit="'MW'"
|
|
|
- :CurveTitle="'实时负荷'"
|
|
|
- width="100%"
|
|
|
- height="38vh"
|
|
|
- chartId="windChar"
|
|
|
- />
|
|
|
- </div>
|
|
|
- </el-dialog>
|
|
|
+
|
|
|
<Row type="flex" style="margin-bottom: 20px">
|
|
|
<Col :span="24">
|
|
|
<div class="model-bg-new">
|
|
|
<div class="titles">
|
|
|
- <div class="name">实时负荷</div>
|
|
|
- <div class="unit">(单位: MW)</div>
|
|
|
+ <div class="name">
|
|
|
+ {{ activeTab == 0 ? "实时负荷" : "关键指标" }}
|
|
|
+ </div>
|
|
|
+ <!-- <div class="unit">(单位: MW)</div> -->
|
|
|
</div>
|
|
|
<power-review-home
|
|
|
:data="powerDataHome"
|
|
@@ -806,6 +803,7 @@
|
|
|
<!-- @chartClick="showPowerChart" -->
|
|
|
</Col>
|
|
|
</Row>
|
|
|
+ <!-- 风电场 -->
|
|
|
<Row
|
|
|
type="flex"
|
|
|
style="margin-bottom: 20px"
|
|
@@ -924,6 +922,7 @@
|
|
|
</div>
|
|
|
</Col>
|
|
|
</Row>
|
|
|
+ <!-- 光电站 -->
|
|
|
<Row
|
|
|
type="flex"
|
|
|
style="margin-bottom: 20px"
|
|
@@ -1033,7 +1032,32 @@
|
|
|
</Col>
|
|
|
</Row>
|
|
|
</div>
|
|
|
-
|
|
|
+ <!-- 全国实时负荷/关键指标弹窗 -->
|
|
|
+ <el-dialog
|
|
|
+ class="dialogs"
|
|
|
+ width="80%"
|
|
|
+ v-model="dialogGroupRealname"
|
|
|
+ :show-close="true"
|
|
|
+ destroy-on-close
|
|
|
+ >
|
|
|
+ <template #title>
|
|
|
+ <div class="dialog-title">
|
|
|
+ <img class="dialog-title-img" src="@assets/imgs/dialog-title.png" />
|
|
|
+ <div class="title">{{ showName }}</div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <div class="dialog-body" style="height: 40vh">
|
|
|
+ <img class="dialog-img" src="@assets/imgs/dialog.png" />
|
|
|
+ <windChartCom
|
|
|
+ :windCurveValues="groupList"
|
|
|
+ :unit="'MW'"
|
|
|
+ :CurveTitle="chartName"
|
|
|
+ width="100%"
|
|
|
+ height="38vh"
|
|
|
+ chartId="windChar"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
<div v-if="currentTitle != '全国'">
|
|
|
<!-- 山西右侧信息 -->
|
|
|
<div class="card wind_card">
|
|
@@ -1259,6 +1283,7 @@
|
|
|
width="70%"
|
|
|
v-model="dialogVisible"
|
|
|
:show-close="true"
|
|
|
+ destroy-on-close
|
|
|
>
|
|
|
<template #title>
|
|
|
<div class="dialog-title">
|
|
@@ -1448,12 +1473,13 @@ export default {
|
|
|
wpId: "KGDL_FGS",
|
|
|
},
|
|
|
{
|
|
|
- name: "清洁能源",
|
|
|
+ name: "山西",
|
|
|
wpId: "SXJ_RGN",
|
|
|
},
|
|
|
],
|
|
|
switchShow: false, //接入情况弹窗
|
|
|
showName: "",
|
|
|
+ chartName: "",
|
|
|
StationinformationData: [],
|
|
|
showkey: "",
|
|
|
dialogGroupRealname: false, //全国实时负荷弹窗开关
|
|
@@ -1587,28 +1613,79 @@ export default {
|
|
|
this.homeSuspensionWindowsData.hbqyxx = { ...element };
|
|
|
}
|
|
|
});
|
|
|
-
|
|
|
- this.powerDataHome = [
|
|
|
- {
|
|
|
- title: "清洁能源",
|
|
|
- value: (data?.qt?.sjgl / 1000).toFixed(2),
|
|
|
- dialogTitle: "清洁能源",
|
|
|
- max: 3000,
|
|
|
- },
|
|
|
- {
|
|
|
- title: "风电",
|
|
|
- value: (data?.qt?.fdsjgl / 1000).toFixed(2),
|
|
|
- dialogTitle: "风电功率详情",
|
|
|
- max: 3000,
|
|
|
- },
|
|
|
- {
|
|
|
- title: "光伏",
|
|
|
- value: (data?.qt?.gfsjgl / 1000).toFixed(2),
|
|
|
- dialogTitle: "光伏功率详情",
|
|
|
- max: 3000,
|
|
|
- },
|
|
|
- ];
|
|
|
-
|
|
|
+ if (this.tabShow == -1) {
|
|
|
+ this.powerDataHome = [
|
|
|
+ {
|
|
|
+ title: "实时风速",
|
|
|
+ value: (data?.qt?.ssfs).toFixed(2),
|
|
|
+ dialogTitle: "实时风速",
|
|
|
+ max: 3000,
|
|
|
+ unit: "m/s",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "实际功率",
|
|
|
+ value: (data?.qt?.fdsjgl).toFixed(2),
|
|
|
+ dialogTitle: "实际功率",
|
|
|
+ max: 3000,
|
|
|
+ unit: "MW",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "风能利用率",
|
|
|
+ value: (data?.qt?.fnlyl).toFixed(2),
|
|
|
+ dialogTitle: "风能利用率",
|
|
|
+ max: 100,
|
|
|
+ unit: "%",
|
|
|
+ },
|
|
|
+ ];
|
|
|
+ } else if (this.tabShow == 0) {
|
|
|
+ this.powerDataHome = [
|
|
|
+ {
|
|
|
+ title: "清洁能源",
|
|
|
+ value: (data?.qt?.sjgl / 1000).toFixed(2),
|
|
|
+ dialogTitle: "清洁能源",
|
|
|
+ max: 3000,
|
|
|
+ unit: "MW",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "风电",
|
|
|
+ value: (data?.qt?.fdsjgl / 1000).toFixed(2),
|
|
|
+ dialogTitle: "风电功率详情",
|
|
|
+ max: 3000,
|
|
|
+ unit: "MW",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "光伏",
|
|
|
+ value: (data?.qt?.gfsjgl / 1000).toFixed(2),
|
|
|
+ dialogTitle: "光伏功率详情",
|
|
|
+ max: 3000,
|
|
|
+ unit: "MW",
|
|
|
+ },
|
|
|
+ ];
|
|
|
+ } else if (this.tabShow == -2) {
|
|
|
+ this.powerDataHome = [
|
|
|
+ {
|
|
|
+ title: "光照强度",
|
|
|
+ value: (data?.qt?.gzzs).toFixed(2),
|
|
|
+ dialogTitle: "光照强度",
|
|
|
+ max: 3000,
|
|
|
+ unit: "W/m²",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "实际功率",
|
|
|
+ value: (data?.qt?.sjgl).toFixed(2),
|
|
|
+ dialogTitle: "实际功率",
|
|
|
+ max: 3000,
|
|
|
+ unit: "MW",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "光能利用率",
|
|
|
+ value: (data?.qt?.fnlyl).toFixed(2),
|
|
|
+ dialogTitle: "光能利用率",
|
|
|
+ max: 100,
|
|
|
+ unit: "%",
|
|
|
+ },
|
|
|
+ ];
|
|
|
+ }
|
|
|
let sbztmap = {
|
|
|
fd: {},
|
|
|
gf: {},
|
|
@@ -1801,7 +1878,7 @@ export default {
|
|
|
//当wpId是FDC/GDC时,此时点击全部、风电、光伏按钮,展示山西地图及对应的公司信息
|
|
|
let fcId = wpId;
|
|
|
if ((wpId.includes("FDC") || wpId.includes("GDC")) && this.flag) {
|
|
|
- if (name != "清洁能源") {
|
|
|
+ if (name != "山西") {
|
|
|
fcId = this.historyWpId;
|
|
|
} else {
|
|
|
fcId = "SXJ_RGN";
|
|
@@ -1868,9 +1945,10 @@ export default {
|
|
|
this.currentActiveTab(penetrateType);
|
|
|
},
|
|
|
// 全国实时负荷点击弹窗
|
|
|
- showPowerChart({ dialogTitle, data }) {
|
|
|
+ showPowerChart({ dialogTitle, data, chartName = "" }) {
|
|
|
this.dialogGroupRealname = true;
|
|
|
this.showName = dialogTitle;
|
|
|
+ this.chartName = chartName ? chartName : dialogTitle;
|
|
|
this.groupList = data;
|
|
|
},
|
|
|
// 区域实时负荷点击弹窗
|
|
@@ -2324,7 +2402,7 @@ p {
|
|
|
.model-bg {
|
|
|
width: 100%;
|
|
|
min-height: 135px;
|
|
|
- // background-color: rgba(3, 5, 9, 0.5);
|
|
|
+ // background-color: rgba(3, 5, 9, 0.5);
|
|
|
border-radius: 6px;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
@@ -2396,11 +2474,11 @@ p {
|
|
|
top: 270px;
|
|
|
}
|
|
|
&.box2 {
|
|
|
- // top: 500px;
|
|
|
+ // top: 500px;
|
|
|
top: 450px;
|
|
|
}
|
|
|
&.box3 {
|
|
|
- // top: 730px;
|
|
|
+ // top: 730px;
|
|
|
top: 690px;
|
|
|
}
|
|
|
.energy-system-content {
|